:root{--ink: #ffffff;--ink-2: rgba(255, 255, 255, .72);--ink-3: rgba(255, 255, 255, .46);--bg: #0a0a0a;--surface: #161616;--surface-2: #1f1f1f;--line: rgba(255, 255, 255, .12);--brand: #db0b5b;--brand-strong: #a5003f;--green: #04cb99;--amber: #ff9800;--red: #ff4d6d;--radius: 20px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:32px max(32px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left))}.logo{width:168px;height:auto;filter:invert(1);opacity:.92}.logo.sm{width:108px}.stack{display:flex;flex-direction:column;align-items:center;gap:10px}.spacer{height:24px}.display{font-size:clamp(40px,7vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.03;margin:0}.title{font-size:clamp(26px,3.6vw,38px);font-weight:700;letter-spacing:-.02em;margin:0}.body{font-size:clamp(16px,1.9vw,21px);color:var(--ink-2);margin:0;max-width:32ch}.muted{font-size:15px;color:var(--ink-3);margin:0}.microlabel{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.clocknow{font-size:clamp(64px,13vw,148px);font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.scanprompt{display:flex;align-items:center;gap:14px;padding:18px 30px;border:2px solid var(--line);border-radius:999px;font-size:clamp(17px,2.1vw,23px);font-weight:500;color:var(--ink-2)}.pulse{width:14px;height:14px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite;flex:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}@media(prefers-reduced-motion:reduce){.pulse,.spin{animation:none}}.portrait{width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid var(--line);background:var(--surface-2)}.portrait.placeholder{display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--ink-2)}.choices{display:flex;gap:20px;width:100%;max-width:760px;flex-wrap:wrap;justify-content:center}.choice{flex:1 1 260px;min-height:128px;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:28px;font-weight:700;letter-spacing:-.01em;cursor:pointer;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .08s ease,background .12s ease}.choice:active{transform:scale(.975)}.choice:not(:disabled){background:var(--brand);border-color:var(--brand)}.choice:disabled{opacity:.45;cursor:not-allowed;background:var(--surface);border-color:var(--line)}.choice .why{font-size:14px;font-weight:500;color:var(--ink-2)}.btn{min-height:62px;padding:0 32px;border-radius:999px;border:2px solid var(--line);background:transparent;color:var(--ink);font-family:inherit;font-size:19px;font-weight:600;cursor:pointer}.btn:active{transform:scale(.98)}.btn.primary{background:var(--brand);border-color:var(--brand)}.btn:disabled{opacity:.4}.badge-big{display:flex;align-items:center;justify-content:center;width:108px;height:108px;border-radius:50%;font-size:52px}.badge-big[data-tone=in]{background:#04cb9929;color:var(--green)}.badge-big[data-tone=out]{background:#ffffff1a;color:var(--ink)}.badge-big[data-tone=bad]{background:#ff4d6d29;color:var(--red)}.figures{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.figure{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 26px;min-width:150px}.figure .v{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums}.figure .k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:2px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:34px;width:100%;max-width:520px;display:flex;flex-direction:column;gap:18px;align-items:center}.codeinput{width:100%;height:88px;border-radius:16px;border:2px solid var(--line);background:var(--surface-2);color:var(--ink);font-family:inherit;font-size:44px;font-weight:700;letter-spacing:.35em;text-indent:.35em;text-align:center;font-variant-numeric:tabular-nums}.codeinput:focus{outline:none;border-color:var(--brand)}.alert{width:100%;border-radius:14px;padding:14px 18px;font-size:16px;background:#ff4d6d24;border:1px solid rgba(255,77,109,.35);color:#ffd9e0}.spin{width:30px;height:30px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.corner{position:fixed;top:0;right:0;width:88px;height:88px;background:transparent;border:0}