:root{--bg:#000;--fg:#fff;--muted:#8e8e93;--dim:#48484a;--surface:#1c1c1e;--line:#2c2c2e;--live:#ff9f0a;--danger:#ff453a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--fg);overscroll-behavior-y:none;min-height:100dvh;margin:0}#root,.app{flex-direction:column;min-height:100dvh;display:flex}.screen{padding:max(env(safe-area-inset-top), 20px) 24px 20px;flex-direction:column;flex:1;min-height:0;display:flex}.screen.center{text-align:center;justify-content:center;align-items:center;gap:20px}.screen.scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.grow{flex:1;min-width:0}.grow.center{flex-direction:column;justify-content:center;align-items:center;display:flex}.bottom{margin-top:auto}.pad{margin-top:20px}h1,h2{letter-spacing:-.02em;margin:0;font-weight:700}h2{font-size:26px}.title{margin-bottom:16px}.wordmark{font-size:40px}.muted{color:var(--muted);margin:0}.small{font-size:14px}.footnote{color:var(--dim);margin:0;font-size:13px}.error{color:var(--danger);margin:0;font-size:14px}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,monospace}.live{color:var(--live)}.you{font-weight:600}.big{font-size:22px;font-weight:600}.counter{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,monospace;font-size:clamp(48px,17vw,72px);font-weight:500}.streak{letter-spacing:-.04em;font-size:clamp(80px,28vw,120px);font-weight:800;line-height:1}.hero{flex-direction:column;gap:6px;display:flex}.stack{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:380px;display:flex}.screen.center .stack{align-self:center}.field{width:100%;color:var(--fg);background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:12px;padding:14px 16px;font-size:17px}.field:focus{border-color:var(--muted);outline:none}.field.code{letter-spacing:.15em;text-transform:uppercase;font-family:ui-monospace,SF Mono,monospace;font-size:26px}.btn{cursor:pointer;border:0;border-radius:14px;width:100%;min-height:54px;font-size:17px;font-weight:600}.btn:disabled{opacity:.5}.btn.primary{background:var(--fg);color:var(--bg)}.btn.dull{background:var(--surface);color:var(--fg)}.link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px;font-size:14px}.link.danger{color:var(--danger);align-self:flex-start}.row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.row.invite{align-items:center}.emoji{font-size:26px;line-height:1}.rank{color:var(--dim);font-variant-numeric:tabular-nums;text-align:right;width:18px}.score{text-align:right}.code-value{letter-spacing:.1em;font-family:ui-monospace,SF Mono,monospace;font-size:22px;font-weight:600}.dot{background:var(--live);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:7px;display:inline-block}.tabs{padding:8px 12px calc(env(safe-area-inset-bottom) + 8px);background:var(--bg);border-top:1px solid var(--line);gap:4px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:10px;font-size:13px}.tabs button.on{color:var(--fg);background:var(--surface)}