:root{--bg:#f4f1ea;--surface:#fff;--surface-2:#ebe7dd;--ink:#161513;--ink-2:#57534b;--line:#d8d3c7;--accent:#c8361d;--accent-ink:#fff;--focus:#1f5fd1;--green:#3a8d4f;--yellow:#d9a925;--orange:#e0702a;--miss:#3b3a37;--none:#d8d3c7;--ok:#2e7a43;--bad:#b23a22;--shadow:0 1px 2px #0000000f, 0 8px 24px #0000000f;--radius:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121212;--surface:#1c1c1b;--surface-2:#262624;--ink:#f2efe8;--ink-2:#a9a49a;--line:#34332f;--accent:#ef5a3c;--accent-ink:#160b07;--focus:#7aa7ff;--green:#4ea865;--yellow:#e2b740;--orange:#ec8240;--miss:#55534e;--none:#34332f;--ok:#6cc584;--bad:#f07a62;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121212;--surface:#1c1c1b;--surface-2:#262624;--ink:#f2efe8;--ink-2:#a9a49a;--line:#34332f;--accent:#ef5a3c;--accent-ink:#160b07;--focus:#7aa7ff;--green:#4ea865;--yellow:#e2b740;--orange:#ec8240;--miss:#55534e;--none:#34332f;--ok:#6cc584;--bad:#f07a62;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-palette=racing-green]{--bg:#edf0e8;--surface:#fbfcf8;--surface-2:#e1e6da;--ink:#14271c;--ink-2:#4c5d50;--line:#cfd8c9;--accent:#1d5a3a;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root[data-palette=racing-green]:not([data-theme=light]){--bg:#0d1611;--surface:#142019;--surface-2:#1c2b22;--ink:#eef2e8;--ink-2:#a3b2a4;--line:#2a3b30;--accent:#d1b05a;--accent-ink:#1a1405}}:root[data-palette=racing-green][data-theme=dark]{--bg:#0d1611;--surface:#142019;--surface-2:#1c2b22;--ink:#eef2e8;--ink-2:#a3b2a4;--line:#2a3b30;--accent:#d1b05a;--accent-ink:#1a1405}:root[data-palette=le-mans]{--bg:#e6eff5;--surface:#fff;--surface-2:#d8e5ee;--ink:#122a3e;--ink-2:#4b6275;--line:#c6d6e2;--accent:#e0601d;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root[data-palette=le-mans]:not([data-theme=light]){--bg:#0c1621;--surface:#122130;--surface-2:#1a2c3e;--ink:#eaf2f8;--ink-2:#9fb4c5;--line:#24394d;--accent:#f07c3a;--accent-ink:#1c0c03}}:root[data-palette=le-mans][data-theme=dark]{--bg:#0c1621;--surface:#122130;--surface-2:#1a2c3e;--ink:#eaf2f8;--ink-2:#9fb4c5;--line:#24394d;--accent:#f07c3a;--accent-ink:#1c0c03}:root[data-palette=miami]{--bg:#fbeef3;--surface:#fff;--surface-2:#f3dfe8;--ink:#1b1530;--ink-2:#5d5470;--line:#ecd0dc;--accent:#d62f7a;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root[data-palette=miami]:not([data-theme=light]){--bg:#140f1f;--surface:#1d1530;--surface-2:#271d3d;--ink:#f6eefb;--ink-2:#b3a6c6;--line:#33284d;--accent:#ff5fa2;--accent-ink:#22051a}}:root[data-palette=miami][data-theme=dark]{--bg:#140f1f;--surface:#1d1530;--surface-2:#271d3d;--ink:#f6eefb;--ink-2:#b3a6c6;--line:#33284d;--accent:#ff5fa2;--accent-ink:#22051a}:root[data-palette=garage]{--bg:#ecebe4;--surface:#f8f7f2;--surface-2:#dfddd3;--ink:#1a1a17;--ink-2:#5a584f;--line:#cfccc0;--accent:#a26f00;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root[data-palette=garage]:not([data-theme=light]){--bg:#0c0c0b;--surface:#151513;--surface-2:#1f1f1c;--ink:#e8e3d3;--ink-2:#9d9886;--line:#2c2b27;--accent:#ffb000;--accent-ink:#1a1200}}:root[data-palette=garage][data-theme=dark]{--bg:#0c0c0b;--surface:#151513;--surface-2:#1f1f1c;--ink:#e8e3d3;--ink-2:#9d9886;--line:#2c2b27;--accent:#ffb000;--accent-ink:#1a1200}:root[data-palette=garage] .wordmark,:root[data-palette=garage] .year-input,:root[data-palette=garage] .page-title{font-family:ui-monospace,SF Mono,Menlo,monospace;font-stretch:100%}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Archivo,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-underline-offset:3px}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.seo{max-width:560px;padding:var(--space-6) var(--space-4);margin:0 auto}.app{flex-direction:column;min-height:100dvh;display:flex}.top{z-index:5;justify-content:space-between;align-items:center;gap:var(--space-3);padding:max(var(--space-2), env(safe-area-inset-top)) var(--space-4) var(--space-2);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}@media (width>=800px){.top{padding-left:max(var(--space-4), calc(50% - 380px));padding-right:max(var(--space-4), calc(50% - 380px))}}.wordmark{letter-spacing:.02em;align-items:center;min-height:44px;font-size:22px;font-weight:900;font-stretch:125%;line-height:1;text-decoration:none;display:inline-flex}.wm-year{color:var(--accent)}.top-actions{gap:var(--space-1);display:flex}.icon-btn{cursor:pointer;width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn.small{width:36px;height:36px;color:var(--ink-2)}.main{width:100%;max-width:600px;padding:var(--space-4);flex:1;margin:0 auto}.foot{justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-4) max(var(--space-5), env(safe-area-inset-bottom));color:var(--ink-2);flex-wrap:wrap;font-size:13px;display:flex}.notice{padding:var(--space-7) 0;text-align:center;color:var(--ink-2)}.muted{color:var(--ink-2)}.small{font-size:13px}.day-line{align-items:center;gap:var(--space-3);color:var(--ink-2);margin-bottom:var(--space-3);font-size:14px;display:flex}.day-no{color:var(--ink);letter-spacing:.02em;font-weight:800;font-stretch:110%}.day-line .link-btn{margin-left:auto}.track{margin:0 0 var(--space-4);gap:var(--space-2);grid-template-columns:repeat(6,1fr);padding:0;list-style:none;display:grid}.track-cell{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;width:100%;height:44px;font-size:15px;font-weight:800;display:grid}.track-cell:disabled{cursor:default;color:var(--ink-2);opacity:.7}.track-cell.current{border-color:var(--ink);opacity:1}.track-cell[class*=sq-]:not(.sq-none){color:#fff;opacity:1;border-color:#0000}.track-cell.current[class*=sq-]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink)}.sq-green{background:var(--green)}.sq-yellow{background:var(--yellow)}.sq-orange{background:var(--orange)}.sq-miss{background:var(--miss)}.sq-none{background:var(--none)}.track-cell.sq-yellow{color:#1d1606}.photo{margin:0 0 var(--space-4)}.photo-frame{aspect-ratio:3/2;border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow);position:relative;overflow:hidden}.photo-frame img{object-fit:cover;opacity:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .35s;display:block}.photo-frame.ready img{opacity:1}.photo-tag{left:var(--space-3);top:var(--space-3);color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#0000009e;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute}.credit{margin-top:var(--space-2);color:var(--ink-2);font-size:12px}.guess{gap:var(--space-4);display:grid}.field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);margin-bottom:var(--space-2);font-size:13px;font-weight:700;display:block}.picker{position:relative}.picker-box{align-items:center;gap:var(--space-2);background:var(--surface);border:2px solid var(--line);padding:0 var(--space-2) 0 var(--space-3);border-radius:12px;min-height:52px;display:flex}.picker-box:focus-within{border-color:var(--ink)}.picker-box.chosen{border-color:var(--green)}.picker-icon{color:var(--ink-2);flex:none}.picker-box input{min-width:0;font:inherit;color:var(--ink);padding:var(--space-3) 0;background:0 0;border:0;outline:0;flex:1;font-size:18px;font-weight:600}.picker-box input::placeholder{color:var(--ink-2);font-weight:400}.picker-list{z-index:10;padding:var(--space-1);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;max-height:320px;margin:0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.picker-list li{padding:0 var(--space-3);cursor:pointer;border-radius:8px;align-items:center;gap:6px;min-height:44px;font-size:16px;font-weight:600;display:flex}.picker-list li .make{color:var(--ink-2);font-weight:400}.picker-list li.active{background:var(--surface-2)}.picker-empty{margin-top:var(--space-2);color:var(--ink-2);font-size:14px}.year-row{gap:var(--space-2);grid-template-columns:52px 1fr 52px;align-items:center;display:grid}.step-btn{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;height:52px;display:grid}.step-btn:hover:not(:disabled){border-color:var(--ink-2)}.step-btn:disabled{opacity:.4;cursor:default}.year-input{text-align:center;width:100%;height:52px;font:inherit;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:12px;font-size:30px;font-weight:900;font-stretch:115%}.year-input:focus{border-color:var(--ink);outline:0}.year-range{width:100%;margin:var(--space-4) 0 0;accent-color:var(--accent);cursor:pointer;height:28px}.year-ticks{color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.primary,.secondary{min-height:52px;padding:0 var(--space-5);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:0;border-radius:12px;font-size:17px;font-weight:800;display:inline-flex}.primary{background:var(--ink);color:var(--bg);width:100%}.primary:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}.primary:disabled{background:var(--surface-2);color:var(--ink-2);cursor:default}.secondary{background:var(--surface);border:2px solid var(--line)}.secondary:hover{border-color:var(--ink-2)}.form-error{color:var(--bad);margin:0;font-size:14px}.link-btn{padding:0 var(--space-1);cursor:pointer;min-height:44px;color:var(--ink);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:2px;font-weight:700;text-decoration:underline;display:inline-flex}.link-btn.center{margin:0 auto;display:flex}.reveal{background:var(--surface);border-radius:var(--radius);padding:var(--space-4);border:2px solid var(--line);gap:var(--space-4);animation:.3s ease-out rise;display:grid}.sq-border-green{border-color:var(--green)}.sq-border-yellow{border-color:var(--yellow)}.sq-border-orange{border-color:var(--orange)}.reveal-head{gap:var(--space-3);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.big-square{border:0;border-radius:8px;width:44px;height:44px;display:inline-block}.reveal-kicker{color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.reveal-answer{margin:2px 0 0;font-size:22px;font-weight:900;font-stretch:108%;line-height:1.15}.reveal-points{font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}.reveal-guess{gap:var(--space-3);grid-template-columns:1fr 1fr;margin:0;display:grid}.reveal-guess div{background:var(--surface-2);padding:var(--space-2) var(--space-3);border-radius:10px}.reveal-guess dt{color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.reveal-guess dd{margin:0;font-weight:800}.reveal-guess dd.ok{color:var(--ok)}.reveal-guess dd.close{color:var(--orange)}.reveal-guess dd.bad{color:var(--bad)}.reveal-guess .off{color:var(--ink-2);font-size:14px;font-weight:500}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{animation:none}.photo-frame img{transition:none}}.summary-card{background:var(--surface);border-radius:var(--radius);padding:var(--space-5) var(--space-4);box-shadow:var(--shadow);gap:var(--space-4);text-align:center;display:grid}.summary-verdict{margin:0;font-size:28px;font-weight:900;font-stretch:112%}.summary-squares{justify-content:center;gap:var(--space-2);display:flex}.summary-squares .big-square{cursor:pointer;width:52px;height:52px}.summary-score{color:var(--ink-2);font-size:18px}.summary-score strong{color:var(--ink);font-size:26px;font-weight:900}.summary-list{text-align:left;gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.summary-list li{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.summary-list li:last-child{border-bottom:0}.summary-car{font-weight:700}.summary-pts{font-variant-numeric:tabular-nums;color:var(--ink-2);font-weight:700}.dot{border-radius:4px;width:14px;height:14px;display:inline-block}.share-preview{background:var(--surface-2);padding:var(--space-3);white-space:pre-wrap;border-radius:10px;margin:0;font-family:inherit;font-size:15px;line-height:1.6}.summary-actions{gap:var(--space-2);grid-template-columns:2fr 1fr;display:grid}.summary-actions .primary{width:auto}.countdown{color:var(--ink-2);margin:0}.countdown strong{color:var(--ink);font-variant-numeric:tabular-nums}.page-title{margin:var(--space-2) 0 var(--space-1);font-size:32px;font-weight:900;font-stretch:112%}.archive-list{margin:var(--space-4) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.archive-row{gap:var(--space-3);background:var(--surface);border:1px solid var(--line);width:100%;min-height:56px;padding:0 var(--space-3);cursor:pointer;text-align:left;border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;display:grid}.archive-row:hover{border-color:var(--ink-2)}.archive-no{font-weight:800}.archive-date{color:var(--ink-2)}.archive-squares{gap:3px;display:flex}.mini{border-radius:4px;flex:none;width:16px;height:16px;display:inline-block}.modal{background:var(--surface);width:min(460px,100vw - 32px);color:var(--ink);border:0;border-radius:18px;padding:0;box-shadow:0 20px 60px #0000004d}.modal::backdrop{background:#00000073}.modal-body{padding:var(--space-4) var(--space-5) var(--space-5)}.modal-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:22px;font-weight:900;font-stretch:110%}.modal-head .icon-btn{margin-right:calc(-1 * var(--space-2))}.help p{margin:0 0 var(--space-3)}.legend{margin:0 0 var(--space-4);gap:var(--space-2);padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:var(--space-3);font-weight:600;display:flex}.legend .mini{width:24px;height:24px}.stat-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.stat-grid div{background:var(--surface-2);padding:var(--space-3) var(--space-2);text-align:center;border-radius:10px;display:grid}.stat-grid strong{font-variant-numeric:tabular-nums;font-size:26px;font-weight:900}.stat-grid span{color:var(--ink-2);font-size:12px}.stats-sub{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);margin:var(--space-5) 0 var(--space-2);font-size:13px}.bars{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.bars li{gap:var(--space-2);grid-template-columns:auto 9.5em 1fr 2em;align-items:center;font-size:13px;display:grid}.bar{background:var(--surface-2);border-radius:4px;height:14px;overflow:hidden}.bar-fill{height:100%;display:block}.bar-n{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}@media (width<=420px){.wordmark{font-size:18px}.top{padding-left:var(--space-3);padding-right:var(--space-2);gap:0}.top-actions{gap:0}.reveal-answer{font-size:19px}.bars li{grid-template-columns:auto 1fr 2em}.bars .bar-label{display:none}.archive-date{font-size:14px}}.top-actions .icon-btn.here{background:var(--surface-2)}.top-actions a.icon-btn{color:var(--ink)}.page{gap:var(--space-4);display:grid}.page .page-title{margin:0}.page>.link-btn{justify-self:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-3);display:grid}.panel h2{margin:0;font-size:17px;font-weight:800}.panel p{margin:0}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.account-card .primary,.account-card .secondary,.locked-panel .primary{width:100%}.who{justify-content:space-between;align-items:center;display:flex}.who-name{font-size:18px;font-weight:800}.name-row{gap:var(--space-2);grid-template-columns:1fr auto;display:grid}.primary.narrow{width:auto}.text-input{width:100%;min-height:52px;padding:0 var(--space-3);font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:12px;font-size:18px}.text-input:focus{border-color:var(--ink);outline:0}.code-input{letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.login{gap:var(--space-3);display:grid}.login p{margin:0}.login .field-label{margin-bottom:-4px}.login>.link-btn:first-child{justify-self:start}.stat-grid.four{grid-template-columns:repeat(4,1fr)}.stat-grid.four strong{font-size:22px}.segmented{background:var(--surface-2);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{cursor:pointer;min-height:44px;color:var(--ink-2);background:0 0;border:0;border-radius:9px;font-weight:700}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.lock-note{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.palettes{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.palette{align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-3);border:2px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;font-weight:700;display:flex}.palette.on{border-color:var(--ink)}.palette.locked{color:var(--ink-2)}.palette.locked .swatches{opacity:.55}.swatches{display:inline-flex}.swatches span{border:1px solid #00000026;border-radius:50%;width:16px;height:16px;margin-right:-5px}.swatches span:last-child{margin-right:4px}.palette-lock{margin-left:auto}.link-btn.danger{color:var(--bad)}.locked-panel{text-align:center;justify-items:center}.date-nav{justify-content:space-between;align-items:center;font-weight:700;display:flex}.date-nav .icon-btn:disabled{opacity:.35;cursor:default}.board{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.board li{gap:var(--space-3);min-height:52px;padding:0 var(--space-4);border-bottom:1px solid var(--line);grid-template-columns:2.2em 1fr auto 3.2em;align-items:center;display:grid}.board li:last-child{border-bottom:0}.board li.you{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.board-rank{color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:800}.medal.m1{color:#c9a227}.medal.m2{color:#9aa1a8}.medal.m3{color:#b0703c}.board-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.you-tag{margin-left:var(--space-2);text-transform:uppercase;letter-spacing:.05em;background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:800}.board-greens{color:var(--ink-2);align-items:center;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.board-greens .mini{width:12px;height:12px}.board-total{text-align:right;font-variant-numeric:tabular-nums;font-weight:900}.board-me{margin:0}.empty{text-align:center;padding:var(--space-5) 0;margin:0}.tally{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tally li{gap:var(--space-2);grid-template-columns:7.5em 1fr 3em 4.2em;align-items:center;font-size:14px;display:grid}.tally-key{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.tally-n,.tally-avg{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-2)}.history{margin:0}.history svg{width:100%;height:auto;display:block}.history .grid{stroke:var(--line);stroke-dasharray:3 4}.history .line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round}.history .pt{fill:var(--surface);stroke:var(--accent);stroke-width:2px}@media (width<=420px){.stat-grid.four{grid-template-columns:repeat(2,1fr)}.tally li{grid-template-columns:6em 1fr 3em}.tally-avg{display:none}}