:root{--bg:#04071e;--bg-card:#081025;--bg-card-hover:#0f1a35;--border:#1a2240;--text:#dce1e8;--text-muted:#8b90a3;--accent:#ffbc42;--accent-light:#ffd06b;--green:#22c55e;--red:#ef4444;--orange:#f59e0b;--silver:#c0c7d4;--stage:#000;--side-width:340px;--topbar-height:52px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:var(--accent-light);text-decoration:none}a:hover{text-decoration:underline}kbd{opacity:.7;border:1px solid;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:10px;font-weight:600}.scroll-thin{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.scroll-thin::-webkit-scrollbar{width:6px}.scroll-thin::-webkit-scrollbar-track{background:0 0}.scroll-thin::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.muted{color:var(--text-muted)}.error-text{color:var(--red);font-size:13px}.page-title{margin-bottom:4px;font-size:22px;font-weight:600}.page-sub{color:var(--text-muted);margin-bottom:20px;font-size:13px}.show-mobile{display:none}.btn{cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-card-hover);text-decoration:none}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:#04071e;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-light)}.btn-block{width:100%}.btn-ok{color:var(--green);background:#22c55e24;border-color:#22c55e80}.btn-ok:hover:not(:disabled){background:#22c55e3d}.btn-defect{color:var(--red);background:#ef444424;border-color:#ef444480}.btn-defect:hover:not(:disabled){background:#ef44443d}.btn-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px}.btn-link:hover{color:var(--text);text-decoration:underline}.textarea{resize:vertical;background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px}.textarea:focus,.select:focus{border-color:var(--accent);outline:none}.select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px}.small{font-size:12px}.topbar{height:var(--topbar-height);background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:0 16px;display:flex}.brand{color:var(--accent-light);align-items:center;gap:10px;font-weight:600;display:flex}.brand:hover{text-decoration:none}.brand img{height:18px}.topbar-center{flex:1;align-items:center;gap:12px;min-width:0;font-size:13px;display:flex}.topbar-user{align-items:center;gap:12px;font-size:12px;display:flex}.mode-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.mode-normal{color:var(--accent);background:#ffbc421f;border-color:#ffbc4273}.mode-silver{color:var(--silver);background:#c0c7d41f;border-color:#c0c7d473}.page-shell{flex-direction:column;min-height:100vh;display:flex}.home{width:100%;max-width:760px;margin:0 auto;padding:32px 16px}.session-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.session-card{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:12px;flex-direction:column;gap:12px;padding:20px;font-size:13px;display:flex}a.session-card:hover{background:var(--bg-card-hover);border-color:var(--accent);text-decoration:none}.session-card.disabled{opacity:.6}.session-card-head{justify-content:space-between;align-items:center;display:flex}.session-date{font-size:18px;font-weight:600}.progress{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-bar{background:var(--accent);height:100%}.center-panel{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px 16px;display:flex}.review{grid-template-columns:minmax(0, 1fr) var(--side-width);grid-template-rows:var(--topbar-height) 1fr;height:100dvh;display:grid}.review .topbar{grid-column:1/-1}.stage{background:var(--stage);-webkit-user-select:none;user-select:none;min-height:0;display:flex;position:relative;overflow:hidden}.stage-view{touch-action:none;cursor:zoom-in;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.stage-view.zoomed{cursor:grab}.stage-view.zoomed:active{cursor:grabbing}.stage-img{object-fit:contain;max-width:100%;max-height:100%;transition:transform 50ms linear}.zoom-reset{color:var(--text);font:inherit;cursor:pointer;background:#04071ecc;border:none;border-radius:8px;padding:4px 10px;font-size:12px;position:absolute;top:10px;right:10px}.stage.tint-ok{box-shadow:inset 0 0 0 4px var(--green)}.stage.tint-defect{box-shadow:inset 0 0 0 4px var(--red)}.stage.has-thumbs{padding-left:104px}.thumbs{background:#04071ebf;border-radius:10px;flex-direction:column;align-items:center;gap:8px;max-height:calc(100% - 24px);padding:8px;display:flex;position:absolute;top:50%;left:12px;overflow-y:auto;transform:translateY(-50%)}.thumbs-count{color:var(--text);white-space:nowrap;font-size:13px;font-weight:600}.thumbs-keys{color:var(--text-muted);white-space:nowrap;font-size:11px}.thumb{cursor:pointer;opacity:.6;background:0 0;border:2px solid #0000;border-radius:6px;flex-shrink:0;width:72px;height:72px;padding:0;position:relative;overflow:hidden}.thumb:hover{opacity:.9}.thumb.active{border-color:var(--accent);opacity:1}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-n{min-width:16px;color:var(--text);background:#04071ed9;border-radius:4px;padding:0 4px;font-size:11px;line-height:16px;position:absolute;bottom:3px;left:3px}.side{background:var(--bg-card);border-left:1px solid var(--border);flex-direction:column;gap:16px;min-height:0;padding:18px;display:flex;overflow-y:auto}.side-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px;font-size:11px}.side-value{word-break:break-all;font-size:18px;font-weight:600}.side-grid{grid-template-columns:1fr 1fr;gap:12px;font-size:14px;display:grid}.chips{flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.chip{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:999px;padding:2px 10px}details>summary{cursor:pointer;list-style:none}details>summary:before{content:"▸ "}details[open]>summary:before{content:"▾ "}.config-list{flex-direction:column;gap:4px;margin-top:6px;font-size:12px;display:flex}.config-list div{justify-content:space-between;gap:12px;display:flex}.config-list dt{color:var(--text-muted)}.config-list dd{text-align:right;word-break:break-word}.actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;display:grid}.actions .btn{padding:14px 10px;font-size:14px}.defect-panel{flex-direction:column;gap:10px;margin-top:auto;display:flex}.defect-head{justify-content:space-between;align-items:center;display:flex}.defect-head .side-label{color:var(--red);margin-bottom:0}.notice{border-radius:8px;padding:10px 12px;font-size:13px}.notice-info{color:var(--accent-light);background:#f59e0b1a;border:1px solid #f59e0b59}.notice-ok{color:var(--green);background:#22c55e1a;border:1px solid #22c55e59}.notice-error{color:var(--red);background:#ef44441a;border:1px solid #ef444459}.hint{color:var(--text-muted);text-align:center;font-size:11px}.warn-link,.warn-text{color:var(--orange);font-size:13px}.warn-link:hover{color:var(--accent-light)}.retry-list{flex-direction:column;gap:12px;display:flex}.retry-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.retry-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.retry-item .defect-panel{margin-top:0;padding:0;position:static}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;width:380px;max-width:100%;padding:44px 40px}.login-card img{height:30px;margin-bottom:22px}.login-title{margin-bottom:6px;font-size:18px;font-weight:600}.login-sub{color:var(--text-muted);margin-bottom:26px;font-size:13px}.login-denied{margin:-12px 0 18px}.center-screen{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}@media (width<=800px){.hide-mobile{display:none}.show-mobile{display:block}.review{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-height) 55dvh minmax(0, 1fr)}.side{border-left:none;border-top:1px solid var(--border);gap:12px;padding:12px 16px 0}.stage{flex-direction:column}.stage.has-thumbs{padding-left:0}.thumbs{border-radius:0;flex-direction:row;flex-shrink:0;justify-content:center;max-width:100%;max-height:none;padding:6px;position:static;overflow:auto hidden;transform:none}.thumb{width:48px;height:48px}.review.defect-open{grid-template-rows:var(--topbar-height) 30dvh minmax(0, 1fr)}.defect-panel{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.side-value{font-size:16px}.side-grid{grid-template-columns:repeat(4,auto);font-size:13px}.actions{background:var(--bg-card);padding:10px 0 calc(10px + env(safe-area-inset-bottom));position:sticky;bottom:0}.topbar{gap:10px;padding:0 12px}}