*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--surface: #1e293b;--surface2: #273549;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #3b82f6;--green: #22c55e;--amber: #f59e0b;--red: #ef4444;--best: #1d4ed8;font-family:Inter,system-ui,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:0 16px 48px}.app-header{padding:32px 0 24px;border-bottom:1px solid var(--border);margin-bottom:28px}.app-header h1{font-size:1.8rem;font-weight:700;color:var(--text)}.app-header p{color:var(--muted);margin-top:6px}.app-main{display:flex;flex-direction:column;gap:28px}.app-footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem;text-align:center}.fit-controls{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px}.fit-controls h2{font-size:1rem;font-weight:600;margin-bottom:16px}.sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.slider-row{display:flex;flex-direction:column;gap:6px}.slider-label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted)}.slider-label strong{color:var(--text)}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:4px}.fit-map{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px}.fit-map h2{font-size:1rem;font-weight:600;margin-bottom:4px}.chart-subtitle{font-size:.78rem;color:var(--muted);margin-bottom:12px}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:.78rem;color:var(--muted)}.legend-item{display:flex;align-items:center;gap:5px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.bikes-grid{display:flex;flex-direction:column;gap:24px}.bike-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.bike-card-header{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface2)}.bike-card-header h2{font-size:1.05rem;font-weight:600}.bike-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:.78rem;color:var(--muted)}.badge-165{background:#14532d;color:#86efac;border-radius:4px;padding:1px 6px;font-size:.72rem}.card-body{padding:16px 20px;display:flex;flex-direction:column;gap:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.82rem}th{text-align:left;color:var(--muted);font-weight:500;padding:6px 10px;border-bottom:1px solid var(--border)}td{padding:7px 10px;border-bottom:1px solid #1e293b}tr.best-row td{background:#2563eb26}tr.best-row:first-child td{border-top-left-radius:6px}.size-label{font-weight:600;display:flex;align-items:center;gap:6px}.best-tag{background:var(--best);color:#bfdbfe;border-radius:4px;padding:1px 5px;font-size:.68rem;font-weight:500;letter-spacing:.02em}.badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:.78rem;font-weight:600}.status-green{background:#14532d;color:#86efac}.status-amber{background:#451a03;color:#fcd34d}.status-red{background:#450a0a;color:#fca5a5}.card-visuals{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media (max-width: 700px){.card-visuals{grid-template-columns:1fr}}.viz-label{font-size:.75rem;color:var(--muted);margin-bottom:6px}.bike-schematic{width:100%;background:#0f172a;border-radius:8px;border:1px solid var(--border)}.stem-spacer-chart h3{font-size:.8rem;color:var(--muted);font-weight:500;margin-bottom:8px}.chart-tooltip{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:10px 14px;font-size:.8rem;color:var(--text);line-height:1.6}.tt-title{font-weight:600;margin-bottom:4px;color:#93c5fd}