:root{color:#f5f7fb;background:#0b0d10;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #0b0d10;--panel: #151922;--panel-2: #1b202a;--line: #2a303a;--text: #f5f7fb;--muted: #a4adbc;--accent: #ff6231;--accent-strong: #f04438;--safe: #32d583;--warning: #fdb022;--danger: #f04438;--tabbar: rgba(13, 16, 21, .96)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:#07090c}button,input,select,textarea{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}#root{min-height:100vh}.app-shell{width:100%;max-width:480px;min-height:100vh;margin:0 auto;background:var(--bg);position:relative;overflow-x:clip}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 18px 12px;background:#0b0d10f5;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header h1{margin:2px 0 0;font-size:22px;line-height:1.05;letter-spacing:0}.eyebrow{margin:0;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0}.app-main{min-width:0;padding:16px 14px calc(96px + env(safe-area-inset-bottom))}.page-stack{min-width:0;display:grid;gap:14px}.mobile-card,.route-card{min-width:0;background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:15px;box-shadow:0 14px 32px #0000003d}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card-heading h2,.mobile-card h2,.modal-panel h2{margin:0;font-size:18px;line-height:1.25;letter-spacing:0}.mobile-card p,.route-card p{color:var(--muted);line-height:1.55}.button{min-width:0;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:0 15px;font-weight:800;letter-spacing:0;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.button:active{transform:scale(.98)}.button-full{width:100%}.button-primary{background:var(--accent);color:#140602}.button-secondary{background:#252c38;color:var(--text);border:1px solid var(--line)}.button-danger{background:var(--danger);color:#fff}.button-success{background:var(--safe);color:#032414}.button-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#202631}.bottom-tabbar{position:fixed;left:50%;bottom:0;z-index:30;width:100%;max-width:480px;transform:translate(-50%);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--tabbar);border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tab-button{min-width:0;min-height:58px;display:grid;place-items:center;gap:4px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:700}.tab-button.active{background:#2a1712;color:#ffb199}.status-row{display:flex;flex-wrap:wrap;gap:8px}.status-pill,.badge{min-height:30px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;background:#222833;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.status-pill.safe,.badge.safe,.notice.safe{color:#86efac;background:#32d5831f;border-color:#32d58340}.status-pill.warn,.badge.warn{color:#ffd78a;background:#fdb02221}.badge.danger,.notice.warning{color:#ffb4ad;background:#f0443821;border-color:#f0443840}.badge.night{color:#b7c7ff;background:#536fff29}.route-public_road{color:#d7e4ff}.route-scenic{color:#b6f2cb}.route-commute{color:#ffd29b}.route-closed_course{color:#ffb4ad}.speedometer{min-height:230px;display:grid;place-items:center;text-align:center;border-radius:8px;background:#11151c;border:1px solid rgba(255,98,49,.22);box-shadow:inset 0 0 0 1px #ffffff08}.speedometer.active{border-color:#ff623199}.speed-label,.speed-unit,.speed-meta{color:var(--muted);font-weight:800}.speed-value{color:#fff;font-size:clamp(74px,24vw,112px);font-weight:900;line-height:.95;letter-spacing:0}.speed-unit{margin-top:-12px;font-size:18px}.speed-meta{font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-grid{margin-top:12px}.metric{min-height:74px;display:grid;gap:5px;align-content:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.metric span{color:var(--muted);font-size:12px;font-weight:800}.metric strong{font-size:20px;letter-spacing:0}.form-grid{display:grid;gap:12px}label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:800}input,select,textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#0f131a;color:var(--text);padding:11px 12px;outline:none}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff623124}.checkbox-row{grid-template-columns:22px 1fr;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:8px;background:#10141b}.checkbox-row input{width:18px;min-height:18px;margin-top:2px}.checkbox-row small{display:block;margin-top:4px;color:var(--muted);font-weight:700}.notice{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;background:#111721;color:var(--muted);padding:12px;line-height:1.45}.notice.compact{font-size:13px}.drive-control-card{position:sticky;bottom:88px;z-index:10;border-color:#f0443861}.drive-live-summary,.inline-actions,.stacked-actions,.card-actions{display:flex;gap:9px;flex-wrap:wrap}.drive-live-summary{margin-bottom:12px}.drive-live-summary span{border-radius:999px;background:#242b36;color:var(--muted);padding:7px 10px;font-size:12px;font-weight:800}.safety-inline{display:flex;gap:10px;align-items:flex-start}.safety-inline svg{color:var(--safe);flex:0 0 auto;margin-top:2px}.safety-inline p{margin:0}.compliance-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.compliance-row span,.compliance-row strong{display:block}.compliance-row span{color:var(--muted);font-size:12px;font-weight:800}.compliance-row strong{margin-top:3px;font-size:30px}.progress-track{width:100%;height:12px;overflow:hidden;border-radius:999px;background:#282f3b;margin:12px 0}.progress-fill{height:100%;min-width:4px;border-radius:inherit;background:linear-gradient(90deg,var(--safe),var(--accent))}.session-list,.route-list,.review-list,.vehicle-list{display:grid;gap:10px}.drive-session-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.drive-session-item.active{border-color:#ff62317a;background:#151a23}.drive-session-item>button{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:inherit;padding:0;text-align:left}.drive-session-item>.button{min-height:38px;padding-inline:10px}.comparison-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.comparison-summary strong,.comparison-summary span{display:block}.comparison-summary span{margin-top:4px;color:var(--muted)}.comparison-legend{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.comparison-legend span{min-height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.legend-course{background:#ff4b1f29;color:#ffb199}.legend-actual{background:#47d7ff24;color:#aeeeff}.comparison-thumbnail-frame{margin-bottom:10px}.comparison-thumbnail-frame svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.comparison-thumbnail-frame polyline{fill:none;stroke:#47d7ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(0,0,0,.75))}.session-item,.route-list-item,.vehicle-card,.review-item{border:1px solid var(--line);border-radius:8px;background:#10141b;padding:12px}.session-item,.route-list-item button,.vehicle-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.session-item.drive-session-item{display:grid;grid-template-columns:minmax(0,1fr) auto}.session-item strong,.route-list-item strong,.vehicle-card strong,.review-item strong{display:block;margin-bottom:4px}.session-item span,.route-list-item span,.vehicle-card p,.muted-text,.empty-text,.review-item p{color:var(--muted)}.session-stats{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;text-align:right;font-size:12px;font-weight:800}.empty-text{margin:0}.map-canvas,.map-fallback{width:100%;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:#10141b}.route-preview-map-wrap{min-width:0;max-width:100%;overflow:hidden;position:relative;isolation:isolate;contain:layout paint;border-radius:8px}.route-preview-map,.mock-map-fallback{position:relative;z-index:0;width:100%;max-width:100%;min-height:280px;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:#10141b}.map-control-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;border-radius:inherit;pointer-events:none}.map-zoom-controls{position:absolute;left:10px;bottom:10px;display:grid;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0f131af0;box-shadow:0 10px 26px #00000059;pointer-events:auto}.map-zoom-controls button{width:40px;height:38px;display:grid;place-items:center;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text)}.map-zoom-controls button:last-child{border-bottom:0}.map-locate-button{position:absolute;right:10px;bottom:10px;z-index:1;min-height:40px;box-shadow:0 10px 26px #00000059;pointer-events:auto}.route-stop-panel{display:grid;gap:8px;margin-top:-6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#10141b}.route-stop-panel-header,.route-stop-row,.route-stop-move-controls{display:flex;align-items:center}.route-stop-panel-header{justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;font-weight:900}.route-stop-panel-header span{color:#ffd78a}.route-stop-list{display:grid;gap:6px}.route-stop-row{width:100%;min-width:0;max-width:100%;min-height:48px;gap:8px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#0f131a}.route-stop-role{width:46px;flex:0 0 46px;min-width:46px;color:var(--accent);font-size:12px;font-weight:900}.route-stop-copy{min-width:0;max-width:100%;flex:1 1 0;overflow:hidden}.route-stop-copy strong,.route-stop-copy span{display:block;width:100%;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-stop-copy strong{font-size:13px}.route-stop-copy span{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.2}.route-stop-move-controls{flex:0 0 auto;min-width:72px;justify-content:flex-end;gap:4px}.route-stop-move-controls button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#161c25;color:var(--text);cursor:pointer}.route-stop-move-controls button:disabled{cursor:not-allowed;opacity:.32}.naver-marker-label{min-width:34px;height:34px;display:grid;place-items:center;border:3px solid #fff;border-radius:999px;background:#ff4b1f;color:#160703;font-size:12px;font-weight:900;box-shadow:0 8px 22px #00000052}.naver-marker-label.vehicle{min-width:42px;border-color:#10141c;background:var(--safe);color:#042011}.mock-map-fallback{position:relative;display:grid;place-items:center;cursor:crosshair}.mock-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px}.mock-map-fallback svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mock-map-message{position:relative;z-index:1;display:grid;gap:4px;max-width:260px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#10141be0;text-align:center}.mock-map-message span,.mock-map-message small{color:var(--muted)}.route-thumbnail{width:100%;aspect-ratio:16 / 9;display:block;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#10141c;object-fit:cover}.svg-thumbnail svg{display:block;width:100%;height:100%}.route-thumbnail-placeholder{display:grid;place-items:center;color:var(--muted);font-weight:900}.drive-route-preview-panel{display:grid;gap:10px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#10141b}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border-radius:8px;background:#0b0f15}.segmented-control button{min-width:0;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:900}.segmented-control button.active{border-color:#ff623159;background:#2a1712;color:#ffb199}.drive-route-thumbnail-frame,.drive-route-static-frame{position:relative;aspect-ratio:16 / 9;min-width:0;overflow:hidden;border-radius:8px;background:#10141c}.drive-route-thumbnail-frame .route-thumbnail{height:100%}.drive-route-static-frame img{width:100%;height:100%;display:block;object-fit:cover}.drive-route-static-frame svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.drive-route-static-frame polyline{fill:none;stroke:#ff4b1f;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgba(0,0,0,.75))}.vehicle-position-dot{position:absolute;z-index:2;width:30px;height:30px;display:grid;place-items:center;transform:translate(-50%,-50%);border:3px solid #10141c;border-radius:999px;background:var(--safe);color:#042011;box-shadow:0 8px 18px #0000005c}.vehicle-position-waiting{position:absolute;right:8px;bottom:8px;border:1px solid var(--line);border-radius:999px;background:#0f131ae0;color:var(--muted);padding:6px 9px;font-size:12px;font-weight:900}.drive-route-preview-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:900}.drive-route-preview-meta span{border:1px solid var(--line);border-radius:999px;background:#171d26;padding:6px 9px}.builder-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.builder-header h2{margin:2px 0 0}.nav-route-builder{gap:10px}.nav-route-shell{min-width:0;display:grid;gap:10px}.nav-route-topbar{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:var(--panel)}.nav-route-topbar>div{min-width:0}.nav-route-topbar h2{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:21px}.nav-step-track{margin:-2px 14px 0}.nav-route-copy-card{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid rgba(255,98,49,.28);border-radius:8px;background:#151922}.nav-route-copy-card div{min-width:0}.nav-route-copy-card span,.nav-route-copy-card strong{display:block}.nav-route-copy-card span{color:var(--muted);font-size:12px;font-weight:900}.nav-route-copy-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-route-map-stage{min-width:0;position:relative;overflow:hidden;isolation:isolate;border-radius:8px;background:#10141b}.nav-route-map-stage .route-preview-map,.nav-route-map-stage .mock-map-fallback{border-radius:8px}.nav-route-map-summary{position:absolute;right:10px;top:10px;z-index:4;display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:calc(100% - 20px);pointer-events:none}.nav-route-map-summary span{min-height:30px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0f131ae6;color:var(--text);padding:5px 9px;font-size:12px;font-weight:900}.nav-route-sheet{min-width:0;display:grid;gap:12px;margin-top:-18px;padding:8px 10px 12px;position:relative;z-index:5;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#151922fa;box-shadow:0 -18px 36px #0000004d}.nav-route-sheet-grip{width:42px;height:4px;justify-self:center;border-radius:999px;background:#3a414d}.nav-route-stop-stack{min-width:0;display:grid;gap:6px}.nav-route-stop{width:100%;min-width:0;min-height:52px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#0f131a;color:inherit;padding:8px 10px;text-align:left}.nav-route-stop.active{border-color:#ff62318c;background:#211711}.nav-stop-rail{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#252c38;color:var(--muted);font-size:12px;font-weight:900}.nav-stop-rail.origin{background:var(--safe);color:#042011}.nav-stop-rail.destination{background:var(--accent);color:#170604}.nav-stop-rail.waypoint{border:1px solid rgba(255,98,49,.42);background:#2a1712;color:#ffb199}.nav-stop-text{min-width:0}.nav-stop-text strong,.nav-stop-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-stop-text strong{font-size:15px}.nav-stop-text small{margin-top:2px;color:var(--muted);font-size:12px;font-weight:800}.nav-route-option-strip{min-width:0;display:flex;flex-wrap:wrap;gap:7px;padding-bottom:2px;overflow:hidden}.nav-route-option-strip button{flex:1 1 98px;min-width:0;min-height:38px;border:1px solid var(--line);border-radius:14px;background:#0f131a;color:var(--muted);padding:6px 9px;font-size:12px;font-weight:900;line-height:1.1;display:grid;gap:2px;align-content:center;white-space:normal}.nav-route-option-strip button.active{border-color:#ff623173;background:#2a1712;color:#ffb199}.nav-route-option-strip button.motorcycle.active{border-color:#40d68675;background:#23623f38;color:#b6f4d1}.nav-route-option-strip button span,.nav-route-option-strip button small{min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-route-option-strip button small{color:var(--muted);font-size:10px;font-weight:800}.nav-route-editor-panel,.nav-route-order-list,.nav-save-panel{min-width:0;display:grid;gap:10px}.nav-route-order-list{padding:8px;border:1px solid var(--line);border-radius:8px;background:#10141b}.nav-order-row{min-height:44px;padding:6px}.nav-route-result-card{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}.nav-route-result-card>div{min-width:0;display:grid;align-content:center;border:1px solid var(--line);border-radius:8px;background:#0f131a;padding:9px}.nav-route-result-card span:not(.badge),.nav-route-result-card strong{display:block}.nav-route-result-card span:not(.badge){color:var(--muted);font-size:11px;font-weight:900}.nav-route-result-card strong{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.nav-route-result-card .badge{justify-content:center}.nav-course-form{padding-top:2px}.nav-route-actions{margin-top:0}.step-track{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:13px}.step-track span{height:5px;border-radius:999px;background:#2a303a}.step-track span.active{background:var(--accent)}.paste-route-card{border-color:#ff623147}.paste-route-banner{display:flex;align-items:center;justify-content:space-between;gap:10px}.paste-route-banner div{min-width:0}.paste-route-banner span,.paste-route-banner strong{display:block}.paste-route-banner span{color:var(--muted);font-size:12px;font-weight:900}.paste-route-banner strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.paste-route-banner .button{flex:0 0 auto;min-height:40px}.route-builder-actions{position:sticky;bottom:88px;z-index:18;width:100%;min-width:0;max-width:100%;display:grid;grid-template-columns:minmax(72px,.48fr) minmax(0,1fr);gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:#0f131af5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.route-action-stack{min-width:0;display:grid;gap:7px}.route-input-summary{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.route-input-summary div{min-width:0;border:1px solid var(--line);border-radius:8px;background:#10141b;padding:10px}.route-input-summary span,.route-input-summary strong{display:block}.route-input-summary span{color:var(--muted);font-size:12px;font-weight:800}.route-input-summary strong{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.route-dirty{grid-column:1 / -1;display:inline-flex;gap:6px;align-items:center;color:#ffd78a;font-size:12px;font-weight:800}.address-search{display:grid;gap:8px}.search-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(82px,auto);gap:8px}.search-row .button{padding-inline:10px;white-space:nowrap}.selected-place,.search-results button,.save-complete{width:100%;max-width:100%;min-width:0;display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:8px;background:#10141b;padding:9px}.selected-place svg,.save-complete svg{color:var(--accent);flex:0 0 auto}.selected-place>div,.search-results button>strong,.search-results button>span,.search-results button>small{min-width:0;max-width:100%;overflow:hidden}.selected-place strong,.selected-place span,.selected-place small,.search-results strong,.search-results span,.search-results small,.save-complete strong,.save-complete span{display:block;min-width:0}.selected-place strong,.selected-place span,.selected-place small,.search-results strong,.search-results span,.search-results small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-place span,.selected-place small,.search-results span,.search-results small,.save-complete span,.field-help{color:var(--muted);line-height:1.45}.place-search-results button{display:grid;gap:4px}.place-result-heading{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.place-result-heading .badge{min-height:24px;padding:3px 7px;font-size:10px}.provider-naver_local{color:#b6f4d1;background:#32d58324}.provider-naver_geocoding{color:#b7c7ff;background:#536fff29}.provider-mock{color:#ffd78a;background:#fdb02221}.place-selected-card{align-items:center}.place-selected-card>div{flex:1 1 0}.icon-clear-button{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#171d26;color:var(--muted)}.field-help{margin:0;font-size:13px}.search-results{display:grid;gap:6px}.search-results button{width:100%;min-height:48px;color:inherit;text-align:left;cursor:pointer}.waypoint-list,.waypoint-editor{min-width:0;display:grid;gap:9px}.waypoint-editor{max-width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#0f131a}.waypoint-editor .inline-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.waypoint-editor .inline-actions .button{width:100%;padding-inline:8px}.compact-heading{margin-bottom:0}.map-fallback{display:grid;align-content:center;gap:8px;padding:16px}.map-fallback ol{margin:0;padding-left:20px;color:var(--muted)}.route-marker{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent);border:3px solid #fff;color:#150603;font-weight:900;box-shadow:0 8px 20px #0000005c}.point-summary{display:grid;gap:7px;margin-top:12px;color:var(--muted);font-size:12px;line-height:1.45}.route-list-item{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.route-list-item-with-thumb>button{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center}.route-list-item-with-thumb .route-thumbnail{grid-row:span 2}.route-list-item-with-thumb .session-stats{grid-column:2;justify-content:flex-start;text-align:left}.route-list-item>button,.card-open{width:100%;min-width:0;border:0;background:transparent;color:inherit;padding:0;text-align:left}.route-list-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:center;margin-top:10px}.route-list-actions .button{width:100%;min-height:38px;padding-inline:10px}.route-card{padding:0;overflow:hidden}.card-open{display:grid;gap:9px;padding:15px 15px 12px}.route-card h3{margin:0;font-size:20px}.route-card p{margin:0}.route-card-top{display:flex;gap:7px;flex-wrap:wrap}.route-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;color:var(--muted);font-size:12px;font-weight:800}.route-meta-grid span{display:inline-flex;align-items:center;gap:5px}.card-actions{padding:10px 15px 15px}.mini-action{min-height:34px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:#202631;color:var(--muted);padding:0 10px;font-size:12px;font-weight:800}.mini-action.active{color:#ffb199;border-color:#ff623173}.mini-action.muted{opacity:.82}.detail-toolbar{display:flex;flex-wrap:wrap;gap:8px}.detail-toolbar .button{min-width:0;flex:1 1 96px;min-height:42px}.route-edit-form{margin-top:12px}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vehicle-card{align-items:flex-start}.vehicle-icon,.profile-avatar{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#282f3b;color:var(--accent)}.vehicle-body{min-width:0;flex:1}.vehicle-heading{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.vehicle-heading h3{margin:0}.vehicle-body p{margin:4px 0 0}.profile-summary{display:flex;align-items:center;gap:12px;margin-bottom:14px}.profile-summary strong,.profile-summary span{display:block}.profile-summary span{color:var(--muted);margin-top:3px}.review-item div{display:flex;justify-content:space-between;gap:10px}.review-item p{margin:6px 0 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:22px;background:#000000bd}.modal-panel{width:min(100%,420px);max-height:min(720px,calc(100dvh - 44px));position:relative;display:grid;gap:14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#151922;padding:20px;overflow:auto;box-shadow:0 24px 80px #0000008c}.modal-panel p{margin:0;color:var(--muted);line-height:1.55}.modal-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#ff623124;color:var(--accent)}.modal-icon.safe{background:#32d5831f;color:var(--safe)}.modal-icon.danger{background:#f0443824;color:#ffb4ad}.modal-close{position:absolute;top:12px;right:12px}.modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.safety-modal{max-height:min(720px,calc(100vh - 44px));overflow:auto}.safety-copy{white-space:pre-line;font-size:14px}.toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:90;width:min(calc(100% - 28px),440px);transform:translate(-50%);border:1px solid var(--line);border-radius:8px;background:#202631;color:var(--text);padding:13px 15px;font-weight:800;box-shadow:0 18px 50px #00000073}.toast-success{border-color:#32d58373}.toast-warning{border-color:#fdb02273}.toast-danger{border-color:#f0443873}@media(max-width:374px){.app-main{padding-left:10px;padding-right:10px}.app-header{padding-left:12px;padding-right:12px}.metric strong{font-size:18px}.button{padding-left:11px;padding-right:11px}}