:root{--ink:#0b0d12;--ink-raised:#141822;--ink-line:#232936;--text:#e6e9f0;--text-dim:#8c93a5;--violet:#7c5cff;--teal:#2fd4c6;--amber:#ffb340;--danger:#ff6b6b;--radius:12px;--gap:20px}*{box-sizing:border-box}body{background:var(--ink);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:15px;line-height:1.7}.shell{max-width:900px;margin:0 auto;padding:clamp(16px,4vw,40px) clamp(14px,4vw,28px) 64px}.masthead{margin-bottom:28px}.wordmark{letter-spacing:.02em;border-bottom:3px solid #0000;border-image:linear-gradient(90deg, var(--violet), var(--teal), var(--amber)) 1;margin:0;padding-bottom:6px;font-size:clamp(28px,7vw,40px);font-weight:600;display:inline-block}.tagline{color:var(--text-dim);margin:10px 0 0}.card{background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:var(--radius);margin-bottom:var(--gap);padding:clamp(16px,4vw,26px)}.card-title{color:var(--text-dim);margin:26px 0 12px;font-size:15px;font-weight:600}.card-title:first-child{margin-top:0}.hint{color:var(--text-dim);margin:10px 0 0;font-size:13px}.label{color:var(--text-dim);margin-bottom:6px;font-size:13px;display:block}.role-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:560px){.role-grid{grid-template-columns:1fr}}.role{text-align:left;border:1px solid var(--ink-line);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;background:0 0;padding:16px;transition:border-color .15s,background .15s;display:block}.role:hover{border-color:var(--text-dim)}.role[aria-checked=true]{border-color:var(--teal);background:#2fd4c614}.role-name{margin-bottom:4px;font-size:17px;font-weight:600;display:block}.role-note{color:var(--text-dim);font-size:13px;line-height:1.6;display:block}.tabs{gap:4px;margin-bottom:12px;display:flex}.tab{border:1px solid var(--ink-line);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:13px}.tab.is-active{color:var(--ink);background:var(--teal);border-color:var(--teal)}textarea,.pin-input,input[type=file]{background:var(--ink);border:1px solid var(--ink-line);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:11px 13px}textarea:focus-visible,.pin-input:focus-visible,.role:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.estimate{background:var(--ink);color:var(--text-dim);border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px}.pin-display{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pin-value{letter-spacing:.18em;color:var(--amber);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(32px,9vw,44px)}.pin-input{letter-spacing:.18em;text-align:center;max-width:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px}.actions{margin-top:24px}.primary,.ghost{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:11px 22px;font-weight:600}.primary{background:var(--teal);color:var(--ink)}.primary:disabled{background:var(--ink-line);color:var(--text-dim);cursor:not-allowed}.ghost{border-color:var(--ink-line);color:var(--text-dim);background:0 0}.ghost:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}.ghost.danger:hover{color:var(--danger);border-color:var(--danger)}.diag-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.diag-result{background:var(--ink);border:1px solid var(--ink-line);border-radius:8px;margin:14px 0 0;padding:11px 14px;font-size:13px}.diag-result.is-ok{border-color:var(--teal)}.diag-result.is-warn{border-color:var(--amber)}.diag-support{color:var(--text-dim);margin:12px 0 0;font-size:12px}.diag-support div{border-bottom:1px solid var(--ink-line);gap:8px;padding:3px 0;display:flex}.diag-support dt{flex:0 0 42%}.diag-support dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.status-strip{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.state-chip{background:var(--ink);border:1px solid var(--ink-line);letter-spacing:.04em;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.note{min-width:180px;color:var(--text-dim);flex:1;font-size:13px}.flip-banner{border-radius:var(--radius);border:1px solid var(--amber);background:#ffb3401f;margin-bottom:16px;padding:16px 18px}.flip-title{color:var(--amber);margin:0 0 6px;font-size:18px;font-weight:600}.flip-note{color:var(--text);margin:0 0 12px;font-size:13px}.channel{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:640px){.channel{grid-template-columns:1fr}}.face{margin:0}.face canvas,.rx-mount{aspect-ratio:1;border-radius:10px;width:100%;display:block;overflow:hidden}.face-tx canvas{box-shadow:0 0 0 1px var(--ink-line), 0 0 42px #ffffff24;background:#fff}.rx-mount{background:#000;place-items:center;display:grid}.rx-mount video{object-fit:cover;width:100%;height:100%}.face figcaption{color:var(--text-dim);text-align:center;margin-top:8px;font-size:12px}.aim-hint{background:var(--ink);border:1px solid var(--ink-line);color:var(--text-dim);border-radius:8px;margin:16px 0 0;padding:10px 14px;font-size:13px}.aim-hint.is-locked{border-color:var(--teal);color:var(--teal)}.metric-value.is-locked{color:var(--teal)}.metric-value.is-lost{color:var(--text-dim)}.telemetry{flex-wrap:wrap;gap:24px;margin:20px 0 10px;display:flex}.metric{flex-direction:column;display:flex}.metric-label{color:var(--text-dim);font-size:12px}.metric-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.progress{background:var(--ink);border-radius:999px;height:5px;overflow:hidden}.progress-fill{background:var(--teal);width:0;height:100%;transition:width .25s}.sas{background:var(--ink);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding:14px;display:flex}.sas-label{color:var(--text-dim);font-size:13px}.sas-symbols{letter-spacing:.12em;font-size:30px}.sas-hint{min-width:200px;color:var(--text-dim);flex:1;font-size:12px}.result-file{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#result .primary,#result .ghost{margin-top:14px;margin-right:10px}.failure-message{color:var(--danger)}.threat{border:1px solid var(--ink-line);border-radius:var(--radius);padding:14px 18px}.threat summary{cursor:pointer;color:var(--text-dim);font-weight:600}.threat-body{padding-top:8px;font-size:14px}.threat-body ul{padding-left:1.2em}.threat-body li{margin-bottom:6px}.threat-note{color:var(--text-dim);border-top:1px solid var(--ink-line);padding-top:12px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}