: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(0 0 0 / .12);--shadow-sheet: 0 -4px 16px rgb(0 0 0 / .1);--bg: #ffffff;--surface: #ffffff;--border: #e5e8eb;--text: #191f28;--text-muted: #6b7684;--accent: #24478f;--accent-contrast: #ffffff;--route-safe: #24478f;--route-short: #8b95a1;--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: #3d63c9;--accent-contrast: #ffffff;--route-safe: #7aa2f7;--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}html,body,#root{min-height:100%;margin:0}body{min-width:960px;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md)}button,input{font:inherit}button{color:inherit}.text-link,.toolbar-link{color:var(--accent);font-weight:700;text-decoration:none}.dashboard-shell{width:min(100%,1440px);margin:0 auto;padding:var(--space-6)}.dashboard-header,.summary-bar,.map-toolbar,.time-heading,.time-ticks,.panel-heading{display:flex;align-items:center;justify-content:space-between}.dashboard-header{margin-bottom:var(--space-5)}h1,h2,p{margin:0}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}.eyebrow{margin-bottom:var(--space-1);color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em}.header-meta{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.data-badge{padding:var(--space-2) var(--space-3);border:thin solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--warn);font-weight:700}.summary-bar{gap:var(--space-6);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-block:thin solid var(--border)}.summary-bar div{display:flex;align-items:baseline;gap:var(--space-2);white-space:nowrap}.summary-bar span,.summary-bar p{color:var(--text-muted);font-size:var(--text-sm)}.summary-bar strong,.numeric,output{font-variant-numeric:tabular-nums}.summary-bar p{margin-left:auto;text-align:right}.workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:var(--space-4)}.map-column,.ranking-panel{border:thin solid var(--border);background:var(--surface)}.map-toolbar{min-height:52px;padding:var(--space-3) var(--space-4);border-bottom:thin solid var(--border)}.segmented{display:inline-flex;border:thin solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.segmented button{min-width:72px;border:0;background:var(--surface);padding:var(--space-2) var(--space-4);cursor:pointer}.segmented button+button{border-left:thin solid var(--border)}.segmented button.active{background:var(--accent);color:var(--accent-contrast);font-weight:700}.segmented button:disabled{color:var(--text-muted);cursor:not-allowed}.legend{display:flex;align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.heat-swatch{width:var(--space-4);height:var(--space-3);border:thin solid var(--surface)}.map-frame{position:relative;min-height:560px;overflow:hidden;background:var(--bg)}.heatmap{position:absolute;inset:0;width:100%;height:100%}.map-ground{fill:var(--bg)}.map-road{fill:none;stroke:var(--surface);stroke-width:2.4;opacity:.9}.heat-cell{stroke:var(--surface);stroke-width:.08;opacity:.82;transition:fill var(--duration) var(--ease)}.heat-1{background:var(--heat-1);fill:var(--heat-1)}.heat-2{background:var(--heat-2);fill:var(--heat-2)}.heat-3{background:var(--heat-3);fill:var(--heat-3)}.heat-4{background:var(--heat-4);fill:var(--heat-4)}.heat-5{background:var(--heat-5);fill:var(--heat-5)}.map-label{position:absolute;padding:var(--space-1) var(--space-2);border:thin solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-float);font-size:var(--text-xs);font-weight:700;pointer-events:none}.map-label-north{top:16%;left:56%}.map-label-center{top:46%;left:34%}.map-label-south{top:72%;left:62%}.state-panel{position:absolute;inset:var(--space-6);z-index:2;display:grid;place-content:center;justify-items:center;gap:var(--space-3);color:var(--text-muted);text-align:center}.state-panel button{border:0;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);padding:var(--space-3) var(--space-4);cursor:pointer}.time-control{padding:var(--space-4);border-top:thin solid var(--border)}.time-heading{margin-bottom:var(--space-3)}.time-heading label,.time-heading output{font-weight:700}.time-heading output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.time-ticks{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.ranking-panel{display:flex;flex-direction:column;padding:var(--space-5)}.panel-heading{align-items:flex-end;padding-bottom:var(--space-3);border-bottom:thin solid var(--border)}.panel-heading>span{color:var(--accent);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums}.panel-description{margin:var(--space-4) 0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th,td{height:44px;padding:0 var(--space-2);border-bottom:thin solid var(--border);text-align:left}th{color:var(--text-muted);font-size:var(--text-xs)}.numeric{text-align:right}.score-mark{display:inline-block;width:var(--space-2);height:var(--space-2);margin-right:var(--space-2);border-radius:50%}.panel-note{margin-top:auto;padding-top:var(--space-5);color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.panel-note strong{display:block;margin-bottom:var(--space-1);color:var(--text)}@media(max-width:1100px){.dashboard-shell{padding:var(--space-4)}.summary-bar p{display:none}}.zones-shell{min-width:1180px;min-height:100vh;background:var(--surface)}.zones-header{display:flex;align-items:center;gap:var(--space-5);height:68px;padding:0 var(--space-8);border-bottom:thin solid var(--border)}.zones-header>strong{color:var(--accent);font-size:var(--text-xl)}.zones-header h1{font-size:var(--text-lg)}.zones-header span{margin-left:auto;color:var(--text-muted);font-size:var(--text-sm)}.zones-toolbar{display:flex;align-items:end;gap:var(--space-3);min-height:76px;padding:var(--space-2) var(--space-8);border-bottom:thin solid var(--border)}.zones-toolbar label{display:grid;gap:var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.zones-toolbar select,.zones-toolbar button{height:44px;border:thin solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:0 var(--space-4)}.zones-toolbar button,.zones-toolbar select,.zones-toolbar input{cursor:pointer}.zones-toolbar .check-filter{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);font-size:var(--text-sm);font-weight:700}.zones-toolbar .check-filter:has(input:disabled){background:var(--border);color:var(--text-muted)}.zones-toolbar .toolbar-link{margin-left:auto;align-self:center}.zones-error,.zones-status{padding:var(--space-3) var(--space-8)}.zones-error{color:var(--danger)}.zones-status{color:var(--text-muted)}.zones-workspace{display:grid;grid-template-columns:40% 60%;min-height:calc(100vh - 144px)}.zones-ranking{padding:var(--space-8);border-right:thin solid var(--border)}.zones-ranking h2{margin-bottom:var(--space-3);font-size:var(--text-xl)}.zones-ranking>p{margin-bottom:var(--space-5);color:var(--text-muted)}.zones-ranking tbody tr{cursor:pointer}.zones-ranking tbody tr:hover,.zones-ranking tbody tr.selected{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.zones-ranking tbody tr.selected td:first-child{border-left:3px solid var(--accent)}.access-note{margin-top:var(--space-5);padding:var(--space-3);border-left:3px solid var(--quiet);color:var(--text-muted);font-size:var(--text-sm)}.zones-map{position:relative;min-height:650px;overflow:hidden;background-color:var(--bg);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px}.road{position:absolute;height:10px;background:var(--text-muted);opacity:.38;transform-origin:left center}.road-a{width:90%;left:4%;top:48%;transform:rotate(-8deg)}.road-b{width:76%;left:8%;top:47%;transform:rotate(23deg)}.road-c{width:72%;left:58%;top:4%;transform:rotate(101deg)}.safe-road{position:absolute;width:72%;left:12%;top:62%;border-top:5px dotted var(--accent);transform:rotate(-17deg)}.zone-marker{position:absolute;z-index:2;display:grid;place-items:center;width:108px;height:108px;border:4px solid transparent;color:var(--accent-contrast);transform:translate(-50%,-50%);cursor:pointer}.zone-marker b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--text);color:var(--accent-contrast);font-size:var(--text-md)}.zone-marker span{font-weight:700}.zone-marker.active{border-color:var(--text)}.zone-night{background-color:var(--danger);background-image:repeating-linear-gradient(45deg,transparent 0 8px,rgb(255 255 255 / .45) 8px 11px)}.zone-school{background-color:var(--quiet);background-image:radial-gradient(var(--surface) 2px,transparent 3px);background-size:14px 14px}.zone-both{background-color:var(--heat-3);background-image:repeating-linear-gradient(90deg,transparent 0 9px,rgb(25 31 40 / .3) 9px 12px);color:var(--text)}.zones-legend{position:absolute;top:var(--space-5);right:var(--space-5);z-index:3;display:grid;gap:var(--space-2);padding:var(--space-4);border:thin solid var(--border);background:var(--surface);box-shadow:var(--shadow-float);font-size:var(--text-xs)}.zones-legend span:before{display:inline-block;width:20px;margin-right:var(--space-2);content:"■"}.night-key:before{color:var(--danger)}.school-key:before{color:var(--quiet)}.both-key:before{color:var(--heat-3)}.road-key:before{color:var(--accent);content:"•••"!important}.zone-detail{position:absolute;right:var(--space-5);bottom:var(--space-5);z-index:3;width:330px;padding:var(--space-5);border:thin solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-float)}.zone-detail h2{margin-bottom:var(--space-2)}.zone-detail>p{color:var(--text-muted);font-size:var(--text-sm)}.zone-detail dl{margin:var(--space-4) 0}.zone-detail dl div{display:flex;justify-content:space-between;min-height:30px}.zone-detail dt{color:var(--text-muted)}.zone-detail dd{margin:0;font-weight:700;text-align:right}.persona-details{margin-bottom:var(--space-4);padding-top:var(--space-3);border-top:thin solid var(--border);color:var(--text-muted);font-size:var(--text-xs);line-height:1.5}.persona-details p+p{margin-top:var(--space-2)}.zone-detail small{color:var(--text-muted);line-height:1.5}@media print{.zones-toolbar,.zones-legend,.toolbar-link{display:none}.zones-shell,.zones-map{min-width:0;background:#fff;color:#000}.zones-workspace{grid-template-columns:45% 55%;min-height:auto}}