:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0c;--panel:#0c0c10b8;--line:#ffffff24;--text:#e8e6e3;--muted:#9a958c;--accent:#7dd3c0;--warn:#f0b429;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{background:radial-gradient(at 50% 38%,#1a1a24 0%,#070709 68%),repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);width:100%;height:100%;position:relative}#video{object-fit:cover;opacity:.62;width:100%;height:100%;display:none;position:absolute;inset:0;transform:scaleX(-1)}#video.live{display:block}#overlay{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#topbar{left:14px;top:calc(12px + var(--safe-top));z-index:5;pointer-events:none;max-width:min(320px,100vw - 28px);position:absolute}#topbar .brand{letter-spacing:-.03em;text-shadow:0 1px 12px #0000008c;font-size:clamp(1.35rem,4.2vw,1.7rem);font-weight:700;line-height:1.1}#topbar .tagline{color:var(--muted);text-shadow:0 1px 8px #00000080;margin:6px 0 0;font-size:12px;line-height:1.35}#hud{left:50%;bottom:calc(12px + var(--safe-bottom));z-index:5;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;gap:10px;width:min(440px,100vw - 20px);padding:12px 14px 14px;font-size:13px;display:grid;position:absolute;transform:translate(-50%)}#status{color:var(--muted);text-align:center;min-height:1.35em;line-height:1.4}#angles-readout{font-variant-numeric:tabular-nums;color:var(--accent);text-align:center;min-height:1.15em;font-size:12px}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:8px 12px}button:hover{border-color:#ffffff47}button:disabled{opacity:.55;cursor:wait}button.primary{letter-spacing:.01em;color:#d8fff5;background:#7dd3c024;border-color:#7dd3c073;width:100%;padding:14px 16px;font-size:15px;font-weight:600}button.primary.active{border-color:var(--accent);background:#7dd3c038}button.primary:hover{border-color:var(--accent)}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{color:var(--muted);border-radius:999px;padding:7px 11px;font-size:12px}.chip.active{color:var(--accent);background:#7dd3c01f;border-color:#7dd3c08c}#guess-panel.hidden{display:none}#guess-panel{border-top:1px solid var(--line);gap:8px;padding-top:6px;display:grid}#guess-panel label{color:var(--muted);gap:6px;display:grid}#guess-panel input[type=number]{font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff0f;border-radius:8px;width:100%;padding:8px 10px}#guess-result{color:var(--warn);text-align:center;min-height:1.2em}#angle-labels{pointer-events:none;z-index:4;position:absolute;inset:0}.angle-tag{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px #000c;background:#0000008c;border:1px solid #ffffff59;border-radius:999px;padding:2px 7px;font-size:12px;position:absolute;transform:translate(-50%,-50%)}.demo-handle{cursor:grab;z-index:6;touch-action:none;background:#7dd3c047;border:2px solid #ffffffd9;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;box-shadow:0 0 0 1px #0006}.demo-handle:active{cursor:grabbing}.demo-handle.right{background:#f0b42947;border-color:#f0b429}@media (width<=480px){#topbar .tagline{display:none}#hud{bottom:calc(8px + var(--safe-bottom));gap:8px;padding:10px 12px 12px}button.primary{padding:13px 14px}.demo-handle{width:42px;height:42px;margin:-21px 0 0 -21px}}