:root{--bg:#e4e4e1;--fg:#111;--line:#a3a39e;--muted:#5f5f5b;--accent:#bf1e15;--btn:#111;--btn-fg:#f4f4f1;--track:#c9c9c4;--on-accent:#fff;--field:#eeeeeb;--font:"Hanken Grotesk", "Helvetica Neue", Helvetica, sans-serif;--gutter:20px;--max:480px;--t:.16s}:root[data-theme=dark]{--bg:#0f0f0e;--fg:#ecece8;--line:#3b3b38;--muted:#9a9a94;--accent:#ff5a4a;--btn:#ecece8;--btn-fg:#0f0f0e;--track:#2a2a28;--on-accent:#0f0f0e;--field:#1b1b19}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0f0e;--fg:#ecece8;--line:#3b3b38;--muted:#9a9a94;--accent:#ff5a4a;--btn:#ecece8;--btn-fg:#0f0f0e;--track:#2a2a28;--on-accent:#0f0f0e;--field:#1b1b19}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font:400 17px/1.35 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background var(--t), color var(--t);margin:0;overflow-x:hidden}button,input,textarea{font:inherit;color:inherit}body,input,textarea,button,::placeholder{text-transform:lowercase}button{cursor:pointer;background:0 0;border:0;padding:0}.screen{max-width:var(--max);min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 0 calc(20px + env(safe-area-inset-bottom));animation:in var(--t) ease-out;flex-direction:column;margin:0 auto;display:flex}@keyframes in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.screen,body{transition:none;animation:none}}.pad{padding-left:var(--gutter);padding-right:var(--gutter)}.spacer{flex:1;min-height:24px}.muted{color:var(--muted)}.center{text-align:center}.caption{color:var(--muted);font-size:13px}.error{color:var(--accent);margin:8px var(--gutter);font-weight:500}.topbar{padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.back{align-items:center;gap:6px;min-height:44px;padding-right:12px;font-size:17px;font-weight:600;display:flex}.back span{margin-top:-3px;font-size:26px;line-height:1}.brand{letter-spacing:-.01em;align-items:center;gap:4px;font-size:17px;font-weight:700;display:flex}.mark-logo{flex:none;display:block}.mark-logo img{width:auto;display:block}.only-dark{display:none!important}:root[data-theme=dark] .only-dark{display:block!important}:root[data-theme=dark] .only-light{display:none!important}.actions{gap:8px;display:flex}.chip{height:36px;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);background:0 0;border-radius:4px;padding:0 14px;font-size:14px;font-weight:500;position:relative}.chip:after{content:"";position:absolute;inset:-4px}.meta{padding:0 var(--gutter);color:var(--muted);justify-content:space-between;align-items:center;min-height:44px;font-size:13px;display:flex}.label{padding:0 var(--gutter) 8px;letter-spacing:.02em;color:var(--muted);font-size:13px;font-weight:500;display:block}.tagline{margin:44px var(--gutter) 0;letter-spacing:-.02em;font-size:30px;font-weight:500;line-height:1.12}.title{margin:20px var(--gutter) 12px;letter-spacing:-.03em;font-size:34px;font-weight:600;line-height:1.02}.truth{margin:24px var(--gutter) 0;letter-spacing:-.02em;font-size:27px;font-weight:500;line-height:1.15}.truth.small{color:var(--muted);letter-spacing:0;font-size:17px;font-weight:400;line-height:1.3}.huge{padding:0 var(--gutter);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:84px;font-weight:600;line-height:1}.huge.tie{font-size:52px;line-height:1.05}.gain{margin:14px var(--gutter) 0;letter-spacing:-.02em;color:var(--accent);font-size:34px;font-weight:600;line-height:1}.gain.zero{color:var(--muted)}.code{letter-spacing:.02em;font-size:104px}.line{margin:10px var(--gutter) 0;font-size:21px;font-weight:500;line-height:1.2}.note{margin:6px var(--gutter) 0;color:var(--muted);font-size:15px}.rows{border-bottom:1px solid var(--line)}.row{width:100%;padding:8px var(--gutter) 10px;border-top:1px solid var(--line);text-align:left;transition:color var(--t);align-items:flex-start;gap:12px;display:flex}.row .num{flex:none;width:20px;padding-top:7px;font-size:11px;font-weight:500}.row .main{letter-spacing:-.02em;overflow-wrap:anywhere;flex:1;font-size:28px;font-weight:500;line-height:1.1}.row .main small{letter-spacing:0;color:var(--muted);margin-top:2px;font-size:15px;font-weight:400;line-height:1.35;display:block}.row .side{color:var(--muted);text-align:right;padding-top:8px;font-size:13px}.row.on .side{color:var(--accent);font-weight:500}.row.lg .main{font-size:40px}.row.sm .main{font-size:24px}.row.xs .main{font-size:20px}.row.on,.row.on .num{color:var(--accent)}.row.past{color:var(--muted)}.row.past .main{text-decoration:line-through;text-decoration-thickness:1px}.row .mark{background:var(--accent);flex:none;width:14px;height:14px;margin-top:12px}.pt{padding:8px var(--gutter);border-top:1px solid var(--line);align-items:baseline;gap:14px;display:flex}.pt b{width:44px;font-size:24px;font-weight:600}.pt span{font-size:17px}button.row:active .main{opacity:.6}.score .main{font-size:24px}.score .delta{width:36px;color:var(--muted);padding-top:7px;font-size:14px}.score .pts{text-align:right;width:52px;font-size:30px;font-weight:600;line-height:1.1}.cta{padding:16px var(--gutter) 0;flex-direction:column;gap:10px;display:flex}.btn{background:var(--accent);width:100%;height:56px;color:var(--on-accent);transition:opacity var(--t);border-radius:4px;font-size:17px;font-weight:600}.btn.ghost{color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);background:0 0;font-weight:500}.btn:disabled{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);cursor:default;background:0 0;font-weight:500}.btn:active:not(:disabled){opacity:.8}.text-btn{min-height:44px;color:var(--muted);text-underline-offset:4px;align-self:center;font-size:15px;text-decoration:underline}.seg{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.seg button{height:52px;font-size:22px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{color:var(--accent);font-weight:600}.clock-row{padding:0 var(--gutter) 14px;justify-content:space-between;align-items:baseline;display:flex}.clock{color:var(--accent);font-size:40px;font-weight:500}.clock.big{padding:0 var(--gutter);font-size:96px;font-weight:500;line-height:1}.bar{margin:0 var(--gutter) 14px;background:var(--track);height:3px;overflow:hidden}.bar>div{background:var(--accent);transform-origin:0;height:100%;transition:transform .2s linear}.form{flex-direction:column;gap:22px;margin-top:28px;display:flex}.field-wrap{padding:0 var(--gutter);flex-direction:column;gap:4px;display:flex}.field-head{justify-content:space-between;display:flex}.field{background:var(--field);border:1px solid var(--line);letter-spacing:-.01em;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:24px;font-weight:500}.field::placeholder{color:var(--muted);opacity:.7;font-weight:400}.field:focus{border-color:var(--fg)}.field.area{resize:none;font-size:20px;line-height:1.25}.field.code-field{letter-spacing:.06em;font-size:56px;font-weight:600}.field.code-field::placeholder{opacity:.35;letter-spacing:.3em}.manual-share{flex-direction:column;gap:6px;margin-top:14px;display:flex}.manual-share .field{letter-spacing:0;font-size:16px;font-weight:400}.form .label{padding:0}.sheet{z-index:20;background:var(--bg);animation:in var(--t) ease-out;position:fixed;inset:0;overflow-y:auto}.offline{z-index:30;text-align:center;background:var(--accent);color:var(--btn-fg);padding:6px;font-size:13px;position:fixed;top:0;left:0;right:0}.remove{color:var(--muted);text-underline-offset:3px;min-height:32px;font-size:13px;text-decoration:underline}.row.tally .main{font-size:22px}.picks{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pick{letter-spacing:0;height:38px;box-shadow:inset 0 0 0 1px var(--line);transition:background var(--t), color var(--t);border-radius:4px;padding:0 12px;font-size:16px;font-weight:500}.pick.on{background:var(--accent);color:var(--on-accent);box-shadow:none}.countdown.word{font-size:104px}.countdown{text-align:center;letter-spacing:-.04em;color:var(--accent);font-size:180px;font-weight:600;line-height:1;animation:.2s ease-out in;overflow:hidden}.fork .row .main{font-size:28px}.fork .row .main .needs{letter-spacing:.01em;color:var(--fg);margin-top:8px;font-size:13px;font-weight:500;display:block}.fork .row .main .needs b{color:var(--muted);font-weight:500}.splash{z-index:40;color:#fff;cursor:pointer;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;transition:opacity .4s ease-in;animation:.5s ease-out in;display:flex;position:fixed;inset:0}.splash.leaving{opacity:0}.splash-lockup{flex-direction:column;align-items:center;display:inline-flex}.splash-logo{width:auto;height:280px;animation:.9s cubic-bezier(.2,.7,.2,1) rise}.splash-name{text-align:center;white-space:nowrap;letter-spacing:-.03em;margin-top:24px;font-size:72px;font-weight:600;line-height:1;animation:.9s cubic-bezier(.2,.7,.2,1) .12s backwards rise}.splash-tag{letter-spacing:0;color:#fff;margin-top:12px;font-family:Libre Baskerville,Baskerville,Georgia,serif;font-size:20px;font-style:italic;font-weight:400;animation:.9s cubic-bezier(.2,.7,.2,1) .24s backwards rise}.splash-tap{left:0;right:0;bottom:calc(32px + env(safe-area-inset-bottom));letter-spacing:.08em;color:#fff;font-size:13px;animation:.9s cubic-bezier(.2,.7,.2,1) 1.2s backwards rise;position:absolute}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.splash,.splash-logo,.splash-name,.splash-tag,.splash-tap{animation:none}}.tour{z-index:40;background:var(--bg);color:var(--fg);padding:calc(14px + env(safe-area-inset-top)) var(--gutter) calc(24px + env(safe-area-inset-bottom));flex-direction:column;transition:background .22s,color .22s;display:flex;position:fixed;inset:0;overflow:hidden}.tour.hot{background:var(--accent);color:var(--btn-fg)}.tour.hot .btn,.tour.hot .chip{background:var(--btn-fg);color:var(--accent)}.tour-bars{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.tour-bars span{opacity:.25;background:currentColor;height:3px}.tour-bars span.full{opacity:1}.tour-bars span.now{opacity:1;transform-origin:0;animation:.6s ease-out bar}@keyframes bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tour-top{z-index:3;justify-content:space-between;align-items:center;padding:12px 0;display:flex;position:relative}.tour-zone{z-index:1;width:50%;position:absolute;top:90px;bottom:150px}.tour-zone.left{left:0}.tour-zone.right{right:0}.tour-card{max-width:var(--max);pointer-events:none;flex-direction:column;flex:1;justify-content:center;width:100%;margin:0 auto;display:flex}.tour-art{align-items:flex-end;min-height:150px;margin-bottom:28px;display:flex}.tour-kicker{opacity:.8;font-size:14px;font-weight:500}.tour-title{letter-spacing:-.03em;margin:6px 0 0;font-size:44px;font-weight:600;line-height:1.02}.tour-body{margin:12px 0 0;font-size:17px;line-height:1.4}.tour-cta{z-index:3;max-width:var(--max);width:100%;margin:0 auto;position:relative}.tour-cta .btn{width:100%}.tour-disc{transform-origin:50% 60%;animation:1.6s cubic-bezier(.2,.7,.2,1) infinite alternate wobble;display:block}@keyframes wobble{0%{transform:rotate(-6deg)scale(.92)}to{transform:rotate(8deg)scale(1.04)}}.tour-slip{border:2px solid;max-width:300px;padding:14px 16px;font-size:22px;font-weight:500;line-height:1.2;display:block;transform:rotate(-2deg)}.tour-bubble{border:2px solid;border-radius:14px;padding:5px 12px;font-size:16px}.tour-bubble:last-child{background:var(--accent);color:var(--btn-fg);border-color:var(--accent)}.tour-num{letter-spacing:-.04em;font-size:96px;font-weight:600;line-height:1}.tour-vote{border-top:1px solid;align-items:center;gap:12px;padding:8px 0;font-size:26px;font-weight:500;display:flex}.tour-vote:last-child{border-bottom:1px solid}.tour-vote-n{font-size:11px}.tour-vote-mark{background:var(--accent);width:14px;height:14px}.tour-rise{animation:.52s cubic-bezier(.2,.7,.2,1) backwards tourrise}@keyframes tourrise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.tour-pop{animation:.52s cubic-bezier(.2,1.6,.4,1) backwards pop;display:inline-block}@keyframes pop{0%{opacity:0;transform:scale(.4)translateY(12px)}to{opacity:1;transform:none}}.tour-slide{animation:.6s cubic-bezier(.2,.7,.2,1) backwards slidein}@keyframes slidein{0%{opacity:0;transform:translate(-40px)rotate(-3deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tour *,.tour-disc{animation:none!important}}