:root{--bg:#070809;--text:#f4f5f6;--muted:#93989d;--line:#ffffff38;--line-soft:#ffffff24;--glass:#090a0c8c;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--peri:#7d87e6}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}.app{background:var(--bg);position:fixed;inset:0}.feed{object-fit:cover;background:#000;width:100%;height:100%}.overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@keyframes splash-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.splash,.gate{z-index:30;text-align:center;color:#0c0d11;background:radial-gradient(90% 70% at 15% 10%,#ffffffd9 0%,#fff0 45%),radial-gradient(80% 90% at 85% 25%,#b9c2ee 0%,#b9c2ee00 55%),radial-gradient(100% 80% at 40% 90%,#c6cdf2 0%,#c6cdf200 60%),linear-gradient(160deg,#eceff9 0%,#d4daf4 45%,#c3cbf0 70%,#e6e9f7 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex;position:absolute;inset:0}.splash{transition:opacity .55s;animation:.7s both splash-in}.splash.leaving{opacity:0;pointer-events:none}.splash-word,.gate-word{letter-spacing:.015em;color:#0b0c10;font-size:clamp(38px,11vw,92px);font-weight:700;line-height:1}.splash-sub{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:#5b6068;font-size:clamp(13px,3vw,18px)}.splash-sub span{color:#0000;background:linear-gradient(100deg,#6d78e2 0%,#99a1ee 55%,#7d87e6 100%);-webkit-background-clip:text;background-clip:text;font-weight:600}.gate-word{font-size:clamp(30px,8vw,56px)}.gate-note{color:#3c414b;max-width:30rem;margin:0;font-size:17px;line-height:1.55}.gate-btn{color:#fff;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#101114;border:none;border-radius:999px;margin-top:8px;padding:16px 38px;font-size:14px;font-weight:600}.gate-btn:active{transform:scale(.97)}.gate-btn:disabled{opacity:.6}.gate-err{font-family:var(--mono);color:#a33;word-break:break-word;max-width:30rem;margin:0;font-size:13px}.gate-fine{color:#6f747d;max-width:28rem;margin:0;font-size:13px;line-height:1.5}.menubtn{z-index:45;top:max(14px, calc(env(safe-area-inset-top) + 6px));border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0a0b0d66;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:flex;position:absolute;left:14px}.menubtn span{background:#f4f5f6;width:16px;height:1.5px;display:block}.menubtn.dark{background:#ffffff59;border-color:#0a0c1040}.menubtn.dark span{background:#101114}.banner{top:max(16px, calc(env(safe-area-inset-top) + 8px));font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);color:#f4f5f6;border-radius:999px;align-items:center;gap:10px;padding:9px 18px;font-size:14px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.banner .arrow{letter-spacing:0;font-size:17px}.banner.blocked{color:#ff5f56;border-color:#ff5f5699}.hud{top:max(16px, calc(env(safe-area-inset-top) + 8px));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;right:14px}.chip{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-soft);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#d6d9dc;font-variant-numeric:tabular-nums;border-radius:6px;padding:5px 10px;font-size:11px}.chip.bad{color:#ff5f56;border-color:#ff5f5680}.dock{z-index:20;padding:14px 16px calc(env(safe-area-inset-bottom) + 14px);background:linear-gradient(#0000 0%,#05060859 35%,#050608b8 100%);flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.dock>*{width:100%;max-width:540px}.lanes{pointer-events:none;justify-content:center;gap:6px;display:flex}.lanes span{text-align:center;border:1px solid var(--line-soft);min-width:34px;font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;background:#090a0c80;border-radius:6px;padding:3px 0;font-size:11px}.lanes{width:auto!important}.speedrow{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-soft);border-radius:12px;align-items:center;gap:10px;padding:9px 14px;display:flex}.speedlabel{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:10px}.speedinfo{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#e8eaec;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:118px;font-size:11px}.speed{touch-action:manipulation;appearance:none;background:0 0;flex:1;min-width:50px;height:30px;margin:0}.speed::-webkit-slider-runnable-track{background:#ffffff52;border-radius:1px;height:2px}.speed::-webkit-slider-thumb{appearance:none;background:#f4f5f6;border:1px solid #00000059;border-radius:50%;width:22px;height:22px;margin-top:-10px}.speed::-moz-range-track{background:#ffffff52;border-radius:1px;height:2px}.speed::-moz-range-thumb{background:#f4f5f6;border:1px solid #00000059;border-radius:50%;width:22px;height:22px}.bigbtn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;height:76px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#0a0b0d73;border:1.5px solid #ffffffe6;border-radius:50%;font-size:12px;font-weight:600;width:76px!important}.bigbtn.on{color:#0b0c10;background:#f4f5f6}.bigbtn:disabled{opacity:.45}.bigbtn:active{transform:scale(.95)}.controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ctl{border:1px solid var(--line-soft);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:9px;padding:10px 14px;font-size:11px}.ctl:active{background:#ffffff24}.camera-picker{border:1px solid var(--line-soft);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:46vw;color:var(--text);font-family:var(--mono);border-radius:9px;padding:10px 12px;font-size:12px}.menu{z-index:50;color:#f4f5f6;padding:calc(env(safe-area-inset-top) + 24px) 26px calc(env(safe-area-inset-bottom) + 24px);background:#08090b;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.menu-close{top:max(16px, calc(env(safe-area-inset-top) + 8px));border:1px solid var(--line-soft);color:#f4f5f6;cursor:pointer;background:0 0;border-radius:10px;width:40px;height:40px;font-size:16px;position:absolute;right:18px}.menu-list{flex-direction:column;margin-top:64px;display:flex}.menu-item{color:#f4f5f6;font-family:var(--sans);text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff1f;padding:22px 0;font-size:clamp(24px,6vw,34px);font-weight:500;text-decoration:none;display:block}.menu-item:active{color:#9aa0a6}.menu-body{max-width:40rem;margin-top:64px}.menu-body h2{margin:0 0 18px;font-size:clamp(24px,6vw,34px);font-weight:500}.menu-body p{color:#c7cbcf;margin:0 0 14px;font-size:16px;line-height:1.6}.menu-back{border:1px solid var(--line);color:#f4f5f6;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;margin-top:18px;padding:12px 20px;font-size:12px}.menu-danger{color:#ff5f56;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#ff5f561f;border:1px solid #ff5f56b3;border-radius:999px;margin-top:10px;padding:14px 24px;font-size:12px;display:block}