@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal-rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--asphalt: #121417;--pit: #1a1d21;--bay: #23272c;--line: #2e333a;--chalk: #eef0f2;--grey: #9aa2ac;--signal: #ff6a1a;--signal-ink: #1a0d05;--red: #ff3b30;--hit: #2fd27a;--near: #f5c400;--purple: #b26bff;--miss: #3a3f47;--font: "Archivo Variable", "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--col: 600px;--dock-h: 68px;--kb: 0px;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--asphalt);color:var(--chalk);font:400 16px/1.5 var(--font);font-stretch:100%;padding-bottom:calc(var(--dock-h) + env(safe-area-inset-bottom) + 24px);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a{color:var(--chalk);text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--chalk) 40%,transparent)}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--grey)}.purple{color:var(--purple);font-weight:600}[hidden]{display:none!important}.link-btn{border:0;background:none;padding:6px 2px;cursor:pointer;color:var(--grey);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--grey) 50%,transparent)}.link-btn:hover{color:var(--chalk)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom));background:var(--asphalt);overflow-y:auto}.splash.leaving{opacity:0;transition:opacity .24s ease;pointer-events:none}.splash-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(70% 45% at 50% 18%,rgb(255 106 26 / .16) 0%,transparent 70%),radial-gradient(120% 70% at 50% 0%,var(--bay) 0%,var(--asphalt) 65%)}.splash-body{position:relative;width:min(100%,440px);display:grid;justify-items:center;text-align:center;gap:0}.splash .splash-lights{position:static;transform:none;gap:12px;padding:10px 16px;margin:0 0 28px}.splash .splash-lights li{width:14px;height:14px;background:var(--signal);box-shadow:0 0 12px 2px #ff6a1abf;animation:light-up .42s cubic-bezier(.2,.8,.3,1) both}.splash-lights li:nth-child(1){animation-delay:.15s}.splash-lights li:nth-child(2){animation-delay:.33s}.splash-lights li:nth-child(3){animation-delay:.51s}.splash-lights li:nth-child(4){animation-delay:.69s}.splash-lights li:nth-child(5){animation-delay:.87s}.splash-lights li:nth-child(6){animation-delay:1.05s}.splash-lights li:nth-child(n+5){background:var(--red);box-shadow:0 0 12px 2px #ff3b30cc}@keyframes light-up{0%{background:#2a2e34;box-shadow:inset 0 1px 1px #0009;transform:scale(.9)}60%{transform:scale(1.3)}}.splash-wordmark{margin:0;font-size:clamp(36px,11vw,44px);line-height:1}.splash-tag{margin:6px 0 0;color:var(--grey);font-size:15px;letter-spacing:.02em}.splash-title{margin:28px 0 0;max-width:24ch;font-stretch:112%;font-weight:750;font-size:clamp(22px,6.4vw,28px);line-height:1.2;letter-spacing:-.005em;text-wrap:balance}.splash-meta{margin:12px 0 0;color:var(--grey);font-size:14px;font-variant-numeric:tabular-nums}.splash-play{width:100%;max-width:320px;min-height:56px;margin-top:28px;font-size:18px}.splash-body .link-btn{margin-top:10px;font-size:15px}.splash-foot{margin:22px 0 0;color:var(--grey);font-size:13px}.topbar{position:sticky;top:0;z-index:5;max-width:var(--col);margin:0 auto;height:calc(56px + env(safe-area-inset-top));padding:0 16px;padding-top:env(safe-area-inset-top);display:flex;align-items:center;justify-content:space-between;background:var(--asphalt);border-bottom:1px solid transparent;transition:border-color .16s}.topbar.scrolled{border-bottom-color:var(--line)}.scroll-sentinel{height:1px;margin-top:-1px}.wordmark{font-stretch:125%;font-weight:800;font-size:21px;letter-spacing:.01em;text-transform:uppercase;text-decoration:none;color:var(--chalk)}.topbar-meta{display:flex;align-items:center;gap:4px}.number{color:var(--grey);font-variant-numeric:tabular-nums;margin-right:8px}body[data-mode=practice] .number{color:var(--signal);font-weight:650}.streak{display:inline-flex;align-items:center;gap:3px;color:var(--signal);font-weight:650;margin-right:6px;font-variant-numeric:tabular-nums}.streak svg{width:15px;height:15px}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--grey);cursor:pointer}.icon-btn:hover{color:var(--chalk);background:var(--pit)}.icon-btn svg{width:22px;height:22px}.bell{position:relative}.bell.on{color:var(--signal)}.bell.on path:first-child{fill:currentColor}.bell.nudge:after{content:"";position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 2px var(--asphalt)}.back-link{display:inline-flex;align-items:center;gap:4px;margin-left:-6px;padding:8px 10px 8px 4px;border-radius:10px;color:var(--chalk);font-weight:600;font-size:15px;text-decoration:none}.back-link:hover{background:var(--pit)}.back-link svg{width:20px;height:20px}main{max-width:var(--col);margin:0 auto}.practice-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 10px;padding:10px 12px;border-radius:12px;background:var(--pit);border-left:3px solid var(--signal);font-size:14px}@media(min-width:640px){.practice-bar{margin:0 0 10px}}.practice-bar p{margin:0;color:var(--grey)}.practice-bar b{color:var(--chalk);font-weight:650}.practice-bar .link-btn{flex:none;padding:4px 0;font-size:14px}.hero{position:relative;aspect-ratio:4 / 3;background:var(--pit);overflow:hidden;touch-action:pan-y pinch-zoom}@media(min-width:640px){.hero{border-radius:14px}}.hero.loading{background:linear-gradient(100deg,var(--pit) 35%,var(--bay) 50%,var(--pit) 65%);background-size:220% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:38%;pointer-events:none;z-index:1;background:linear-gradient(to top,rgb(10 11 13 / .55),transparent)}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage picture,.stage img{display:block;width:100%;height:100%}.stage img{object-fit:cover;transform-origin:50% 50%;opacity:0;transition:opacity .3s ease}.stage img.ready{opacity:1}.stage img.zoom{transition:opacity .3s ease,transform .9s cubic-bezier(.16,.84,.24,1)}.stage .loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--grey);padding:24px;text-align:center}.stage.slide-fwd{animation:slide-fwd .22s cubic-bezier(.2,.8,.3,1)}.stage.slide-back{animation:slide-back .22s cubic-bezier(.2,.8,.3,1)}@keyframes slide-fwd{0%{transform:translate(12%);opacity:.2}}@keyframes slide-back{0%{transform:translate(-12%);opacity:.2}}.view-arrow{position:absolute;z-index:2;top:50%;width:36px;height:36px;margin-top:-18px;padding:0;display:grid;place-items:center;border:1px solid rgb(255 255 255 / .08);border-radius:50%;background:#0a0b0d9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--chalk);cursor:pointer}.view-arrow[hidden]{display:none}.view-arrow:hover{background:#0a0b0dd9}.view-arrow.prev{left:4px}.view-arrow.next{right:4px}.view-arrow svg{width:20px;height:20px}.lights{position:absolute;z-index:2;top:12px;left:50%;transform:translate(-50%);display:flex;gap:9px;margin:0;padding:7px 12px;list-style:none;border-radius:999px;background:#0a0b0db8;border:1px solid rgb(255 255 255 / .06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lights li{width:11px;height:11px;border-radius:50%;background:var(--line);box-shadow:inset 0 1px 1px #0009;transition:background .22s,box-shadow .22s}.lights li.on{background:var(--signal);box-shadow:0 0 10px 1px #ff6a1abf}.lights li.on:nth-child(n+5){background:var(--red);box-shadow:0 0 10px 1px #ff3b30cc}.lights li.just{animation:ignite .38s cubic-bezier(.2,.8,.3,1)}@keyframes ignite{0%{transform:scale(.9)}45%{transform:scale(1.45);box-shadow:0 0 16px 4px #ff6a1ae6}to{transform:scale(1)}}.lights.done li.on{background:var(--hit);box-shadow:0 0 10px 1px #2fd27ab3}.lights.done.perfect li.on{background:var(--purple);box-shadow:0 0 10px 1px #b26bffb3}.clue-name{position:absolute;z-index:2;left:12px;bottom:12px;margin:0;display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 5px;border-radius:8px;background:#0a0b0db8;border:1px solid rgb(255 255 255 / .06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-weight:550}.clue-name b{padding:0 6px;border-radius:5px;background:var(--signal);color:var(--signal-ink);font-size:12px;font-weight:800;line-height:18px;font-variant-numeric:tabular-nums}.readout{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:4px 20px;padding:56px 42px 52px;background:radial-gradient(120% 90% at 50% 0%,#1f2329 0%,var(--pit) 70%)}.readout div{border-top:1px solid var(--line);padding:6px 0 4px}.readout span{display:block;color:var(--grey);font-size:12px;font-stretch:85%}.readout strong{display:block;font-stretch:112%;font-weight:700;font-size:clamp(14px,4.2vw,23px);line-height:1.15}.engine{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:16px;background:radial-gradient(100% 80% at 50% 40%,#22262c 0%,var(--pit) 70%)}.engine button{width:92px;height:92px;border-radius:50%;border:2px solid var(--signal);background:transparent;color:var(--signal);display:grid;place-items:center;cursor:pointer}.engine button svg{width:34px;height:34px}.engine button[aria-pressed=true]{background:var(--signal);color:var(--signal-ink)}.engine p{margin:0;color:var(--grey);font-size:14px}.bars{display:flex;gap:4px;height:28px;align-items:flex-end}.bars i{width:4px;height:20%;background:var(--line);border-radius:2px}.playing .bars i{background:var(--signal);animation:rev .64s ease-in-out infinite alternate}.playing .bars i:nth-child(2n){animation-duration:.42s}.playing .bars i:nth-child(3n){animation-duration:.53s}@keyframes rev{0%{height:15%}to{height:100%}}.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:10px 16px 4px}@media(min-width:640px){.thumbs{padding:10px 0 4px}}.thumbs button{position:relative;aspect-ratio:4 / 3;border:1px solid var(--line);border-radius:7px;padding:0;background:var(--pit) center / cover no-repeat;color:var(--grey);font-size:12px;font-variant-numeric:tabular-nums;cursor:pointer;overflow:hidden;transition:transform .16s,border-color .16s}.thumbs button:disabled{cursor:default;background:repeating-linear-gradient(135deg,var(--pit) 0 6px,var(--bay) 6px 8px);border-color:transparent}.thumbs button:disabled .glyph{opacity:.6}.thumbs button[aria-current=true]{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal);transform:translateY(-1px)}.thumbs button.fresh{animation:fade-in .24s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.thumbs button .glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.thumbs button .glyph svg{width:16px;height:16px}.clue-bar{display:flex;gap:8px;padding:8px 16px 0}@media(min-width:640px){.clue-bar{padding:8px 0 0}}.clue-bar .btn{flex:1;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px}.btn.ghost{background:transparent;border-color:var(--line);color:var(--chalk)}.btn.ghost:hover{background:var(--pit)}.hint-btn svg{width:20px;height:20px;color:var(--near);flex:none}.hint-btn:disabled{opacity:.55}.hint-btn:disabled svg{color:var(--grey)}.next-btn{flex-direction:column;gap:0!important;line-height:1.15}.next-btn small{font-size:11px;color:var(--grey);font-weight:500}.next-btn.confirm{border-color:var(--signal);color:var(--signal);background:#ff6a1a14}.next-btn.confirm small{color:var(--signal)}.hint-card{margin:10px 0 0;padding:10px 12px 10px 14px;border-radius:10px;background:var(--bay);border-left:3px solid var(--near);font-weight:550}.hint-card:before{content:"💡";margin-right:8px}.board{padding:8px 16px 0}@media(min-width:640px){.board{padding:8px 0 0}}.empty{margin:10px 0 0}.empty p{color:var(--grey);margin:10px 2px 0;font-size:15px}.rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rows.example{margin:8px 0 12px}.row{display:grid;grid-template-columns:26px 1fr;gap:2px 8px;align-items:center;padding:10px 10px 10px 8px;border-radius:12px;background:var(--pit);border-left:3px solid var(--miss);box-shadow:0 1px #0000004d}.row.o-make{border-left-color:var(--near)}.row.o-model{border-left-color:var(--hit)}.row.o-perfect{border-left-color:var(--purple)}.row.o-skip{background:transparent;border:1px dashed var(--line);box-shadow:none}.row.ghost{border:1px dashed var(--line);background:transparent;box-shadow:none;color:var(--grey)}.row.ghost .cell{background:transparent;border:1px dashed var(--line);color:var(--grey)}.row.ghost .cell strong{justify-content:center;font-size:16px}.row.rise{animation:rise .24s cubic-bezier(.2,.8,.3,1) both}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.row-n{grid-row:span 2;align-self:start;margin-top:1px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bay);color:var(--grey);font-size:12px;font-variant-numeric:tabular-nums;font-weight:650}.row.o-skip .row-n,.row.ghost .row-n{background:transparent;border:1px solid var(--line)}.row-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.row-name strong{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-name em{font-style:normal;font-size:12px;color:var(--grey);white-space:nowrap}.o-perfect .row-name em{color:var(--purple)}.o-model .row-name em{color:var(--hit)}.o-make .row-name em{color:var(--near)}.cells{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:6px}.cell{border-radius:7px;padding:5px 6px 6px;background:var(--miss);color:var(--chalk);font-stretch:80%;line-height:1.2;min-width:0}.cell span{display:block;font-size:11px;opacity:.8}.cell span b{font-size:13px;line-height:0;font-weight:800;opacity:1}.cell strong{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden}.cell strong i{font-style:normal;flex:none}.cell.hit{background:var(--hit);color:#06210f}.cell.near{background:var(--near);color:#2a2100}.cell.flip{animation:flip .42s cubic-bezier(.3,.7,.3,1) both}@keyframes flip{0%{transform:rotateX(90deg);opacity:.3}to{transform:none;opacity:1}}.garage{margin:22px 16px 0;padding:18px 0 8px;border-top:3px solid var(--miss)}@media(min-width:640px){.garage{margin:22px 0 0}}.garage.win{border-top-color:var(--hit)}.garage.perfect{border-top-color:var(--purple)}.result-line{margin:0;color:var(--grey);font-weight:550}.result-line b{display:inline-block;margin-right:6px;padding:0 8px;border-radius:6px;background:var(--bay);color:var(--chalk);font-variant-numeric:tabular-nums;line-height:24px}.result-line.win b{background:var(--hit);color:#06210f}.result-line.perfect b{background:var(--purple);color:#1a0633}.hint-mark{font-size:14px}.car-name{margin:4px 0 0;font-stretch:125%;font-weight:800;font-size:clamp(30px,9vw,44px);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}.garage.entering .car-name,.garage.entering .car-meta{animation:rise .32s ease .7s both}.car-meta{margin:6px 0 0;color:var(--grey)}.grid{display:flex;gap:6px;margin:14px 0 4px}.grid i{width:28px;height:28px;border-radius:7px;background:var(--miss)}.grid i.make{background:var(--near)}.grid i.model{background:var(--hit)}.grid i.perfect{background:var(--purple)}.grid i.skip{background:transparent;border:1.5px dashed var(--line)}.solved{display:inline-block;margin:10px 0 0;padding:4px 12px;border-radius:999px;background:var(--bay);font-weight:600;font-size:14px}.fact{margin:12px 0 0;max-width:62ch}.spec{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px}.spec li{padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-stretch:90%}.garage-card{margin-top:20px;padding:14px;border-radius:14px;background:var(--pit)}.garage-actions{display:flex;flex-wrap:wrap;gap:8px}.garage-actions .btn{flex:1 1 auto}.status{min-height:1.4em;margin:8px 0 0;color:var(--grey);font-size:14px}.status:empty{display:none}.next{margin:10px 0 0;color:var(--grey);font-size:14px}.next span{color:var(--chalk);font-weight:600}.credits{margin-top:18px;border-top:1px solid var(--line);padding-top:12px;color:var(--grey);font-size:14px}.credits summary{cursor:pointer;color:var(--chalk)}.credits ul{padding-left:18px}.credits li{margin:6px 0}.credits-note{margin:6px 0 0}.wiki{display:inline-block;margin-top:12px;font-size:14px;color:var(--grey)}.btn{min-height:46px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:var(--bay);color:var(--chalk);font-weight:650;cursor:pointer}.btn:hover{border-color:#444a52}.btn.primary{background:var(--signal);border-color:var(--signal);color:var(--signal-ink)}.btn.primary:hover{filter:brightness(1.06)}.btn:disabled{opacity:.5;cursor:default}.dock{position:fixed;z-index:10;left:0;right:0;bottom:var(--kb);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#121417e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.dock.done{display:none}.guess-form{max-width:var(--col);margin:0 auto;display:flex;gap:8px}.guess-form input{flex:1;min-width:0;height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--pit);font-size:16px}.guess-form input::placeholder{color:#737b85}.guess-form input:focus{border-color:var(--signal);outline:none;box-shadow:0 0 0 3px #ff6a1a2e}.act{min-width:84px}.act.guess{background:var(--signal);border-color:var(--signal);color:var(--signal-ink)}.suggestions{max-width:var(--col);margin:0 auto 8px;padding:4px;list-style:none;max-height:min(46vh,calc(var(--vh, 100vh) - 220px));overflow-y:auto;overscroll-behavior:contain;border-radius:14px;border:1px solid var(--line);background:var(--pit);box-shadow:0 -12px 40px #00000080}.suggestions li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 12px;border-radius:10px;cursor:pointer}.suggestions li[aria-selected=true],.suggestions li:hover{background:var(--bay)}.suggestions li b{font-weight:650}.suggestions li small{color:var(--grey);font-variant-numeric:tabular-nums;white-space:nowrap}.suggestions .none{color:var(--grey);cursor:default}.suggestions .none:hover{background:none}.toast{position:fixed;z-index:20;left:50%;top:calc(64px + env(safe-area-inset-top));transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);margin:0;padding:10px 16px;border-radius:12px;background:var(--bay);border:1px solid var(--line);box-shadow:0 10px 30px #00000073;font-weight:550}.sheet{width:min(100%,560px);max-width:100%;max-height:88vh;inset:auto 0 0 0;margin:0 auto;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;background:var(--pit);color:var(--chalk)}@media(min-width:640px){.sheet{top:0;right:0;bottom:0;left:0;margin:auto;border-radius:18px;border-bottom:1px solid var(--line)}}.sheet::backdrop{background:#050607a8}.sheet h2{margin:0 32px 8px 0;font-stretch:112%;font-weight:750;font-size:23px;line-height:1.15}.sheet h3{font-size:15px;margin:18px 0 8px}.sheet p{margin:10px 0}.sheet-close{position:absolute;top:12px;right:12px;margin:0}.sheet-close button{width:38px;height:38px;border:0;border-radius:10px;background:var(--bay);font-size:22px;line-height:1;cursor:pointer}.steps{margin:12px 0 4px;padding-left:24px}.steps li{margin:8px 0;padding-left:4px;color:var(--grey)}.steps li b{color:var(--chalk);font-weight:650}.steps li::marker{color:var(--signal);font-weight:750;font-variant-numeric:tabular-nums}.example-caption{margin-bottom:0;font-size:14px}.sheet .row{background:var(--bay)}.sheet .row-n{background:var(--pit)}.keys{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.key{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;font-weight:700}.key.hit{background:var(--hit);color:#06210f}.key.near{background:var(--near);color:#2a2100}.key.miss{background:var(--miss)}.fine-print{margin:6px 0 0;color:var(--grey);font-size:14px}.fine-print summary{cursor:pointer;color:var(--chalk)}.fine-print ul{margin:6px 0 0;padding-left:18px}.fine-print li{margin:5px 0}.fine-print b{color:var(--chalk);font-weight:650}.sheet .btn.primary{width:100%;margin-top:14px}.stat-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.stat-numbers div{background:var(--bay);border-radius:10px;padding:10px 8px;text-align:center}.stat-numbers dt{color:var(--grey);font-size:12px}.stat-numbers dd{margin:0;font-size:24px;font-weight:750;font-stretch:112%;font-variant-numeric:tabular-nums}.dist{list-style:none;margin:0;padding:0;display:grid;gap:5px}.dist li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.dist b{color:var(--grey);font-weight:600}.dist span{display:block;min-width:26px;padding:2px 8px;border-radius:6px;background:var(--bay);text-align:right;font-size:13px}.dist li.today span{background:var(--signal);color:var(--signal-ink)}.field{display:grid;gap:6px;margin:12px 0;color:var(--grey);font-size:14px}.field select,.field input{height:46px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bay);color:var(--chalk);font-size:16px}.remind-block{margin:12px 0}.remind-block .btn{width:100%}.footer{max-width:var(--col);margin:28px auto 0;padding:0 16px;color:var(--grey);font-size:13px}@media(min-width:640px){.footer{padding:0}}.footer p{margin:6px 0}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.footer-links a{color:var(--grey)}.send-note{padding:0;width:min(100% - 24px,520px);border:1px solid var(--line);border-radius:16px;background:var(--pit);color:var(--chalk)}.send-note::backdrop{background:#050607a8}.send-note-form,.send-note-done{display:grid;gap:12px;padding:24px}.send-note h2{margin:0;font-stretch:112%}.send-note p{margin:0}.send-note label{display:grid;gap:5px;color:var(--grey);font-size:13px}.send-note select,.send-note textarea,.send-note input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bay);color:var(--chalk);font:inherit;font-size:16px}.send-note textarea{resize:vertical;min-height:110px}.send-note-status{min-height:1.3em;color:var(--near);font-size:13px}.send-note-actions{display:flex;justify-content:flex-end;gap:8px}.send-note button{min-height:42px;padding:0 16px;border-radius:10px;border:1px solid var(--signal);background:var(--signal);color:var(--signal-ink);font-weight:650;cursor:pointer}.send-note-cancel{background:transparent!important;color:var(--grey)!important;border-color:var(--line)!important}.send-note-cancel:hover{color:var(--chalk)!important;border-color:var(--chalk)!important}.send-note .send-note-send:disabled{opacity:.75;cursor:progress}.send-note-done{position:relative;overflow:hidden;justify-items:center;text-align:center;padding-block:32px 30px}.send-note-done h2:focus{outline:none}.send-note-done p{color:var(--grey);max-width:40ch}.send-note-done a{color:var(--chalk)}.send-note-check{width:56px;height:56px;fill:none;stroke:var(--hit);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.send-note-check circle{fill:color-mix(in srgb,var(--hit) 14%,transparent)}.send-note-check path{stroke-dasharray:30;stroke-dashoffset:0;animation:note-tick .38s .12s ease-out both}.send-note-done .send-note-back{margin-top:4px}.send-note-done .send-note-countdown{font-size:12px}.send-note-timer{position:absolute;inset:auto 0 0 0;height:3px;background:var(--hit);transform-origin:left;animation:note-wait var(--note-wait, 4s) linear forwards}@keyframes note-tick{0%{stroke-dashoffset:30}}@keyframes note-wait{to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.send-note-check path{animation:none}.send-note-timer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.stage img{opacity:1}}.page{padding-bottom:48px}.prose{max-width:680px;margin:0 auto;padding:8px 16px 0}.prose h1{font-stretch:125%;font-weight:800;font-size:34px;line-height:1.05;margin:12px 0 14px}.prose h2{font-stretch:112%;font-size:19px;margin:26px 0 6px}.prose p,.prose li{max-width:68ch}.prose li{margin:6px 0;color:var(--grey)}.prose li a{color:var(--chalk)}
