:root{--cyan: #22e3d6;--magenta: #ff4d9d;--yellow: #ffd23f;--bg: #0a0b10;--text: #eef1f7;--muted: #98a1b2;--glass: rgba(18, 21, 30, .55);--glass-brd: rgba(255, 255, 255, .12)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{min-height:100%}button{font:inherit;color:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:14px;padding:15px 20px;font-weight:700;font-size:16px;background:linear-gradient(135deg,var(--cyan),#37c0ff);color:#04121a;text-decoration:none;box-shadow:0 8px 24px #22e3d647;transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--glass-brd);box-shadow:none}.btn[disabled]{opacity:.6;cursor:default}.landing{min-height:100dvh;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 28px) 22px calc(env(safe-area-inset-bottom) + 28px);background:radial-gradient(120% 80% at 50% -10%,rgba(34,227,214,.14),transparent 60%),radial-gradient(90% 60% at 90% 8%,rgba(255,77,157,.12),transparent 60%),var(--bg)}.landing-inner{width:100%;max-width:420px;text-align:center}.logo-header{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px}.logo-icon{flex-shrink:0;filter:drop-shadow(0 0 16px rgba(34,227,214,.45))}.logo-title{font-weight:900;font-size:38px;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#ffffff 40%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 20px rgba(34,227,214,.3)}.hero-art{margin:16px auto 4px;max-width:250px}.hero-art svg{width:100%;height:auto;display:block;filter:drop-shadow(0 22px 50px rgba(34,227,214,.18))}h1{font-size:clamp(30px,8vw,40px);line-height:1.05;margin:12px 0 8px;letter-spacing:-.02em}h1 .accent{background:linear-gradient(90deg,var(--cyan),var(--yellow));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--muted);font-size:16px;line-height:1.5;margin:0 auto 22px;max-width:360px}.sub strong{color:var(--text)}.wl{display:flex;flex-direction:column;gap:10px}.wl-email{width:100%;padding:15px 16px;border-radius:14px;font-size:16px;background:#ffffff0d;border:1px solid var(--glass-brd);color:var(--text)}.wl-email::placeholder{color:#6b7488}.wl-email:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22e3d62e}.wl-submit{width:100%}.wl-msg{min-height:20px;font-size:14px;margin:10px 0 0}.wl-msg.ok{color:var(--cyan)}.wl-msg.err{color:var(--magenta)}.nospam{color:#6b7488;font-size:13px;margin:6px 0 20px}.see{width:100%}.scan{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;touch-action:none}.cam{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#05070c}.floor-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.ap-pill{position:absolute;z-index:3;top:calc(env(safe-area-inset-top) + 14px);left:50%;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#080a0fa8;border:1px solid var(--glass-brd);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:700;font-size:14px;white-space:nowrap}.status-pill{position:absolute;z-index:3;top:calc(env(safe-area-inset-top) + 56px);left:50%;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.status-pill .m2{color:var(--cyan);font-variant-numeric:tabular-nums}.scan.traced .status-pill{color:var(--cyan)}.pill{position:absolute;z-index:3;bottom:calc(env(safe-area-inset-bottom) + 18px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px;font-weight:600}.pill .dot{width:9px;height:9px;border-radius:50%;background:#ff3b57;box-shadow:0 0 10px #ff3b57;animation:blink 1.1s steps(2,jump-none) infinite}.scan.traced .pill .dot{background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:none}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.25}}.exit{position:absolute;z-index:3;left:12px;bottom:calc(env(safe-area-inset-bottom) + 16px);width:42px;height:42px;border-radius:50%;text-decoration:none;display:grid;place-items:center;font-size:26px;line-height:1;padding-bottom:3px;color:var(--text);background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tutorial{position:absolute;z-index:4;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 74px);padding:20px 18px 16px;border-radius:20px;background:#0a0c12d1;border:1px solid var(--glass-brd);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 44px #00000080;text-align:center;max-width:420px;margin:0 auto;transition:opacity .35s ease,transform .35s ease}.tutorial.hidden{opacity:0;transform:translateY(12px);pointer-events:none}.tut-title{font-weight:800;font-size:18px;margin-bottom:8px}.tut-body{margin:0 auto 14px;max-width:320px;color:var(--muted);font-size:13px;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tut-bar{height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden;margin-bottom:10px}.tut-bar-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),#37c0ff);box-shadow:0 0 10px var(--cyan);transition:width .15s linear}.tut-count{color:var(--muted);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tut-count .m2{color:var(--text)}.tut-check{display:inline-flex;align-items:center;gap:8px;margin:12px 0 4px;color:var(--muted);font-size:13px}.tut-check input{width:16px;height:16px;accent-color:var(--cyan)}.skip{display:block;width:100%;margin-top:10px;padding:10px;border:none;background:transparent;color:var(--cyan);font-weight:700;font-size:15px}.start,.error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(90% 60% at 50% 30%,rgba(34,227,214,.12),transparent 60%),#05070ced;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.start.hidden,.error[hidden]{display:none}.start-inner{max-width:320px;display:flex;flex-direction:column;gap:12px}.start .brand{font-weight:800;font-size:26px;letter-spacing:.02em}.start p,.error p{color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 8px}.error .error-msg{color:var(--text)}