@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Noto Sans KR,sans-serif;color:#263a35;background:#efeee8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #263a35;--muted: #84918a;--line: #e5e2d8;--teal: #168775;--orange: #d8814b;--panel: rgba(251, 250, 245, .955);--shadow: 0 16px 46px rgba(49, 63, 56, .12), 0 2px 8px rgba(49, 63, 56, .055)}*{box-sizing:border-box}html,body,#map{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input,select{font:inherit}button{color:inherit}#map{position:fixed;inset:0;background:#e5e5df}.map-vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 55% 48%,transparent 62%,rgba(40,50,45,.065) 100%)}.map-topline{position:fixed;top:17px;left:50%;z-index:3;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(255,255,255,.76);border-radius:99px;background:#f9f8f2d6;box-shadow:0 3px 14px #36433c13;color:#56655e;font-size:11px;letter-spacing:.015em;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.live-dot{width:7px;height:7px;border-radius:99px;background:#168775;box-shadow:0 0 0 3px #1687751f}.top-separator{width:1px;height:12px;margin:0 2px;background:#d9ded5}.dashboard{position:fixed;inset:0;z-index:4;pointer-events:none}.panel{color:var(--ink);border:1px solid rgba(255,255,255,.92);border-radius:17px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(1.14);-webkit-backdrop-filter:blur(20px) saturate(1.14)}.insight-panel,.control-panel{position:absolute;top:56px;bottom:92px;overflow:auto;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#d2d8d0 transparent}.insight-panel{left:16px;width:342px;padding:17px 16px 13px}.control-panel{right:16px;width:274px;padding:16px 15px 13px}.panel-head{padding-bottom:15px;border-bottom:1px solid var(--line)}.brand-row{display:flex;align-items:center;gap:8px;color:#819087;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.brand-row b{color:#bdc5bd;font-family:DM Mono,monospace;font-weight:400}.brand-mark{display:inline-grid;width:20px;height:20px;place-items:center;border-radius:7px;background:#dcebe3;color:#187f71;font-size:11px;font-weight:800}.panel-collapse{margin-left:auto}h1{margin:11px 0 3px;color:#263933;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.065em}.subtitle{margin:0;color:#818d85;font-size:11px;letter-spacing:-.02em}.icon-button{display:grid;width:27px;height:27px;padding:0;place-items:center;border:1px solid #e7e7de;border-radius:8px;background:#fffefa;color:#67766e;font-size:17px;line-height:1;cursor:pointer}.icon-button:hover{border-color:#bdd4c9;color:var(--teal)}.kpi-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:7px;margin:11px 0 13px}.kpi{min-width:0;min-height:72px;padding:9px 8px 7px;border:1px solid #e8e7de;border-radius:11px;background:#fffffbc4}.kpi.primary{border-color:#d1e4d9;background:#edf5ef}.kpi-label{display:block;overflow:hidden;color:#859188;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.kpi strong{display:block;margin:3px 0 0;color:#293e37;font-family:DM Mono,monospace;font-size:26px;line-height:1.1;letter-spacing:-.07em}.kpi.primary strong{color:#087d70;font-size:28px}.kpi small{display:block;overflow:hidden;margin-top:3px;color:#95a099;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.panel-section{padding:0 0 13px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:9px}.eyebrow{color:#9ca69e;font-family:DM Mono,monospace;font-size:8px;font-weight:500;letter-spacing:.11em}.section-title h2,.selection-head h2{margin:3px 0 0;color:#34473f;font-size:16px;line-height:1.2;letter-spacing:-.035em}.small-muted{color:#929f96;font-size:10px;text-align:right}.region-list{display:flex;max-height:144px;flex-direction:column;gap:2px;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#d9ded7 transparent}.region-row{display:grid;grid-template-columns:105px 1fr 42px;align-items:center;gap:7px;min-height:23px;padding:3px 5px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.region-row:hover,.region-row.active{background:#edf3eb}.region-name{overflow:hidden;color:#697971;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.region-row b{color:#586b61;font-family:DM Mono,monospace;font-size:11px;font-weight:500;text-align:right}.region-bar{height:4px;overflow:hidden;border-radius:6px;background:#ecece4}.region-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#abd3bf,#238e7a)}.section-years{padding-top:2px;border-top:1px solid var(--line)}.year-chart{display:flex;height:78px;align-items:end;justify-content:space-between;gap:4px;padding:5px 1px 0}.year-bar-wrap{display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;justify-content:end;gap:3px;color:#96a198;font-family:DM Mono,monospace}.year-bar-wrap b{overflow:hidden;max-width:100%;color:#6b8076;font-size:9px;font-weight:400;text-overflow:clip}.year-bar-wrap i{display:block;width:min(14px,75%);min-height:3px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#5fba9f,#a8d5bf)}.year-bar-wrap:nth-child(2) i{background:linear-gradient(180deg,#e5a06d,#f0c39b)}.year-bar-wrap span{color:#a2aaa3;font-size:9px}.empty-chart{display:grid;height:100%;place-items:center;color:#a3aaa4;font-size:10px}.chart-note{margin-top:3px;color:#849188;font-size:10px;line-height:1.4}.source-stamp{display:flex;align-items:center;gap:6px;padding-top:9px;border-top:1px solid var(--line);color:#818e85;font-size:10px;white-space:nowrap}.source-stamp b{color:#c0c7c0;font-weight:400}.stamp-icon{display:grid;width:14px;height:14px;flex:0 0 auto;place-items:center;border-radius:50%;background:#e7eee6;color:#5c8a79;font-family:Georgia,serif;font-size:9px;font-weight:700}.text-button{margin-left:auto;padding:2px 0 2px 4px;border:0;background:transparent;color:#248c78;font-size:9px;cursor:pointer}.text-button:hover{color:#0c6458;text-decoration:underline}.control-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobile-controls-toggle{display:none}.panel-number{color:#c2c9c1;font-family:DM Mono,monospace;font-size:9px}.control-label{display:block;margin:12px 0 6px;color:#76867d;font-size:12px;font-weight:700}.select-control{width:100%;height:36px;padding:0 10px;border:1px solid #e2e4dc;border-radius:8px;outline:none;background:#fffffbe0;color:#42574d;font-size:12px}.select-control:focus,.search-control:focus-within{border-color:#82b9a8;box-shadow:0 0 0 3px #4497801a}.search-control{display:flex;align-items:center;gap:6px;height:34px;padding:0 7px 0 9px;border:1px solid #e2e4dc;border-radius:8px;background:#fffffbe0;color:#94a098}.search-control>span{color:#7b9285;font-size:18px;line-height:1;transform:rotate(-15deg)}.search-control input{min-width:0;flex:1;border:0;outline:none;background:transparent;color:#40544c;font-size:12px}.search-control input::placeholder{color:#b0b9b1}.search-control button{width:21px;height:21px;padding:0;border:0;border-radius:50%;background:transparent;color:#9ca79f;font-size:17px;cursor:pointer}.search-control button:hover{background:#eef1eb;color:#447e6e}.check-control{display:flex;align-items:center;gap:7px;margin-top:11px;color:#77867e;font-size:11px;cursor:pointer}.check-control input{position:absolute;opacity:0}.checkmark{display:grid;width:14px;height:14px;flex:0 0 auto;place-items:center;border:1px solid #cfd8cf;border-radius:4px;background:#fffefa}.check-control input:checked+.checkmark{border-color:#168775;background:#168775}.check-control input:checked+.checkmark:after{width:6px;height:3px;border-bottom:1.5px solid white;border-left:1.5px solid white;content:"";transform:translateY(-1px) rotate(-45deg)}.check-control input:focus-visible+.checkmark{outline:3px solid rgba(22,135,117,.2)}.control-divider{height:1px;margin:16px 0 13px;background:var(--line)}.layer-heading{margin-bottom:7px}.switch-row{display:flex;align-items:center;gap:8px;min-height:47px;border-bottom:1px solid #efeee7;cursor:pointer}.layer-symbol{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border-radius:7px;font-size:11px}.layer-symbol.points{background:#e4f0e7;color:#188b78}.layer-symbol.density{background:#e5efea;color:#518f7c;font-size:15px}.layer-symbol.buildings{background:#e8ece5;color:#6e8278;font-size:17px}.switch-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.switch-copy b{color:#5d7066;font-size:12px;font-weight:700}.switch-copy small{overflow:hidden;color:#87958c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.switch-row input{position:absolute;opacity:0}.switch{position:relative;width:27px;height:16px;flex:0 0 auto;border-radius:99px;background:#dce1d9;transition:.2s}.switch:after{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #73867b55;content:"";transition:.2s}.switch-row input:checked+.switch{background:#70b9a2}.switch-row input:checked+.switch:after{left:13px}.switch-row input:focus-visible+.switch{outline:3px solid rgba(22,135,117,.2)}.tilt-label{display:flex;justify-content:space-between;margin-bottom:6px;color:#829087;font-size:10px}.tilt-label b{color:#388e7c;font-family:DM Mono,monospace;font-size:10px;font-weight:500}input[type=range]{width:100%;height:4px;margin:5px 0;accent-color:#168775;cursor:pointer}.control-footer{margin-top:12px;padding-top:9px;border-top:1px solid var(--line)}.keyboard-hint{color:#849188;font-size:9px}.density-legend{display:flex;align-items:center;gap:5px;padding:8px 0 2px 31px;color:#98a49c}.density-legend small{font-size:7px}.density-chip{width:8px;height:8px;border-radius:2px;background:#9acfc1}.density-chip.high{margin-left:4px;background:#157d72}.density-scale{margin-left:auto;color:#71887b;font-size:7px}.bottom-dock{position:fixed;z-index:5;bottom:16px;left:50%;display:flex;align-items:center;gap:16px;min-height:60px;padding:8px 14px;transform:translate(-50%);pointer-events:auto;white-space:nowrap}.camera-group,.view-group{display:flex;align-items:center;gap:5px}.dock-label{margin-right:4px;color:#a0aaa3;font-family:DM Mono,monospace;font-size:7px;letter-spacing:.1em}.camera-button,.view-button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#75847b;font-size:10px;cursor:pointer;transition:.16s}.camera-button:hover,.view-button:hover{background:#f2f4ed;color:#328775}.camera-button.active,.view-button.active{border-color:#d2e6dc;background:#eaf4ec;color:#127a6d;font-weight:700}.camera-icon{color:#629c89;font-size:13px}.dock-divider{width:1px;height:31px;background:#e4e4da}.dock-note{display:flex;align-items:center;gap:5px;margin-left:2px;color:#929d95;font-size:8px}.teal-key,.orange-key{width:7px;height:7px;border-radius:50%;background:#198c7b}.orange-key{margin-left:7px;background:#dc8c58}.selection-card{position:fixed;z-index:6;right:291px;bottom:93px;width:350px;max-height:44vh;overflow:hidden;padding:13px;pointer-events:auto}.selection-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:8px}.selection-head h2{font-size:13px}.selection-head h2 b{margin-left:4px;color:#168775;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.selection-list{display:flex;max-height:calc(44vh - 90px);flex-direction:column;gap:4px;overflow:auto}.selected-row{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:8px;padding:8px 7px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.selected-row:hover,.selected-row.selected{border-color:#d9e9dd;background:#edf5ed}.selected-pin{width:7px;height:7px;border-radius:50%;background:#168775;box-shadow:0 0 0 3px #cde5d9}.selected-row>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}.selected-row b{overflow:hidden;color:#42574e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.selected-row small{overflow:hidden;color:#929f96;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.selected-row em{max-width:90px;color:#829187;font-size:7px;font-style:normal;text-align:right}.selection-foot{padding-top:7px;color:#a3ada4;font-size:7px}.hidden{display:none!important}.toast{position:fixed;z-index:9;bottom:90px;left:50%;padding:9px 13px;transform:translate(-50%,10px);border:1px solid rgba(255,255,255,.8);border-radius:9px;background:#364e45;box-shadow:var(--shadow);color:#fff9ef;font-size:10px;opacity:0;pointer-events:none;transition:.2s}.toast.visible{transform:translate(-50%);opacity:1}.load-error{position:fixed;z-index:10;top:50%;left:50%;display:flex;width:min(340px,calc(100vw - 28px));flex-direction:column;gap:10px;padding:18px;transform:translate(-50%,-50%);pointer-events:auto}.load-error.hidden{display:none!important}.load-error strong{color:#3b5147;font-size:13px}.load-error span{color:#7f8d84;font-size:10px;line-height:1.5}.load-error button{align-self:flex-start;padding:7px 11px;border:1px solid #d6e6d9;border-radius:7px;background:#eaf4ec;color:#167c6d;font-size:9px;cursor:pointer}.maplibregl-ctrl-bottom-right{right:11px!important;bottom:82px!important}.maplibregl-ctrl-bottom-left{left:350px!important;bottom:4px!important}.maplibregl-ctrl-group{overflow:hidden;border:1px solid #fff!important;border-radius:9px!important;background:#faf9f3f0!important;box-shadow:0 4px 14px #313f3821!important}.maplibregl-ctrl-group button{width:30px!important;height:30px!important}.maplibregl-ctrl-attrib{background:#faf9f3d1!important;color:#79867e!important;font-size:8px!important}.maplibregl-ctrl-attrib a{color:#56776b!important}.about-dialog{position:relative;width:min(500px,calc(100vw - 28px));max-width:unset;padding:26px;border:1px solid rgba(255,255,255,.95);border-radius:17px;background:#fbfaf5;color:var(--ink);box-shadow:0 24px 80px #27372f3d}.about-dialog::backdrop{background:#2b363045;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:14px;right:15px;display:grid;width:29px;height:29px;place-items:center;border:1px solid #e7e6dd;border-radius:8px;background:#fff;color:#738178;font-size:18px;cursor:pointer}.about-dialog h2{margin:7px 0 14px;font-size:21px;letter-spacing:-.06em}.about-copy{color:#74837a;font-size:11px;line-height:1.75}.about-copy p{margin:0 0 9px}.about-copy b{color:#3c554b}.about-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.about-links a{padding:7px 9px;border:1px solid #dfe8dc;border-radius:7px;color:#267f6d;font-size:9px;text-decoration:none}.about-links a:hover{background:#edf5ed}.about-attribution{margin-top:17px;padding-top:11px;border-top:1px solid var(--line);color:#96a199;font-size:8px}body.left-collapsed .insight-panel{display:none}body.left-collapsed .maplibregl-ctrl-bottom-left{left:8px!important}.restore-insights{position:fixed;z-index:8;top:58px;left:16px;display:none;align-items:center;gap:10px;min-height:39px;padding:0 13px;border:1px solid rgba(255,255,255,.96);border-radius:11px;background:var(--panel);box-shadow:var(--shadow);color:#5c7468;font-size:11px;font-weight:700;cursor:pointer;pointer-events:auto}.restore-insights span{color:#188775;font-size:18px}.restore-insights:hover{background:#edf5ed}body.left-collapsed .restore-insights{display:inline-flex}@media(max-width:1100px){.insight-panel{width:320px;left:12px;padding-right:14px;padding-left:14px}.control-panel{width:250px;right:12px}.selection-card{right:275px}.dock-note{display:none}}@media(max-width:760px){.map-topline{top:9px;max-width:calc(100vw - 20px);overflow:hidden;font-size:9px}.insight-panel{top:42px;bottom:auto;left:8px;width:min(330px,calc(100vw - 16px));max-height:35vh;padding:12px;border-radius:13px}.control-panel{inset:214px 8px auto;display:block;width:auto;max-height:42px;padding:5px 8px;overflow:hidden;border-radius:11px}.mobile-controls-toggle{display:flex;width:100%;min-height:30px;align-items:center;justify-content:space-between;padding:0 4px;border:0;background:transparent;color:#63786d;font-size:11px;font-weight:700;cursor:pointer}.mobile-controls-toggle span{color:#1b8575;font-size:16px}.control-panel.mobile-collapsed>:not(.mobile-controls-toggle){display:none!important}.control-panel.mobile-expanded{top:214px;display:grid;max-height:190px;grid-template-columns:1fr 1fr;gap:4px 8px;padding:9px;overflow:auto}body.mobile-insights-open .control-panel.mobile-expanded{top:calc(48px + 35vh)}.control-panel.mobile-expanded .control-heading,.control-panel.mobile-expanded .layer-heading,.control-panel.mobile-expanded .control-footer,.control-panel.mobile-expanded .tilt-control,.control-panel.mobile-expanded .control-divider{display:none!important}.control-panel.mobile-expanded .control-label{display:block;margin:0 0 3px;font-size:10px}.control-panel.mobile-expanded .select-control,.control-panel.mobile-expanded .search-control{display:flex;height:30px;font-size:10px}.control-panel.mobile-expanded .select-control{display:block}.control-panel.mobile-expanded .check-control{display:flex;margin:0;grid-column:1 / -1;font-size:10px}.control-panel.mobile-expanded .switch-row{display:flex;min-height:30px;justify-content:start;gap:5px;border:0}.control-panel.mobile-expanded .switch-row .layer-symbol{width:22px;height:22px}.control-panel.mobile-expanded .switch-copy b{font-size:10px}.control-panel.mobile-expanded .switch-copy small{display:none}.control-panel.mobile-expanded .switch-row input{position:absolute;display:block;opacity:0}.control-panel.mobile-expanded .switch{display:block;width:23px;height:14px}.control-panel.mobile-expanded .switch:after{width:10px;height:10px}.control-panel.mobile-expanded .switch-row input:checked+.switch:after{left:11px}.control-panel.mobile-expanded .mobile-controls-toggle{position:sticky;top:-9px;z-index:3;display:flex;grid-column:1 / -1;width:calc(100% + 18px);min-height:32px;margin:-9px -9px 1px;padding:0 12px;border-bottom:1px solid var(--line);background:#fbfaf5fa}.density-legend{display:none!important}.panel-head{padding-bottom:9px}h1{margin-top:7px;font-size:19px}.subtitle{font-size:9px}.kpi-grid{gap:4px;margin:8px 0 10px}.kpi{min-height:53px;padding:6px}.kpi-label{font-size:9px}.kpi strong,.kpi.primary strong{font-size:20px}.kpi small{display:none}.section-title{margin-bottom:5px}.section-title h2{font-size:13px}.small-muted{font-size:8px}.region-list{display:grid;max-height:84px;grid-template-columns:1fr 1fr;gap:1px 5px}.region-row{grid-template-columns:66px 1fr 31px;min-height:20px;gap:4px;padding:1px 2px}.region-name,.region-row b{font-size:8px}.region-bar{height:3px}.section-years{display:none}.source-stamp{padding-top:7px;font-size:8px}.stamp-icon{width:12px;height:12px}.bottom-dock{bottom:8px;width:calc(100vw - 16px);min-height:52px;justify-content:center;gap:7px;padding:5px;border-radius:13px}.dock-label{display:none}.camera-group,.view-group{gap:2px}.camera-button,.view-button{min-height:34px;gap:3px;padding:0 7px;font-size:9px}.camera-icon{font-size:10px}.dock-divider{height:25px}.maplibregl-ctrl-bottom-left{left:8px!important;bottom:64px!important}.maplibregl-ctrl-bottom-right{right:8px!important;bottom:66px!important}.selection-card{right:8px;bottom:69px;width:min(310px,calc(100vw - 16px));max-height:31vh;padding:10px}.selection-list{max-height:calc(31vh - 82px)}.toast{bottom:68px}body.mobile-summary .insight-panel{max-height:166px;overflow:hidden}body.mobile-summary .insight-panel .subtitle,body.mobile-summary .insight-panel .section-regions,body.mobile-summary .insight-panel .section-years,body.mobile-summary .insight-panel .source-stamp{display:none}body.mobile-summary .insight-panel .panel-head{position:relative;padding-bottom:8px;border-bottom:0}body.mobile-summary .insight-panel .kpi-grid{margin:8px 0 0}body.mobile-insights-open .insight-panel{max-height:35vh;overflow:auto}body.mobile-insights-open .insight-panel .panel-head{position:sticky;top:-12px;z-index:2;margin:-12px -12px 0;padding:12px 12px 8px;background:#fbfaf5f7}.panel-collapse{width:auto;min-width:68px;padding:0 6px;font-size:9px}.restore-insights{top:8px;left:auto;right:8px;min-height:32px;padding:0 9px;font-size:9px}body.left-collapsed .restore-insights{display:none}}@media(max-width:390px){.insight-panel{max-height:33vh}.brand-row{font-size:8px}.kpi-grid{grid-template-columns:repeat(3,1fr)}.region-list{max-height:54px}.camera-button,.view-button{padding:0 5px;font-size:8px}.camera-icon{display:none}}.atlas-home{margin-right:8px;color:#40524c;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.atlas-home:hover{color:#087f71}