:root{--ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg:#f3f2f2;--surface:#eae9e9;--sunken:#e2e0e0;--text:#201e1d;--muted:#201e1d94;--faint:#201e1d59;--divider:#201e1d66;--rule:#201e1d2e;--accent:#ec3013;--accent-ink:#f3f2f2;--accent-tint:#ffe0d9;--accent-deep:#ae1800;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--r:0px;--sh-sm:0 1px 2px #2d2b2b24;--sh-md:0 3px 10px #2d2b2b29;--sh-lg:0 12px 32px #2d2b2b38;--tap:44px}@media (prefers-color-scheme:dark){:root{--bg:#1a1919;--surface:#232121;--sunken:#2b2929;--text:#f3f2f2;--muted:#f3f2f299;--faint:#f3f2f252;--divider:#f3f2f266;--rule:#f3f2f22e;--accent:#ff563c;--accent-ink:#1a1919;--accent-tint:#ff563c33;--accent-deep:#ff9783;--sh-sm:0 1px 2px #00000080;--sh-md:0 3px 10px #0000008c;--sh-lg:0 12px 32px #0009}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:15px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.08}h1{font-size:32px}h2{font-size:26px}h3{font-size:20px}p{margin:0 0 var(--s3)}a{color:var(--accent);text-underline-offset:3px}button{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:720px;min-height:100%;margin:0 inline;flex-direction:column;width:100%;margin-inline:auto;display:flex}.screen{padding-bottom:calc(var(--tap) + var(--s8) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.screen-head{z-index:5;background:var(--bg);padding:calc(env(safe-area-inset-top) + var(--s3)) var(--s4) var(--s3);border-bottom:2px solid var(--divider);gap:var(--s3);flex-direction:column;display:flex;position:sticky;top:0}.screen-head-row{justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.screen-title{font:800 16px/1 var(--ui)}.screen-body{padding:var(--s4);gap:var(--s4);flex-direction:column;display:flex}.screen-foot{background:var(--bg);border-top:2px solid var(--divider);padding:var(--s3) var(--s4) calc(var(--s4) + env(safe-area-inset-bottom));gap:var(--s2);flex-direction:column;display:flex;position:sticky;bottom:0}.stack{gap:var(--s3);flex-direction:column;display:flex}.stack-tight{gap:var(--s2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s2);display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.grow{flex:1}.kicker{font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.lede{font:400 13px/1.4 var(--ui);color:var(--muted)}.rule{background:var(--rule);height:2px;margin:var(--s1) 0;border:0}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:48px;padding:0 var(--s4);font:800 15px/1 var(--ui);cursor:pointer;border-radius:var(--r);background:0 0;border:2px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-secondary{border-color:var(--text);background:var(--surface)}.btn-ghost{color:var(--accent);min-height:var(--tap)}.btn-danger{border-color:var(--accent);color:var(--accent)}.btn-block{width:100%}.btn-back{min-height:var(--tap);font:700 14px/1 var(--ui);color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.field{gap:var(--s1);flex-direction:column;display:flex}.field>label{font:700 12px/1.2 var(--ui);color:var(--muted)}.input{width:100%;min-height:48px;padding:var(--s2) var(--s3);font:400 16px/1.3 var(--ui);color:var(--text);caret-color:var(--accent);background:var(--surface);border:2px solid var(--divider);border-radius:var(--r)}.input:focus-visible{border-color:var(--accent);outline-offset:0}.input[aria-invalid=true]{border-color:var(--accent)}textarea.input{resize:vertical;min-height:96px}.field-error{font:700 12px/1.3 var(--ui);color:var(--accent)}.input-key{font-family:var(--mono);letter-spacing:.12em;text-transform:lowercase}.card{background:var(--surface);border:2px solid var(--text);border-radius:var(--r);padding:var(--s3);gap:var(--s2);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;flex-direction:column;display:flex}.card-flat{border-color:var(--divider);cursor:default}.card-title{font:800 18px/1.15 var(--ui)}.list-row{align-items:center;gap:var(--s3);min-height:60px;padding:var(--s2) var(--s3);border:2px solid var(--text);background:var(--surface);border-radius:var(--r);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;display:flex}.list-row-muted{border-style:dashed;border-color:var(--divider);background:0 0}.list-row-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.rank{font:800 24px/1 var(--ui);flex:none;width:34px}.rank-empty{color:var(--faint);font-size:20px}.avatar{width:34px;height:34px;font:800 13px/1 var(--ui);background:var(--text);color:var(--bg);flex:none;justify-content:center;align-items:center;display:flex}.avatar-guest{border:2px dashed var(--divider);color:var(--muted);background:0 0}.avatar-on-accent{background:var(--accent-ink);color:var(--accent)}.name{font:700 18px/1.1 var(--ui);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.name-winner{font-weight:800}.tag{font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r);align-items:center;padding:5px 8px;display:inline-flex}.tag-accent{background:var(--accent-tint);color:var(--accent-deep)}.tag-outline{border:2px solid var(--divider);color:var(--muted)}.steps{gap:var(--s1);display:grid}.step{background:var(--rule);height:4px}.step-done{background:var(--accent)}.tabbar{z-index:10;background:var(--bg);border-top:2px solid var(--divider);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);max-width:720px;margin-inline:auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{min-height:var(--tap);padding:var(--s2) var(--s1) var(--s3);font:700 11px/1 var(--ui);color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.tab[aria-current=page]{color:var(--accent)}.tab-mark{background:currentColor;width:18px;height:3px}.banner{align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);font:700 13px/1.3 var(--ui);border-bottom:2px solid var(--divider);background:var(--sunken);display:flex}.banner-accent{background:var(--accent-tint);color:var(--accent-deep);border-color:var(--accent)}.banner button{font:800 13px/1 var(--ui);color:inherit;cursor:pointer;min-height:var(--tap);padding:0 var(--s1);background:0 0;border:0;text-decoration:underline}.empty{border:2px dashed var(--divider);padding:var(--s6) var(--s4);gap:var(--s2);flex-direction:column;align-items:flex-start;display:flex}.skeleton{background:var(--sunken);height:60px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{opacity:.35}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.seg{border:2px solid var(--divider);display:flex}.seg-opt{min-height:var(--tap);font:700 13px/1 var(--ui);cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;display:flex}.seg-opt+.seg-opt{border-left:2px solid var(--divider)}.seg-opt[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}@media (width>=720px){.screen-body{padding:var(--s6)}.grid-2{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}}