:root{--cream:#fff8ec;--paper:#fff;--navy:#1d2a4d;--ink-soft:#5b6480;--line:#eadfca;--coral:#ff5d3a;--sun:#ffd23f;--mint:#2fbf85;--bg:var(--cream);--surface:var(--paper);--text:var(--navy);--muted:var(--ink-soft);--border:var(--line);--road:var(--navy);--ride:var(--coral);--accent:var(--coral);--highlight:var(--sun);--good:var(--mint);--ok:#e0a800;--bad:var(--coral);--kit:#2e3550;--display:"Fredoka", "Nunito", system-ui, sans-serif;--body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--body);color:var(--text);background:var(--bg);line-height:1.55}@media (prefers-color-scheme:dark){:root{--bg:#131a30;--surface:#1b2442;--text:#fff8ec;--muted:#b4bad0;--border:#2c3760;--road:#fff8ec;--ride:#ff7a5c;--accent:#ff7a5c;--ok:#ffd23f;--kit:#46507a}}*{box-sizing:border-box}body{background:var(--bg);border-top:6px solid var(--accent);margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.15}a{color:var(--accent)}.site-header{align-items:center;gap:12px;max-width:1080px;margin:0 auto;padding:20px 16px 0;display:flex}.logo{font-family:var(--display);letter-spacing:-.02em;color:var(--text);align-items:center;gap:2px;font-size:1.6rem;font-weight:700;text-decoration:none;display:inline-flex}.logo-mark{width:1.35em;height:1.35em;margin:0 1px}.logo-mark circle{fill:var(--accent)}.logo-mark path{fill:none;stroke:var(--cream);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.tag{background:var(--highlight);color:var(--navy);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700}main{max-width:1080px;margin:0 auto;padding:0 16px 48px}.hero{max-width:680px;padding:24px 0 4px}.hero h1{margin:0 0 10px;font-size:clamp(2rem,5vw,3rem)}.hero p{color:var(--muted);margin:0;font-size:1.1rem}.layout{grid-template-columns:340px 1fr;align-items:start;gap:24px;margin-top:24px;display:grid}@media (width<=800px){.layout{grid-template-columns:1fr}}.card{background:var(--surface);border:2px solid var(--border);box-shadow:0 6px 0 var(--border);border-radius:22px;padding:24px}.card h2{align-items:center;gap:10px;margin:0 0 20px;font-size:1.35rem;display:flex}.card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.reset{font:inherit;color:var(--muted);border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:4px 14px;font-size:.9rem;font-weight:700}.reset:hover{color:var(--text);border-color:var(--accent)}.reset:focus-visible{outline:3px solid var(--highlight);outline-offset:1px}.step{background:var(--highlight);width:30px;height:30px;color:var(--navy);font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:1rem;display:inline-grid}form{gap:18px;display:grid}label,.field{gap:6px;font-weight:700;display:grid}small{color:var(--muted);font-weight:400}.label-text{align-items:center;gap:6px;display:inline-flex}.hint{border:2px solid var(--border);width:18px;height:18px;color:var(--muted);cursor:help;border-radius:50%;place-items:center;font-size:.7rem;font-style:italic;font-weight:700;line-height:1;display:inline-grid;position:relative}.hint:focus-visible{outline:3px solid var(--highlight);outline-offset:1px}.hint-text{background:var(--text);width:max-content;max-width:240px;color:var(--bg);text-align:left;visibility:hidden;opacity:0;z-index:10;border-radius:8px;padding:8px 10px;font-size:.8rem;font-style:normal;font-weight:600;line-height:1.4;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);right:-10px}.hint:hover .hint-text,.hint:focus .hint-text{visibility:visible;opacity:1}select,input{font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--border);border-radius:12px;width:100%;padding:10px 12px;font-weight:600}select:invalid{color:var(--muted)}select option{color:var(--text)}select:focus,input:focus,.size:focus-visible,summary:focus-visible{outline:3px solid var(--highlight);outline-offset:1px;border-color:var(--accent)}.sizes{flex-wrap:wrap;gap:8px;display:flex}.size{font:inherit;border:2px solid var(--border);background:var(--bg);min-width:48px;color:var(--text);cursor:pointer;border-radius:12px;padding:8px 10px;font-weight:700;transition:transform .1s}.size:hover{transform:translateY(-2px)}.size.active{background:var(--accent);border-color:var(--accent);color:var(--cream)}details{border-top:2px dashed var(--border);gap:14px;padding-top:18px;display:grid}details[open]{gap:14px}details>label+label{margin-top:14px}summary{font-family:var(--display);cursor:pointer;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary small{font-family:var(--body);font-size:.85rem}details[open] summary{margin-bottom:14px}.bibs{grid-template-columns:repeat(3,minmax(0,180px));justify-content:center;gap:16px;display:grid}.bib{background:var(--paper);color:var(--navy);border:2px solid var(--navy);border-radius:10px;justify-items:center;padding:16px 8px 12px;display:grid;position:relative;transform:rotate(-1.5deg)}.bib:nth-child(2){transform:rotate(1deg)}.bib:nth-child(3){transform:rotate(-.5deg)}.bib:before,.bib:after{content:"";background:var(--border);width:8px;height:8px;box-shadow:0 0 0 2px var(--navy);border-radius:50%;position:absolute;top:8px}.bib:before{left:8px}.bib:after{right:8px}.bib-label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.bib-number{font-family:var(--display);color:var(--coral);font-size:3.4rem;font-weight:700;line-height:1}.results h3{margin:28px 0 8px;font-size:1.15rem}table{border-collapse:collapse;width:100%}th,td{border-bottom:2px dashed var(--border);padding:8px 0}th{text-align:left;color:var(--muted);font-weight:600}td.num{text-align:right;font-variant-numeric:tabular-nums;padding-right:12px;font-weight:700}td:last-child{text-align:right;white-space:nowrap;width:1%}.pill{color:var(--navy);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700}.pill.good{background:color-mix(in srgb, var(--good) 35%, transparent)}.pill.ok{background:color-mix(in srgb, var(--ok) 40%, transparent)}.pill.bad{background:color-mix(in srgb, var(--bad) 35%, transparent)}@media (prefers-color-scheme:dark){.pill{color:var(--text)}}.warnings{margin:16px 0 0;padding-left:20px;font-size:.95rem}.warnings li+li{margin-top:6px}.side-view{width:100%;margin-top:24px;display:block}.side-view path,.side-view rect,.side-view circle{fill:none;stroke-linecap:round;stroke-linejoin:round}.side-view .floor{stroke:var(--border);stroke-width:8px}.side-view .bike{stroke:var(--road)}.side-view .tyre{stroke-width:22px}.side-view .deep-rim{stroke-width:56px;stroke:var(--kit)}.side-view .hub,.side-view .bb{fill:var(--road);stroke:none}.side-view .frame-outline{stroke:var(--road)}.side-view .frame-outline circle{fill:var(--road);stroke:none}.side-view .frame-fill{stroke:var(--surface)}.side-view .frame-fill circle{fill:var(--surface);stroke:none}.side-view .fork{stroke-width:36px}.side-view .spacers{stroke-width:28px;stroke-linecap:butt}.side-view .stem{stroke-width:26px}.side-view .stem-clamp{stroke-width:30px}.side-view .bar{stroke-width:18px}.side-view .hood{fill:var(--road);stroke-width:6px}.side-view .lever{stroke-width:12px;stroke:var(--accent)}.side-view .seatpost{stroke-width:40px;stroke-linecap:butt}.side-view .saddle{fill:var(--road);stroke-width:4px}.side-view .rails{stroke-width:7px}.side-view .chainring{stroke-width:10px;stroke:var(--muted)}.side-view .crank{stroke-width:18px}.side-view .pedal{stroke-width:16px}.side-view .chain{stroke:var(--muted);stroke-width:8px;stroke-dasharray:12 8;stroke-linecap:butt}.side-view .trainer-fill,.side-view .blower-fill{fill:var(--kit);stroke:none}.side-view .trainer-body{stroke:var(--kit);stroke-linecap:round}.side-view .trainer-leg{stroke:var(--kit);stroke-width:44px}.side-view .trainer-foot{fill:var(--kit);stroke:none}.side-view .trainer-vent{fill:var(--bg);stroke:none;opacity:.55}.side-view .cassette{fill:var(--kit);stroke:var(--muted);stroke-width:10px}.side-view .freehub{fill:var(--accent);stroke:none}.side-view .grille{stroke:var(--muted);stroke-width:7px}.side-view .blower-hub{fill:var(--muted);stroke:none}.side-view .louvre{stroke:var(--muted);stroke-width:8px}.side-view .blower-handle{stroke:var(--kit);stroke-width:40px}.side-view .blower-knob{fill:var(--highlight);stroke:none}.side-view .guide{stroke:var(--accent);stroke-width:4px;stroke-dasharray:12 12}.side-view .dim{stroke:var(--text);stroke-width:6px}.side-view .dim-label{fill:var(--text);font-size:48px;font-weight:700;font-family:var(--body)}.side-view .road-bar{fill:var(--surface);stroke:var(--road);stroke-width:6px}footer{max-width:1080px;color:var(--muted);margin:0 auto;padding:24px 16px 40px;font-size:.85rem}footer p{margin:0 0 4px}@media (width<=520px){.card{padding:18px}.bibs{gap:10px}.bib{padding:24px 4px 10px}.bib-label{letter-spacing:.04em;white-space:nowrap;font-size:.65rem}.bib-number{font-size:2.6rem}.side-view .dim-label{display:none}}