.drive-intro{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 0}.drive-intro h1{font-size:clamp(2.4rem,6vw,4.2rem);letter-spacing:-.055em;line-height:1.08;margin:.6rem 0}.drive-intro p{color:var(--dim);max-width:44rem}.drive-eyebrow{font:600 .7rem var(--display);letter-spacing:.15em;color:var(--accent-ink)!important}.drive-badge{font-size:.72rem;border:1px solid var(--line);border-radius:30px;padding:.65rem 1rem;white-space:nowrap;color:var(--dim)}.drive-toolbar{display:flex;gap:1.5rem;align-items:end;justify-content:space-between;padding:1rem;background:var(--panel);border:1px solid var(--line);border-radius:8px}.drive-toolbar label,.drive-playback label{display:grid;gap:.4rem;font-size:.7rem;color:var(--dim)}.drive-toolbar select{min-width:240px}.f1 .drive-toolbar select,.f1 .drive-playback select{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:.65rem;border-radius:5px;font:inherit;font-size:.85rem;max-width:100%}.drive-mode{display:flex;gap:.35rem}.f1 .drive-mode button,.f1 .drive-playback button,.f1 .drive-corners button{background:var(--bg);color:var(--dim);border:1px solid var(--line);border-radius:5px;padding:.7rem .9rem;font:500 .8rem var(--display);cursor:pointer}.f1 .drive-mode button.active,.f1 .drive-corners button.active{color:var(--ink);background:var(--panel2);border-color:var(--accent-ink)}.drive-note{font-size:.8rem;line-height:1.6;color:var(--dim)}.drive-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1rem;margin:1.3rem 0}.drive-map-panel,.drive-focus,.drive-learning,.drive-sections{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:1.3rem;min-width:0}.drive-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.drive-panel-heading h2{font-size:.9rem;margin:0}.drive-panel-heading span,.drive-legend{font-size:.72rem;color:var(--dim)}#drive-map{width:100%;height:auto;display:block;min-height:220px}.drive-map-line{fill:none;stroke:var(--dim);stroke-width:3;stroke-linejoin:round}.drive-map-focus{fill:none;stroke:var(--accent-ink);stroke-width:5;stroke-linecap:round}.drive-map-number{fill:var(--ink);font:600 10px var(--display);text-anchor:middle;dominant-baseline:central}.drive-map-ring{fill:var(--panel2);stroke:var(--line);stroke-width:1}.drive-map-car{fill:var(--s1);stroke:var(--ink);stroke-width:2}.drive-focus h2{font-size:1.6rem;letter-spacing:-.03em;margin:.5rem 0 1rem}.drive-focus p{font-size:.86rem;color:var(--dim);line-height:1.7}.drive-focus strong{color:var(--ink)}.drive-corners{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.4rem}.f1 .drive-corners button{font-size:.72rem;padding:.55rem .65rem}.drive-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:1.7rem 0}.drive-steps b{font-size:.8rem;color:var(--ink)}.drive-steps p{font-size:.85rem;line-height:1.7;color:var(--dim)}.drive-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.drive-upload{display:grid;gap:.7rem;padding:1.2rem;border:1px dashed var(--faint);border-radius:8px;background:var(--panel)}.drive-upload b{font-size:1rem}.drive-upload span{font-size:.78rem;color:var(--dim);overflow-wrap:anywhere}.drive-upload input{max-width:100%;font-size:.8rem}.drive-status{border-left:3px solid var(--accent-ink);padding:.7rem 1rem;background:var(--panel);font-size:.85rem;line-height:1.6}.drive-status.error{color:var(--bad)}#comparison-confirm{font-size:.85rem;margin:1.3rem 0}.drive-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.drive-summary div{padding:1.2rem;background:var(--panel);border-radius:8px;border:1px solid var(--line)}.drive-summary span{display:block;color:var(--dim);font-size:.75rem}.drive-summary strong{display:block;margin-top:.6rem;font:600 1.6rem var(--display);font-variant-numeric:tabular-nums}.drive-playback{display:flex;gap:1rem;align-items:center;margin:1.2rem 0;flex-wrap:wrap}.drive-scrub{flex:1;min-width:140px}.drive-playback input{width:100%;accent-color:var(--accent-ink)}.drive-playback output{font-size:.8rem;min-width:3rem}.drive-readout{display:flex;gap:1.3rem;flex-wrap:wrap;margin:1rem 0 1.8rem;font-size:.85rem;color:var(--dim);font-variant-numeric:tabular-nums}.drive-readout strong{color:var(--ink)}.drive-chart{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:.7rem 0;padding:.9rem}.drive-chart h3{font-size:.8rem;margin:0}.drive-chart svg{width:100%;height:auto;display:block;touch-action:pan-y}.drive-chart text{fill:var(--dim);font:11px var(--display)}.drive-chart .grid{stroke:var(--grid)}.drive-chart .series-a{fill:none;stroke:var(--s1);stroke-width:2}.drive-chart .series-b{fill:none;stroke:var(--s2);stroke-width:2;stroke-dasharray:6 4}.drive-chart .cursor{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3}.drive-chart .zero{stroke:var(--dim);stroke-dasharray:2 3}.drive-sections{margin:1.5rem 0}.drive-section-row{display:flex;gap:1rem;justify-content:space-between;border-top:1px solid var(--line);padding:1rem 0;font-size:.85rem}.drive-section-row button{background:none;border:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.drive-section-row span{color:var(--dim);text-align:right}.drive-help{padding:1.2rem;margin-top:1.5rem;border:1px solid var(--line);border-radius:8px}.drive-help summary{font-weight:600;cursor:pointer;font-size:.9rem}.drive-help p{font-size:.85rem;line-height:1.8;color:var(--dim)}.drive-help code{overflow-wrap:anywhere}.drive-help a,.drive-credit a{color:var(--ink);text-decoration:underline}.drive-credit{font-size:.72rem;line-height:1.7;color:var(--dim);margin-top:1.5rem}.drive-focus ul{padding-left:1.2rem;font-size:.85rem;color:var(--dim);line-height:1.8}.drive-empty{padding:2rem;color:var(--dim);text-align:center}[hidden]{display:none!important}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media(max-width:800px){.drive-grid{grid-template-columns:1fr}.drive-intro{display:block}.drive-badge{display:inline-block;margin-top:.5rem}.drive-toolbar{align-items:stretch;flex-direction:column}.drive-toolbar select{width:100%;min-width:0}.drive-mode button{flex:1}.drive-upload-grid,.drive-steps{grid-template-columns:1fr}.drive-steps{gap:.8rem}.drive-summary{gap:.5rem}.drive-summary div{padding:.8rem}.drive-summary strong{font-size:1.2rem}.drive-series{line-height:1.7}.drive-playback{gap:.7rem}}

.drive-profile{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:8px}.drive-profile label{display:grid;gap:.5rem;font-size:.75rem;color:var(--dim)}.drive-profile input{width:100%;min-width:0;box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:.7rem;color:var(--ink);font:inherit}.drive-profile p{grid-column:1/-1;margin:0}.drive-focus textarea{box-sizing:border-box;width:100%;min-height:90px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:.7rem;font:inherit;font-size:.8rem}.drive-focus label{font-size:.8rem;color:var(--dim)}@media(max-width:800px){.drive-profile{grid-template-columns:1fr}}

@media(max-width:600px){.drive-map-number{font-size:20px}.drive-map-ring{r:14px}.drive-chart text{font-size:11px}.drive-section-row{align-items:start}.drive-section-row span{flex:none}}