:root{--font-sans: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-float: 0 2px 8px rgb(66 48 33 / .14);--shadow-sheet: 0 -4px 18px rgb(66 48 33 / .12);--bg: #fff8ed;--surface: #fffdf8;--border: #eadfcd;--text: #2d241b;--text-muted: #776a5d;--accent: #2f8f7f;--accent-contrast: #fffdf8;--route-safe: #2f8f7f;--route-short: #8b8175;--quiet: #e58a2a;--warn: #b96a16;--danger: #c2473d;--ok: #3b8b4d;--heat-1: #8f2f28;--heat-2: #d25f2a;--heat-3: #e6b24a;--heat-4: #86b85e;--heat-5: #3b8b4d;--duration: .2s;--ease: cubic-bezier(.2, 0, 0, 1)}[data-theme=night]{--font-sans: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-float: 0 2px 10px rgb(0 0 0 / .35);--shadow-sheet: 0 -4px 20px rgb(0 0 0 / .42);--bg: #111827;--surface: #1f2937;--border: #374151;--text: #f8fafc;--text-muted: #cbd5e1;--accent: #5fd1bf;--accent-contrast: #10201d;--route-safe: #5fd1bf;--route-short: #94a3b8;--quiet: #f6ad55;--warn: #f59e0b;--danger: #f87171;--ok: #86efac;--heat-1: #f87171;--heat-2: #fb923c;--heat-3: #facc15;--heat-4: #a3e635;--heat-5: #4ade80;--duration: .2s;--ease: cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}:root{color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.app-shell{min-height:100vh;background:var(--bg)}.top-bar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-5);position:sticky;top:0;z-index:10}.brand{font-size:var(--text-lg);font-weight:800;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}nav a{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);text-decoration:none}main{min-height:calc(100vh - 68px)}h1,h2,p,dl,dd{margin:0}.eyebrow{color:var(--accent);font-size:var(--text-sm);font-weight:700}.helper-text,.status-text{color:var(--text-muted);font-size:var(--text-sm);line-height:1.55}.status-error{color:var(--danger)}.status-empty,.status-loading{color:var(--warn)}.home-screen{display:grid;min-height:calc(100vh - 68px);position:relative}.home-map-layer{min-height:60vh}.map-frame,.map-canvas{min-height:60vh;width:100%}.map-frame{background:var(--border);position:relative}.map-fallback{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-float);display:grid;gap:var(--space-2);left:var(--space-4);max-width:320px;padding:var(--space-4);position:absolute;right:var(--space-4);top:var(--space-4)}.home-sheet{align-self:end;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sheet);display:grid;gap:var(--space-4);margin:-80px auto 0;max-width:720px;padding:var(--space-5);position:relative;width:min(100%,720px);z-index:2}.home-sheet h1,.wireframe-page h1,.placeholder-page h1{font-size:var(--text-xl);line-height:1.3}.state-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.state-list span,.card-label{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.primary-action,.search-row button{background:var(--accent);border:0;border-radius:var(--radius-md);color:var(--accent-contrast);font-weight:800;padding:var(--space-3) var(--space-4)}.search-panel{display:grid;gap:var(--space-3)}.search-panel h2,.common-states h2{font-size:var(--text-lg)}.search-form{display:grid;gap:var(--space-2)}.search-form label{color:var(--text-muted);font-size:var(--text-sm);font-weight:700}.search-row{display:grid;gap:var(--space-2);grid-template-columns:1fr auto}.search-row input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);min-width:0;padding:var(--space-3)}.place-results{display:grid;gap:var(--space-2);list-style:none;margin:0;max-height:220px;overflow:auto;padding:0}.place-results button{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);display:grid;gap:var(--space-1);padding:var(--space-3);text-align:left;width:100%}.place-results span,.destination-summary p{color:var(--text-muted);font-size:var(--text-sm)}.destination-summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:var(--space-1);padding:var(--space-4)}.destination-summary span{color:var(--text-muted);font-size:var(--text-xs);font-weight:700}.wireframe-page,.placeholder-page{display:grid;gap:var(--space-5);margin:0 auto;max-width:760px;padding:var(--space-6) var(--space-4) var(--space-8)}.wire-map{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;min-height:300px;overflow:hidden;padding:var(--space-5);position:relative}.wire-map>span{color:var(--text-muted);font-weight:800;justify-self:center}.route-line{border-radius:999px;height:6px;left:14%;position:absolute;right:16%;transform:rotate(-16deg)}.route-line-safe{background:var(--route-safe);top:42%}.route-line-short{background:var(--route-short);top:55%}.quiet-segment{border:2px dashed var(--quiet);border-radius:var(--radius-sm);color:var(--quiet);font-size:var(--text-xs);padding:var(--space-2);position:absolute;right:var(--space-5);top:var(--space-5)}.route-cards,.state-grid{display:grid;gap:var(--space-3)}.route-card,.common-states article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;gap:var(--space-4);padding:var(--space-4)}.route-card-safe{border-color:var(--route-safe)}.route-card-short{border-color:var(--route-short)}.route-card h2{font-size:var(--text-lg);margin-top:var(--space-2)}.route-card dl{display:grid;gap:var(--space-2)}.route-card dl div{display:flex;justify-content:space-between;gap:var(--space-4)}.route-card dt{color:var(--text-muted);font-size:var(--text-sm)}.route-card dd{font-weight:800}.common-states{display:grid;gap:var(--space-3)}.common-states p{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;margin-top:var(--space-1)}@media(min-width:760px){.home-screen{grid-template-columns:1fr minmax(360px,420px)}.home-map-layer,.map-frame,.map-canvas{min-height:calc(100vh - 68px)}.home-sheet{align-self:stretch;border-radius:0;margin:0;max-width:none;overflow:auto;width:100%}.route-cards,.state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.route-summary{margin:1rem 0;border:1px solid var(--border-subtle);border-radius:1rem;padding:1rem;background:var(--surface-muted)}.route-summary span{display:inline-flex;margin-bottom:.35rem;font-weight:700;color:var(--color-primary)}.route-summary p{margin:0;color:var(--text-muted)}