:root{--color-bg:#f6f7f5;--color-surface:#fff;--color-text:#1d2521;--color-muted:#5f6b64;--color-border:#d5dbd6;--color-primary:#2f6b3a;--color-primary-hover:#245430;--color-primary-text:#fff;--color-danger-bg:#fdecea;--color-danger-border:#e0a39b;--color-danger-text:#8a1c12;--radius:6px;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--top-bar-height:3rem;--side-panel-width:20rem;color:var(--color-text);background:var(--color-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}h1,h2{margin:0 0 var(--space-3);line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.125rem}a{color:var(--color-primary)}button,.button{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);text-align:center;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:var(--color-muted)}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}button.primary:hover:not(:disabled){background:var(--color-primary-hover)}input{font:inherit;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.muted{color:var(--color-muted)}.alert{padding:var(--space-2) var(--space-3);border:1px solid var(--color-danger-border);border-radius:var(--radius);background:var(--color-danger-bg);color:var(--color-danger-text)}.alert p,.alert ul{margin:0}.form{gap:var(--space-3);flex-direction:column;display:flex}.form label{gap:var(--space-1);flex-direction:column;font-weight:500;display:flex}.form fieldset{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin:0}.form-actions{gap:var(--space-2);display:flex}.bounds-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.page-status{padding:var(--space-4)}.auth-page{max-width:24rem;padding:0 var(--space-3);margin:4rem auto}.external-providers{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.app-shell{flex-direction:column;height:100%;display:flex}.top-bar{flex:0 0 var(--top-bar-height);padding:0 var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.app-name{color:var(--color-text);font-weight:700;text-decoration:none}.top-bar-user{align-items:center;gap:var(--space-3);min-width:0;display:flex}.top-bar-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-bar-error{color:var(--color-danger-text)}.page{width:100%;max-width:56rem;padding:var(--space-4) var(--space-3);margin:0 auto}.page-header{justify-content:space-between;align-items:baseline;display:flex}.network-list{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin:0;padding:0;list-style:none}.network-list li+li{border-top:1px solid var(--color-border)}.network-list a{padding:var(--space-3);color:inherit;flex-direction:column;text-decoration:none;display:flex}.network-list a:hover{background:var(--color-bg)}.network-name{font-weight:600}.network-page{flex:1;min-height:0;display:flex}.side-panel{flex:0 0 var(--side-panel-width);padding:var(--space-3);background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto}.side-panel section{margin-top:var(--space-4)}.map{flex:1;min-width:0;min-height:0}@media (width<=48rem){.network-page{flex-direction:column}.side-panel{border-right:none;border-bottom:1px solid var(--color-border);flex:none;max-height:40%}}.graph-page{flex:1;min-height:0;display:flex}.graph-map{flex:1;min-width:0;display:flex;position:relative}.graph-map--picking .maplibregl-canvas-container.maplibregl-interactive{cursor:crosshair}.map-tooltip{pointer-events:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius);color:#fff;white-space:nowrap;background:#212529d9;font-size:.875rem;position:absolute;top:0;left:0}.map-hint{top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-surface);margin:0;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #00000040}.graph-panel{border-right:none;border-left:1px solid var(--color-border);flex-basis:24rem}.graph-panel h3{margin:0 0 var(--space-2);overflow-wrap:anywhere;font-size:1rem}.save-failure{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.save-failure p{margin:0}.stats{gap:var(--space-2);grid-template-columns:repeat(2,1fr);margin:0;display:grid}.stats dt{color:var(--color-muted);font-size:.875rem}.stats dd{margin:0;font-weight:600}.stats-wide{grid-column:1/-1}.checkbox{align-items:center;gap:var(--space-2);display:flex}.checkbox input{width:auto}.legend{gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0;flex-wrap:wrap;padding:0;font-size:.875rem;list-style:none;display:flex}.legend-swatch{width:.75rem;height:.75rem;margin-right:var(--space-1);vertical-align:middle;border-radius:50%;display:inline-block}.chips{gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.chip{padding:0 var(--space-2);background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:999px;font-size:.75rem}.review-queue{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.review-queue-item{align-items:flex-start;gap:var(--space-1);text-align:left;flex-direction:column;width:100%;display:flex}.review-queue-item[aria-current=true]{border-color:var(--color-primary);background:var(--color-bg)}.review-queue-label{overflow-wrap:anywhere}.item-id{font-size:.8125rem}.item-id-field{flex:1;min-width:0;font-family:monospace}.detail-id{align-items:center;gap:var(--space-2);margin:0;display:flex}.shortcut-hint{font-size:.875rem}kbd{padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:3px;font-size:.8rem}.detail-list{gap:var(--space-1) var(--space-3);margin:var(--space-3) 0;grid-template-columns:max-content 1fr;display:grid}.detail-list dt{color:var(--color-muted)}.detail-list dd{overflow-wrap:anywhere;margin:0}.inline-form-row{gap:var(--space-2);display:flex}.field{gap:var(--space-1);flex-direction:column;font-weight:500;display:flex}select{font:inherit;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.detail-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}button.danger{border-color:var(--color-danger-border);color:var(--color-danger-text)}@media (width<=48rem){.graph-page{flex-direction:column-reverse}.graph-panel{border-bottom:none;border-left:none;border-top:1px solid var(--color-border);flex:none;max-height:45%}}.notice{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin:0}.button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.routes-table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);width:100%}.routes-table th,.routes-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.routes-filter{align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);display:flex}.pick-missing{color:var(--color-danger-text);font-style:italic}.start-pick{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.attention-panel{gap:var(--space-2);flex-direction:column;display:flex}.map-legend{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.legend-swatch{border-radius:999px;width:1.5rem;height:.4rem;display:inline-block}.legend-swatch--saved{background:#1971c2}.legend-swatch--route{margin-left:var(--space-2);background:#d6336c}.section-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.units-toggle{gap:var(--space-2);border:none;margin:0;padding:0;font-size:.875rem;display:flex}.units-toggle input{width:auto;margin-right:var(--space-1)}.route-save{gap:var(--space-2)}.route-save p{margin:0}.tabs{border-bottom:1px solid var(--color-border);display:flex}.tab{border:none;border-bottom:3px solid #0000;border-radius:0;flex:1}.tab[aria-selected=true]{border-bottom-color:var(--color-primary);font-weight:600}.tab-panel{padding-top:var(--space-3)}.pick-list,.turn-list,.trail-options{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pick-item{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.pick-content{overflow-wrap:anywhere}.pick-actions{gap:var(--space-1);display:flex}.pick-actions button{padding:0 var(--space-2)}.pick-letter{min-width:1.5rem;font-weight:700;display:inline-block}.gap-warning,.connector-note{margin:var(--space-1) 0 0 1.5rem;font-size:.875rem}.gap-warning{color:var(--color-danger-text)}.connector-note{color:var(--color-muted);font-style:italic}.trail-search{margin:var(--space-3) 0 var(--space-2)}.trail-options{max-height:16rem;overflow-y:auto}.trail-options button{justify-content:space-between;gap:var(--space-2);text-align:left;width:100%;display:flex}.turn-list li{align-items:center;gap:var(--space-2);display:flex}.cue-badge,.route-marker{color:#fff;border:2px solid #fff;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0006}.cue-badge{background:#1c7ed6;border-radius:50%;width:1.25rem;height:1.25rem}.cue-badge--straight{background:#495057}.cue-badge--uTurn{background:#e8590c}.route-marker{padding:0 var(--space-1);border-radius:var(--radius)}.route-marker--start{background:#2f9e44}.route-marker--end{background:#212529}.profile{margin:0}.profile svg{cursor:crosshair;width:100%;height:auto;display:block}.profile-area{fill:#d6336c33}.profile-line{fill:none;stroke:#d6336c;stroke-width:1.5px}.profile-label{fill:var(--color-muted);font-size:9px}.profile-cursor line{stroke:#212529;stroke-dasharray:2 2}.profile-cursor circle{fill:#fff;stroke:#212529;stroke-width:1.5px}.profile figcaption{font-size:.875rem}.inline-field{align-items:center;gap:var(--space-2);flex-direction:row}.status-chip{padding:0 var(--space-2);white-space:nowrap;background:var(--color-bg);color:var(--color-muted);border:1px solid var(--color-border);border-radius:999px;font-size:.8125rem;font-weight:600;display:inline-block}.status-chip--passed{color:#1e5e2c;background:#e6f4ea;border-color:#9fd3ad}.status-chip--failed{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-text)}.status-chip--pending{color:#7a4a00;background:#fff4e0;border-color:#f2c57c}.verification-banner{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:1.125rem;font-weight:700}.verification-banner--passed{color:#1e5e2c;background:#e6f4ea;border:1px solid #9fd3ad}.verification-banner--failed{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.data-table{border-collapse:collapse;width:100%;margin-bottom:var(--space-3);font-size:.875rem}.data-table th,.data-table td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border);text-align:left}.data-table th[scope=row]{font-weight:400}.metric-failed td,.metric-failed th{color:var(--color-danger-text);font-weight:600}.ride-page .graph-panel section{margin-top:var(--space-4)}.replay-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.replay-row input[type=range]{flex:1;padding:0}.replay-row button{flex:none;min-width:5.5rem}.legend-swatch--line{border-radius:2px;width:1.25rem;height:.3rem}.kind-chip{padding:0 var(--space-2);border:1px solid var(--color-border);color:var(--color-muted);border-radius:999px;font-size:.75rem}.segment-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.segment-list li{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.trail-options-heading{margin:var(--space-2) 0 var(--space-1);color:var(--color-muted);font-size:.875rem}.inline-form,.row-actions{gap:var(--space-1);flex-wrap:wrap;display:inline-flex}