:root{color-scheme:light;--color-bg: #ffffff;--color-paper: #f6f6f4;--color-ink: #090909;--color-muted: #5d5d5a;--color-line: #d8d8d4;--color-line-strong: #9b9b97;--color-cyan: #1a6f9a;--color-red: #c41e3a;--page-x: clamp(18px, 3vw, 48px);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-sans: "IBM Plex Sans", "Noto Sans TC", "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", ui-sans-serif, "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.055) 1px,transparent 1px) 0 0 / 80px 80px,var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-weight:var(--font-weight-regular);text-rendering:geometricPrecision;overflow:hidden}body::selection{background:var(--color-ink);color:var(--color-bg)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}#stage{position:fixed;inset:0}#camera{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#field{position:absolute;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:72px;padding:0 var(--page-x);background:#ffffffe0;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;color:inherit;text-decoration:none;font-size:13px;font-weight:var(--font-weight-bold);line-height:1}.brand__mark{display:inline-block;width:10px;height:10px;border-top:1px solid var(--color-ink);border-right:1px solid var(--color-ink);transform:rotate(45deg)}.hud-readout{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums}#readout-finger{color:var(--color-muted);font-family:var(--font-sans);font-size:11px;font-weight:var(--font-weight-medium)}#readout-hz{color:var(--color-cyan)}#readout-amp{color:var(--color-muted)}.hud-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:18px 22px}#locale{appearance:none;background:transparent;border:0;border-radius:0;padding:9px 0;margin:0;min-width:7.2em;color:var(--color-muted);font-size:12px;font-weight:var(--font-weight-medium);line-height:1;cursor:pointer}#locale:hover,#locale:focus{color:var(--color-ink);outline:none}#hud button,#osc-sheet button,#settings button{background:none;border:0;padding:9px 0;color:var(--color-muted);font-size:12px;font-weight:var(--font-weight-medium);line-height:1}#hud button{position:relative}#hud button:after,.brand:hover .brand__mark{content:""}#hud button:after{position:absolute;right:0;bottom:1px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}#hud button:hover,#hud button[aria-pressed=true],#hud button.is-on{color:var(--color-ink)}#hud button:hover:after,#hud button[aria-pressed=true]:after,#hud button.is-on:after{transform:scaleX(1)}#hud button:disabled{opacity:.35;cursor:default}#hud button:disabled:after{transform:none;background:transparent}#osc-sheet{position:fixed;top:84px;right:var(--page-x);z-index:21;display:grid;gap:12px;min-width:280px;padding:16px 18px 18px;background:var(--color-paper);border:1px solid var(--color-ink)}#osc-sheet[hidden]{display:none}.sheet-kicker,.section-title{margin:0;color:var(--color-muted);font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:0}#osc-sheet:before{position:absolute;top:0;left:0;width:6px;height:100%;background:var(--color-red);content:""}#osc-sheet{position:fixed}#osc-sheet label{display:grid;gap:4px;color:var(--color-muted);font-size:11px;font-weight:var(--font-weight-medium)}#osc-sheet input,select,.field-row input[type=number]{background:var(--color-bg);border:0;border-bottom:1px solid var(--color-line-strong);border-radius:0;padding:7px 0;outline:none}#osc-connect,#settings-close,#settings [data-act=role-add],#settings [data-act=role-remove]{width:fit-content;border-bottom:1px solid currentColor;color:var(--color-ink)}#osc-status{margin:0;color:var(--color-muted);font-size:12px;line-height:1.55}#osc-status code{font-family:var(--font-mono);font-size:11px}#settings{position:fixed;top:0;right:0;bottom:0;z-index:22;width:min(420px,100vw);background:var(--color-paper);border-left:1px solid var(--color-ink);transform:translate(104%);transition:transform .22s ease;overflow:auto;pointer-events:none}#settings.is-open{transform:none;pointer-events:auto}#settings:before{position:sticky;top:0;display:block;width:6px;height:0;background:var(--color-red);content:""}.settings-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:24px 22px 12px;background:var(--color-paper);border-bottom:1px solid var(--color-line)}.settings-head h2{margin:0;font-size:15px;font-weight:var(--font-weight-bold)}#settings-body{padding:18px 22px 48px;display:grid;gap:28px}.field-row{display:grid;gap:6px}.field-row label,.role-row span.label{color:var(--color-muted);font-size:11px;font-weight:var(--font-weight-medium)}.field-row input[type=range]{width:100%;accent-color:var(--color-ink)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}select{background:transparent;border:0;border-bottom:1px solid var(--color-line-strong);border-radius:0;padding:7px 0}.hand-map svg{width:100%;height:auto;overflow:visible}.finger-dot{cursor:pointer}.finger-dot circle{fill:var(--color-bg);stroke:var(--color-ink);stroke-width:1}.finger-dot.is-voice circle{fill:var(--color-ink)}.finger-dot.is-role circle{fill:var(--color-bg);stroke:var(--color-cyan);stroke-dasharray:3 2}.finger-dot.is-selected circle{stroke:var(--color-red);stroke-width:2}.toggle{display:flex;align-items:center;gap:10px;font-size:13px}.roles{display:grid;gap:12px}.role-row{display:grid;gap:8px;padding:12px 0 12px 12px;border-left:6px solid var(--color-red);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.role-row .role-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}#gate{position:fixed;inset:0;z-index:12;display:grid;grid-template-columns:18px 1fr;background:linear-gradient(90deg,rgba(0,0,0,.055) 1px,transparent 1px) 0 0 / 80px 80px,var(--color-bg)}.gate-bar{background:var(--color-red)}.gate-inner{display:flex;flex-direction:column;justify-content:center;max-width:640px;padding:clamp(88px,10vw,120px) var(--page-x) clamp(34px,6vw,78px)}.hero-index{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--color-muted);font-size:12px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.hero-index-rule{flex:0 0 22px;align-self:center;height:1px;background:var(--color-line-strong)}.gate-inner h1{margin:0;font-size:clamp(58px,10vw,118px);font-weight:var(--font-weight-bold);line-height:.92;letter-spacing:0}.hero-identity{margin:22px 0 0;font-size:clamp(18px,2.2vw,28px);font-weight:var(--font-weight-medium);line-height:1.1}.gate-copy{max-width:370px;margin:28px 0 0;color:var(--color-muted);font-size:15px;line-height:1.78}#gate #btn-start{width:fit-content;margin-top:42px;padding:12px 22px;border:0;background:var(--color-ink);color:var(--color-bg);font-size:12px;font-weight:var(--font-weight-medium)}.hero-coords{display:flex;align-items:flex-start;gap:10px;margin-top:clamp(48px,6vw,92px);color:var(--color-muted);font-size:11px;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;line-height:1.55;opacity:.72}.hero-coords-mark{margin-top:1px;font-size:13px}#gate.is-gone{display:none}#gate-error{margin:16px 0 0;color:var(--color-red);font-size:13px}@media(max-width:720px){#hud{grid-template-columns:1fr;min-height:0;padding:14px var(--page-x)}.hud-actions,.hud-readout{justify-self:start}}