:root{color-scheme:light;--sky-top:#b9e0f6;--sky-bottom:#e9f5fc;--plane:#f1f6f1;--surface:#fdfdfc;--ink:#182019;--ink-2:#525d54;--ink-3:#7e877f;--hairline:#e4e8e2;--baseline:#c7cec7;--accent:#008300;--accent-ink:#006300;--bar:#b8c0ba;--sign-ring:#cf2233;--sign-face:#ffffff;--sign-ink:#141414;--road:#484f58;--dash:#eef0f2;--grass:#9ecf86;--grass-2:#7cba69;--chip-bg:#ffffff;--shadow:0 1px 2px rgba(23,42,30,.07),0 10px 28px rgba(23,42,30,.09);--display:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Nunito","Varela Round",system-ui,sans-serif;--body:system-ui,-apple-system,"Segoe UI",sans-serif}:root[data-theme=dark]{color-scheme:dark;--sky-top:#0a1120;--sky-bottom:#1a2334;--plane:#141a24;--surface:#222735;--ink:#f1f4f8;--ink-2:#b7bfcb;--ink-3:#8b93a1;--hairline:#333b4b;--baseline:#4a5466;--accent:#0f9d20;--accent-ink:#5ed36d;--bar:#454e60;--road:#272c35;--dash:#9aa3b1;--grass:#25462f;--grass-2:#1b3623;--chip-bg:#2a3040;--shadow:0 1px 2px rgba(0,0,0,.45),0 12px 32px rgba(0,0,0,.38)}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--sky-top:#0a1120;--sky-bottom:#1a2334;--plane:#141a24;--surface:#222735;--ink:#f1f4f8;--ink-2:#b7bfcb;--ink-3:#8b93a1;--hairline:#333b4b;--baseline:#4a5466;--accent:#0f9d20;--accent-ink:#5ed36d;--bar:#454e60;--road:#272c35;--dash:#9aa3b1;--grass:#25462f;--grass-2:#1b3623;--chip-bg:#2a3040;--shadow:0 1px 2px rgba(0,0,0,.45),0 12px 32px rgba(0,0,0,.38)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--ink);background:var(--plane);line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px;border-radius:8px}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}.scene{position:relative;overflow:hidden;background:linear-gradient(var(--sky-top),var(--sky-bottom));padding:60px 20px 120px}.scene-inner{max-width:860px;margin:0 auto;position:relative;z-index:3}.eyebrow{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);background:color-mix(in srgb,var(--surface) 72%,transparent);padding:5px 12px;border-radius:999px;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}h1{font-family:var(--display);font-size:clamp(34px,6vw,58px);line-height:1.04;letter-spacing:-.01em;max-width:620px}.sub{margin-top:14px;max-width:520px;color:var(--ink-2);font-size:16px}.moon,.sun{position:absolute;top:44px;right:12%;width:86px;height:86px;border-radius:50%;z-index:1}.sun{background:#ffd23e;box-shadow:0 0 0 16px rgba(255,210,62,.22),0 0 70px 30px rgba(255,210,62,.35);animation:breathe 6s ease-in-out infinite}.moon{display:none;background:#dfe6f0;box-shadow:0 0 0 12px rgba(223,230,240,.08),0 0 60px 20px rgba(200,215,240,.18),inset -16px -10px 0 0 #c2ccdc}@keyframes breathe{50%{transform:scale(1.04)}}:root[data-theme=dark] .sun{display:none}:root[data-theme=dark] .moon{display:block}.stars{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 12% 22%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 28% 55%,#dfe8ff 50%,transparent 51%),radial-gradient(2px 2px at 44% 18%,#fff 50%,transparent 51%),radial-gradient(1.3px 1.3px at 61% 40%,#cdd9f5 50%,transparent 51%),radial-gradient(1.7px 1.7px at 74% 12%,#fff 50%,transparent 51%),radial-gradient(1.3px 1.3px at 86% 48%,#dfe8ff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 94% 25%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 6% 62%,#cdd9f5 50%,transparent 51%);background-repeat:repeat;background-size:520px 320px}:root[data-theme=dark] .stars{opacity:.9}.cloud{position:absolute;z-index:2;background:#fff;border-radius:999px;opacity:.95}.cloud:after,.cloud:before{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:52%;height:170%;left:16%;bottom:26%}.cloud:after{width:38%;height:120%;right:16%;bottom:30%}.c1{width:130px;height:34px;top:70px;animation:drift 64s linear infinite;animation-delay:-12s}.c2{width:92px;height:26px;top:150px;animation:drift 88s linear infinite;animation-delay:-48s;opacity:.8}.c3{width:160px;height:40px;top:36px;animation:drift 110s linear infinite;animation-delay:-76s;opacity:.65}@keyframes drift{0%{transform:translateX(-220px)}to{transform:translateX(calc(100vw + 220px))}}:root[data-theme=dark] .cloud{opacity:.1}.theme-toggle{position:absolute;top:16px;right:16px;z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:color-mix(in srgb,var(--surface) 85%,transparent);font-size:19px;line-height:1;display:grid;place-items:center}.theme-toggle:hover{background:var(--surface)}main{max-width:860px;margin:-72px auto 0;padding:0 16px;position:relative;z-index:5;display:grid;grid-gap:18px;gap:18px}.card{background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 6%,transparent);border-radius:18px;box-shadow:var(--shadow);padding:22px 24px}h2{font-family:var(--display);font-size:19px;letter-spacing:.01em}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}.hint{font-size:12px;color:var(--ink-3)}.controls-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-gap:26px;gap:26px}.fields{display:grid;grid-gap:16px;gap:16px;align-content:start}.mode-toggle{display:inline-flex;justify-self:start;background:var(--plane);border:1px solid var(--hairline);border-radius:999px;padding:3px;gap:2px}.mode-toggle button{border:none;background:transparent;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--ink-3)}.mode-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.14)}.field-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.field-head label{font-weight:650;font-size:14.5px}.num-field{display:inline-flex;align-items:baseline;gap:6px;background:var(--chip-bg);border:1px solid var(--hairline);border-radius:10px;padding:6px 10px}.num-field:focus-within{border-color:var(--accent)}.num-field input{width:64px;min-width:0;text-align:right;border:none;background:transparent;outline:none;font:inherit;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.num-field.wide{width:100%;justify-content:space-between}.num-field.wide input{flex:1 1}.num-field .unit{font-size:12.5px;color:var(--ink-3);flex:none}input[type=range]{width:100%;accent-color:var(--accent);height:28px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.chip-btn{border:1px solid var(--hairline);background:var(--chip-bg);border-radius:999px;padding:6px 13px;font-size:12.5px;color:var(--ink-2)}.chip-btn:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.chip-btn:disabled{opacity:.5}.seg-rows{grid-gap:10px}.seg-row,.seg-rows{display:grid;gap:10px}.seg-row{grid-template-columns:1fr 1fr 32px;grid-gap:10px;align-items:center}.seg-del{width:30px;height:30px;border-radius:50%;border:1px solid var(--hairline);background:var(--chip-bg);color:var(--ink-3);font-size:16px;line-height:1;display:grid;place-items:center}.seg-del:hover:not(:disabled){color:#cf2233;border-color:#cf2233}.seg-del:disabled{opacity:.4}.seg-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:2px}.result{border-left:1px solid var(--hairline);padding-left:26px;display:flex;flex-direction:column;justify-content:center;gap:6px}.result .big{font-family:var(--display);font-size:clamp(40px,5.6vw,54px);line-height:1.02;letter-spacing:-.01em}.result .caption{color:var(--ink-2);font-size:14px}.goal-sign{margin-top:10px;align-self:flex-start;background:#008300;color:#fff;border-radius:9px;padding:7px 14px 8px;box-shadow:inset 0 0 0 2.5px #fff,0 0 0 1px rgba(0,0,0,.18);font-family:var(--display);line-height:1.15}.goal-sign .lbl{display:block;font-size:10px;letter-spacing:.22em;opacity:.9}.goal-sign .goal-val{font-size:19px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.insight{grid-column:1/-1;border-top:1px solid var(--hairline);margin-top:6px;padding-top:14px;color:var(--ink-2);font-size:14.5px}.insight b{color:var(--ink)}.sign{--s:44px;width:var(--s);height:var(--s);border-radius:50%;background:var(--sign-face);color:var(--sign-ink);border:calc(var(--s)*.11) solid var(--sign-ring);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:calc(var(--s)*.36);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 1px 3px rgba(0,0,0,.22);flex:none}.sign.d3{font-size:calc(var(--s)*.29);letter-spacing:-.02em}.rows{grid-gap:7px;gap:7px}.row,.rows{display:grid}.row{grid-template-columns:48px 1fr;grid-gap:14px;gap:14px;align-items:center;padding:5px 10px;border-radius:12px}.row:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.row.chosen{background:color-mix(in srgb,var(--accent) 8%,transparent)}.row .sign{--s:40px;justify-self:center}.row.over .sign{transform:rotate(7deg)}.track{position:relative;height:20px;--lblw:158px}.track:before{content:"";position:absolute;left:0;top:-5px;bottom:-5px;width:1px;background:var(--baseline)}.bar{position:absolute;left:1px;top:2px;height:16px;min-width:3px;width:calc((100% - var(--lblw)) * var(--p));background:var(--bar);border-radius:0 4px 4px 0;transition:width .25s ease}.row.chosen .bar{background:var(--accent)}.bar .bar-car{position:absolute;right:-3px;bottom:13px;width:27px;height:14px}.track .val{position:absolute;top:50%;transform:translateY(-50%);left:calc((100% - var(--lblw)) * var(--p) + 12px);white-space:nowrap;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:left .25s ease}.val b{font-weight:680}.val .delta{color:var(--ink-3);margin-left:9px;font-size:12px}.val .you{margin-left:9px;font-size:11px;font-weight:650;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 14%,transparent);padding:2.5px 9px;border-radius:999px}.you .you-short{display:none}.row-divider{display:flex;align-items:center;gap:12px;color:var(--ink-3);font-size:12.5px;margin:8px 0 3px}.row-divider:after{content:"";flex:1 1;height:1px;background:var(--hairline)}.disclaimer{margin-top:16px;font-size:12.5px;color:var(--ink-3)}.tip{position:fixed;z-index:50;pointer-events:none;max-width:270px;padding:9px 12px;border-radius:11px;background:var(--ink);color:var(--plane);font-size:12.5px;line-height:1.45;opacity:0;transform:translateY(5px);transition:opacity .12s ease,transform .12s ease}.tip.show{opacity:1;transform:translateY(0)}.race-clock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:650;font-size:13.5px;color:var(--ink-2);background:var(--chip-bg);border:1px solid var(--hairline);border-radius:999px;padding:5px 13px}.race-head{display:flex;gap:10px;align-items:center}.start-btn{border:none;border-radius:999px;padding:9px 18px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 40%,transparent)}.start-btn:disabled{opacity:.55}.lanes{display:grid;grid-gap:11px;gap:11px;margin-top:6px}.lane{display:grid;grid-template-columns:44px 1fr;grid-gap:13px;gap:13px;align-items:center}.lane .sign{--s:38px;justify-self:center}.lane-track{position:relative;height:40px;background:var(--road);border-radius:11px;overflow:hidden}.lane-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);border-radius:2px;opacity:.8;background:repeating-linear-gradient(90deg,var(--dash) 0 16px,transparent 16px 32px)}.lane .car{left:7px;margin-top:-12px;width:44px;height:22px;will-change:transform}.lane .car,.lane .flag{position:absolute;top:50%}.lane .flag{right:9px;transform:translateY(-54%);font-size:17px}.lane .finish-chip{position:absolute;right:34px;top:50%;transform:translateY(-50%);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--hairline);color:var(--ink);font-size:12px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:2.5px 9px;border-radius:8px;opacity:0;transition:opacity .25s ease}.lane .finish-chip.show{opacity:1}.lane .you-tag{position:absolute;left:50%;transform:translateX(-50%);top:2.5px;font-size:9.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:5px;padding:1px 6px}.race-note{margin-top:14px;font-size:12.5px;color:var(--ink-3)}.outro{margin-top:46px;position:relative}.hills{display:block;width:100%;height:92px}.footer-road{position:relative;height:56px;background:var(--road);overflow:hidden}.footer-road:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,var(--dash) 0 26px,transparent 26px 54px);opacity:.75}.footer-road .car{position:absolute;width:52px;height:26px}.drive-r{top:5px;animation:driveR 17s linear infinite}.drive-r2{top:5px;animation:driveR 23s linear infinite;animation-delay:-11s}.drive-l{top:29px;animation:driveL 20s linear infinite;animation-delay:-6s}@keyframes driveR{0%{transform:translateX(-110px)}to{transform:translateX(calc(100vw + 110px))}}@keyframes driveL{0%{transform:translateX(calc(100vw + 110px)) scaleX(-1)}to{transform:translateX(-110px) scaleX(-1)}}.small-print{padding:30px 20px 42px;text-align:center;font-size:12.5px;color:var(--ink-3);max-width:560px;margin:0 auto}.small-print p+p{margin-top:6px}@media (max-width:720px){.controls-grid{grid-template-columns:1fr}.result{border-left:none;border-top:1px solid var(--hairline);padding-left:0;padding-top:18px}.track{--lblw:118px}.track .val{font-size:12px}.val .delta{margin-left:6px;font-size:11px}.row{grid-template-columns:42px 1fr;gap:10px;padding:5px 6px}.row .sign{--s:36px}.you .you-full{display:none}.you .you-short{display:inline}.scene{padding:48px 18px 110px}}@media (prefers-reduced-motion:reduce){.cloud,.footer-road .car,.sun{animation:none}.c1{left:8%}.c2{left:55%}.c3{left:75%}.drive-r{left:12%}.drive-r2{left:64%}.drive-l{left:38%;transform:scaleX(-1)}.bar,.tip,.track .val{transition:none}html{scroll-behavior:auto}}