:root{color-scheme:dark;--bg: #060606;--bg-deep: #000000;--surface: #131313;--surface-2: #1b1b1d;--surface-3: #262629;--line: #26262a;--line-strong: #3b3b41;--fg: #f1f2e9;--muted: #9c9d92;--faint: #64655c;--accent: #d7e83f;--accent-dim: #55601b;--accent-wash: rgba(215, 232, 63, .09);--accent-glow: rgba(215, 232, 63, .35);--ok: #f06db6;--ok-wash: rgba(240, 109, 182, .12);--warn: #f59e0b;--danger: #f87171;--danger-wash: rgba(248, 113, 113, .1);--radius-lg: 22px;--radius: 16px;--radius-sm: 11px;--gap: 14px;--font: Pretendard, "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", "Roboto Mono", Menlo, monospace;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:15.5px/1.65 var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;letter-spacing:-.02em}h1{font-size:1.7rem;line-height:1.3;font-weight:800}h2{font-size:1.12rem;font-weight:700}h3{font-size:.98rem;font-weight:700}p{margin:0}.muted{color:var(--muted);margin:0}.faint{color:var(--faint)}.small{font-size:.84rem}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono)}.screen{max-width:30rem;min-height:100%;margin:0 auto;padding:calc(var(--safe-top, env(safe-area-inset-top, 0px)) + .9rem) 1.15rem calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 2.2rem);display:flex;flex-direction:column;gap:var(--gap)}.stack-tight{display:flex;flex-direction:column;gap:.5rem}.foot{margin-top:auto;padding-top:1.2rem;text-align:center;display:flex;flex-direction:column;gap:.3rem}.foot a{color:var(--faint);text-decoration:underline;text-underline-offset:3px}.eyebrow{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:.55rem}.eyebrow:after{content:"";height:1px;flex:1;background:linear-gradient(to right,var(--line),transparent)}.chip{font-family:var(--mono);font-size:.64rem;font-weight:700;letter-spacing:.18em;padding:.32rem .62rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--surface);display:inline-flex;align-items:center;gap:.42rem;flex:none}.chip i{width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none}.chip.live{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,var(--line));background:var(--accent-wash)}.chip.live i{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:chip-pulse 1.8s ease-in-out infinite}.chip.warn{color:var(--warn);border-color:color-mix(in oklab,var(--warn) 40%,var(--line))}.chip.warn i{background:var(--warn)}@keyframes chip-pulse{50%{opacity:.4}}.bracketed{position:relative}.bracketed .corner{position:absolute;width:16px;height:16px;border:2px solid var(--accent);opacity:.75;pointer-events:none;z-index:3}.bracketed .corner.tl{top:8px;left:8px;border-right:0;border-bottom:0;border-top-left-radius:6px}.bracketed .corner.tr{top:8px;right:8px;border-left:0;border-bottom:0;border-top-right-radius:6px}.bracketed .corner.bl{bottom:8px;left:8px;border-right:0;border-top:0;border-bottom-left-radius:6px}.bracketed .corner.br{bottom:8px;right:8px;border-left:0;border-top:0;border-bottom-right-radius:6px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.2rem}.wordmark{font-size:1.02rem;font-weight:800;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:.5rem}.wordmark svg{display:block}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem;padding:.9rem 0 .4rem}.hero-reticle{position:relative;width:168px;height:168px;display:grid;place-items:center}.hero-reticle svg{display:block;overflow:visible}.hero h1{max-width:18em}.hero .sub{max-width:26em}.hero-engine{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;color:var(--muted);min-height:1.1em}.hero-engine.err{color:var(--warn)}.rt-dash{transform-origin:center;animation:rt-rotate 46s linear infinite}.rt-pulse{transform-origin:center;animation:rt-pulse 2.4s var(--ease-out) infinite;opacity:0}@keyframes rt-rotate{to{transform:rotate(360deg)}}@keyframes rt-pulse{0%{transform:scale(.62);opacity:.55}80%{transform:scale(1.08);opacity:0}to{opacity:0}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.05rem;display:flex;flex-direction:column;gap:.85rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.setup-progress{font-family:var(--mono);font-size:.72rem;color:var(--faint);letter-spacing:.06em}.setup-progress b{color:var(--accent);font-weight:700}.perm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.perm-item{display:flex;align-items:center;gap:.8rem;padding:.68rem 0}.perm-item+.perm-item{border-top:1px solid color-mix(in oklab,var(--line) 55%,transparent)}.perm-icon{width:38px;height:38px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);flex:none}.perm-item.ok .perm-icon{color:var(--ok);background:var(--ok-wash);border-color:color-mix(in oklab,var(--ok) 30%,var(--line))}.perm-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.perm-name{font-weight:700;font-size:.94rem}.perm-state{flex:none;display:grid;place-items:center;color:var(--ok)}.btn{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);font:inherit;font-weight:700;padding:.6rem 1rem;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .06s ease,opacity .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.big{width:100%;padding:1rem;font-size:1.02rem;border-radius:var(--radius)}.btn.small{padding:.38rem .8rem;font-size:.82rem;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg-deep)}.btn.primary:not(:disabled){box-shadow:0 6px 22px -8px var(--accent-glow)}.btn.danger{background:var(--danger-wash);border-color:color-mix(in oklab,var(--danger) 45%,var(--line));color:var(--danger)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.outline{background:transparent}.cta-note{text-align:center;margin-top:-.35rem}.row-link{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1.05rem;color:var(--fg);font:inherit;cursor:pointer}.row-link:active{transform:scale(.99)}.row-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row-link .perm-icon{color:var(--accent)}.row-link-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05rem}.row-link-text b{font-size:.96rem}.row-link .chev{color:var(--faint);flex:none}.gesture-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.gesture-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem .9rem .9rem;display:flex;flex-direction:column;gap:.55rem}.gesture-fig{height:56px;display:grid;place-items:center;color:var(--accent)}.gesture-fig svg{display:block}.gesture-name{font-weight:700;font-size:.92rem}.gesture-desc{font-size:.8rem;color:var(--muted);line-height:1.5}.notice{display:flex;gap:.65rem;align-items:flex-start;background:var(--accent-wash);border:1px solid color-mix(in oklab,var(--accent) 30%,var(--line));border-radius:var(--radius-sm);padding:.7rem .85rem;font-size:.85rem;color:var(--fg)}.notice svg{flex:none;margin-top:.1rem;color:var(--accent)}.notice.warn{background:color-mix(in oklab,var(--warn) 9%,transparent);border-color:color-mix(in oklab,var(--warn) 35%,var(--line))}.notice.warn svg{color:var(--warn)}.topbar{display:flex;align-items:center;gap:.35rem;min-height:40px}.topbar h2{flex:1}.topbar .btn.ghost{padding:.45rem;margin-left:-.45rem}.preview{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:var(--bg-deep);border:1px solid var(--line-strong)}.preview-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.preview-hud{position:absolute;top:10px;left:0;right:0;z-index:3;display:flex;justify-content:center;pointer-events:none}.preview-hud .chip{background:color-mix(in oklab,var(--bg-deep) 72%,transparent);backdrop-filter:blur(4px)}.preview-hint{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:var(--muted);font-size:.88rem;text-align:center;padding:1rem 1.4rem;pointer-events:none;transition:opacity .25s ease}.preview-hint.off{opacity:0}.preview-hint svg{color:var(--faint);margin-bottom:.15rem}.preview-hint .sub{font-size:.72rem;color:var(--faint)}.preview-status{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;background:color-mix(in oklab,var(--bg-deep) 78%,transparent);color:var(--muted);font-size:.9rem;text-align:center;padding:1rem 1.4rem}.preview-status svg{color:var(--faint)}.preview-status .detail{font-family:var(--mono);font-size:.68rem;color:var(--faint);word-break:break-all}.preview-status .btn{pointer-events:auto;margin-top:.2rem}.scanline{position:absolute;left:0;right:0;height:34%;z-index:1;background:linear-gradient(to bottom,transparent,var(--accent-wash) 55%,color-mix(in oklab,var(--accent) 22%,transparent) 99%,transparent);animation:scan 2.6s var(--ease-out) infinite;pointer-events:none}@keyframes scan{0%{top:-34%}70%,to{top:100%}}.slider-row{display:flex;flex-direction:column;gap:.28rem;padding:.55rem 0}.slider-row+.slider-row{border-top:1px solid color-mix(in oklab,var(--line) 55%,transparent)}.slider-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:.92rem}.slider-value{font-family:var(--mono);font-size:.78rem;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;background:var(--accent-wash);padding:.12rem .5rem;border-radius:999px}.slider-hints{display:flex;justify-content:space-between;font-size:.7rem;color:var(--faint)}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:30px;background:transparent;margin:0}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:999px}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(to right,var(--accent) var(--pct, 50%),var(--surface-3) var(--pct, 50%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8.5px;border-radius:50%;background:var(--fg);border:2px solid var(--accent);box-shadow:0 2px 8px #00000073}input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:var(--surface-3)}input[type=range]::-moz-range-progress{height:5px;border-radius:999px;background:var(--accent)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--fg);border:2px solid var(--accent)}.testboard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.05rem;display:flex;flex-direction:column;gap:.95rem}.score{font-family:var(--mono);font-size:.74rem;color:var(--muted);display:inline-flex;align-items:center;gap:.4rem}.score b{color:var(--accent);font-size:.95rem;font-weight:700}.target-row{display:flex;justify-content:space-between;gap:.75rem}.target{flex:1;aspect-ratio:1;max-width:96px;border-radius:50%;border:2px dashed var(--line-strong);background:radial-gradient(circle at center,var(--surface-2) 0 26%,transparent 27% 44%,var(--surface-2) 45% 58%,transparent 59%);color:var(--faint);font:inherit;font-size:.78rem;font-weight:700;display:grid;place-items:center;pointer-events:none}.target-hit{animation:hit .5s ease}@keyframes hit{0%{border-color:var(--ok);color:var(--ok);box-shadow:0 0 color-mix(in oklab,var(--ok) 60%,transparent)}to{border-color:var(--ok);color:var(--ok);box-shadow:0 0 0 22px transparent}}.test-slider{display:flex;flex-direction:column;gap:.55rem}.test-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;color:var(--muted)}.test-label .mono{font-size:.74rem;color:var(--accent)}.test-track{position:relative;height:10px;border-radius:999px;background:var(--surface-3)}.test-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--accent-dim)}.test-knob{position:absolute;top:50%;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%);background:var(--fg);border:2px solid var(--accent);box-shadow:0 2px 8px #00000073}.test-pen{position:relative;height:128px;border-radius:var(--radius-sm);border:1px dashed var(--line-strong);overflow:hidden;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 100% 32px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 32px 100%;background-color:color-mix(in oklab,var(--bg-deep) 40%,transparent)}.test-card{position:absolute;left:0;top:0;width:96px;height:58px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid color-mix(in oklab,var(--accent) 45%,var(--line));color:var(--fg);font-weight:700;font-size:.82rem;display:grid;place-items:center;transform:translate(12px,12px);box-shadow:0 6px 16px -8px #0009}.virtual-cursor{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;transition:opacity .25s ease}.virtual-cursor.vc-hidden{opacity:0}.vc-ring{width:calc(38px * var(--vc-scale, 1));height:calc(38px * var(--vc-scale, 1));border-radius:50%;border:2px solid var(--fg);box-shadow:0 0 12px #00000080,inset 0 0 10px #00000040;transition:transform .1s ease,border-color .1s ease,background .1s ease}.vc-dot{position:absolute;left:50%;top:50%;width:calc(8px * var(--vc-scale, 1));height:calc(8px * var(--vc-scale, 1));border-radius:50%;transform:translate(-50%,-50%);background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.vc-pressed .vc-ring{transform:scale(.7);border-color:var(--ok);background:var(--ok-wash)}.onboarding{justify-content:space-between;min-height:100dvh}.ob-top{display:flex;align-items:center;justify-content:space-between;padding-top:.4rem}.ob-count{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--faint)}.ob-count b{color:var(--accent);font-weight:700}.ob-progress{display:flex;gap:.4rem}.ob-dot{width:26px;height:3px;border-radius:999px;background:var(--surface-3);transition:background .25s ease}.ob-dot.on{background:var(--accent)}.ob-body{display:flex;flex-direction:column;gap:.9rem;flex:1;justify-content:center;align-items:flex-start}.ob-fig{align-self:center;width:148px;height:148px;display:grid;place-items:center;color:var(--accent);margin-bottom:.4rem}.ob-fig svg{display:block;overflow:visible}.ob-body h1{font-size:1.5rem}.ob-state{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.ob-state.ok{color:var(--ok);border-color:color-mix(in oklab,var(--ok) 40%,transparent);background:var(--ok-wash)}.ob-actions{display:flex;flex-direction:column;gap:.45rem;padding-bottom:.4rem}.overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:100}.sheet{width:min(100%,30rem);background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;border-top:1px solid var(--line);padding:1.5rem 1.5rem calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 1.5rem);display:flex;flex-direction:column;gap:1rem}@media (prefers-reduced-motion: reduce){.rt-dash,.rt-pulse,.scanline,.chip.live i{animation:none}.rt-pulse,.scanline{display:none}}