:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--bg);--bg:#070b12;--surface:#0e1726;--raised:#16223a;--line:#1d2a40;--text:#c2cee0;--strong:#f3f7fd;--muted:#8493ab;--accent:#2f8bff;--accent2:#22d3ee;--success:#34d399}:root.light{--bg:#f3f6fb;--surface:#fff;--raised:#f6f9fd;--line:#e3eaf3;--text:#44566d;--strong:#0c1a2c;--muted:#5b6b82;--accent:#1f7ae0;--accent2:#0ea5c4;--success:#047857}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 34%),var(--bg);min-height:100vh;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}header,footer{min-height:68px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.13em;color:var(--muted);font-weight:700}.brand{color:var(--strong)}.mark,em{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:18px}.theme,.icon{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:50%;width:34px;height:34px}.builder,.race{max-width:1200px;margin:auto;padding:8vh max(24px,5vw)}.eyebrow{color:var(--accent2);font-size:11px;letter-spacing:.16em;font-weight:800}.builder h1{font-size:clamp(48px,8vw,88px);line-height:.95;letter-spacing:-.06em;margin:20px 0}.lede{font-size:19px;color:var(--muted);max-width:580px;margin-bottom:44px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}.topic label,.search label,.setup label{display:block;font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700;margin-bottom:10px}.topic input,.search input{width:100%;border:0;outline:0;background:transparent;color:var(--strong);font-size:20px}.icon{position:absolute;right:12px;top:12px;background:transparent;border:0}.add{grid-column:1/-1;border:0;background:transparent;text-align:left;color:var(--accent);padding:10px 0;font-weight:700}.setup{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.setup select{display:block;padding:11px 34px 11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.primary,.secondary{border:1px solid var(--line);border-radius:8px;padding:12px 16px;font-weight:700}.primary{background:var(--accent);color:#04101f;border-color:var(--accent)}.primary:disabled{opacity:.45}.secondary{background:var(--raised);color:var(--text)}.hint,.muted{color:var(--muted);font-size:13px}.search{position:relative;margin-top:36px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.result-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--text);text-align:left}.result-option span{color:var(--muted);font-size:13px}.error{color:var(--danger,#f87171)}.error button{border:0;background:none;color:var(--accent);text-decoration:underline}.race-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.race h2{font-size:clamp(32px,5vw,64px);letter-spacing:-.05em;margin:8px 0;color:var(--strong)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px}.race-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.bar-row{display:grid;grid-template-columns:28px 10px minmax(90px,150px) 1fr 70px;gap:10px;align-items:center;margin:21px 0}.swatch{width:10px;height:10px;border-radius:50%}.bar-track{height:18px;background:var(--raised);border-radius:99px;overflow:hidden}.bar{height:100%;border-radius:99px;transition:width .45s ease}.value{text-align:right;color:var(--strong);font-variant-numeric:tabular-nums}.trajectory{border-left:1px solid var(--line);padding-left:28px}.trajectory h3{margin-top:0;color:var(--strong)}svg{width:100%;height:auto;background:var(--raised);border-radius:10px}.scrub{width:100%;accent-color:var(--accent);margin:30px 0 14px}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.final{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding-top:22px;color:var(--success)}.modes{display:flex;gap:18px;border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.modes button{background:none;border:0;color:var(--muted);padding:5px}.modes .active{color:var(--accent);font-weight:700;border-bottom:2px solid var(--accent)}.attribution{font-size:12px;color:var(--muted)}a{color:var(--accent)}.state{max-width:700px;margin:15vh auto;text-align:center}.spinner{margin:auto;width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--line);border-bottom:0;letter-spacing:0;font-weight:400}@media(max-width:700px){header{padding:0 18px}.header-actions{font-size:0}.builder,.race{padding:56px 18px}.topic-grid,.race-layout{grid-template-columns:1fr}.setup,.race-head,.final{align-items:stretch;flex-direction:column;gap:18px}.trajectory{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.bar-row{grid-template-columns:22px 10px minmax(70px,1fr) 70px}.bar-track{grid-column:3/5;grid-row:2}.value{grid-column:4}.bar-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}