:root{--navy:#081b2c;--ink:#142433;--muted:#6d7d89;--line:#dce5e8;--bg:#eef3f3;--blue:#1876e8;--green:#11a878;--amber:#ef9b22;--red:#e94a51}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif;background:var(--bg)}button,input{font:inherit}.app-shell{min-height:100vh}.topbar{height:70px;background:#fff;display:flex;align-items:center;padding:0 22px;gap:28px;border-bottom:1px solid #e4eaed;position:relative;z-index:4}.brand{font-weight:900;letter-spacing:-1px;color:#0c2536;text-decoration:none;font-size:18px;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:linear-gradient(135deg,#17b9ca,#1670e8);color:white;margin-right:8px;font-size:19px}.brand-accent{color:#1685e7}.location-search{height:42px;max-width:460px;flex:1;display:flex;align-items:center;gap:9px;border:1px solid #d6e0e4;border-radius:10px;padding-left:13px;background:#f9fbfc;color:#6b7a84}.location-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:#273b49;font-size:14px}.location-search button{border:0;height:34px;margin-right:4px;border-radius:8px;background:#1876e8;color:white;font-size:13px;font-weight:700;padding:0 15px;cursor:pointer}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-button,.profile-button{border:0;background:#f0f4f6;color:#355165;cursor:pointer}.icon-button{width:34px;height:34px;border-radius:50%;font-size:19px}.profile-button{width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:800;background:#d6edf0;color:#117076}.status-strip{height:38px;background:var(--navy);display:flex;align-items:center;padding:0 24px;gap:8px;color:#aabac5;font-size:11px;position:relative;z-index:3}.status-strip strong{color:#e9f8ff;font-size:10px;letter-spacing:.8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#18d595;box-shadow:0 0 0 4px rgba(24,213,149,.15)}.status-spacer{flex:1}.demo-badge{border:1px solid rgba(255,183,77,.5);background:rgba(255,183,77,.12);border-radius:4px;padding:3px 6px;color:#ffc36d;font-weight:800;font-size:9px;letter-spacing:.5px}.update-label{color:#6f8797}.workspace{display:grid;grid-template-columns:310px minmax(450px,1fr) 335px;height:calc(100vh - 108px);min-height:650px}.sidebar,.insights{background:#f8fafb;overflow:auto;padding:16px;border-right:1px solid var(--line)}.insights{border-right:0;border-left:1px solid var(--line);background:#fff}.panel,.metric-card{background:white;border:1px solid #dde6e9;border-radius:13px;padding:15px;box-shadow:0 2px 7px rgba(19,49,65,.03);margin-bottom:13px}.eyebrow{font-size:10px;color:#7d919c;font-weight:800;letter-spacing:.8px}.title-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.title-row h1{font-size:21px;letter-spacing:-1px;margin:0}.bookmark{font-size:22px;color:#8fa0ab}.coords{font-size:11px;color:#81909a;margin:4px 0 14px}.decision{border-radius:9px;padding:10px;display:flex;align-items:center;gap:9px}.decision.caution{background:#fff5e7;color:#92520b}.decision-icon{display:grid;place-items:center;width:23px;height:23px;background:#f3a429;color:#fff;border-radius:50%;font-weight:900}.decision strong,.decision small{display:block}.decision strong{font-size:12px}.decision small{font-size:10px;margin-top:2px;color:#a06f39}.primary-button{border:0;border-radius:9px;width:100%;padding:11px 12px;margin-top:12px;background:#1477e9;color:white;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 4px 10px rgba(20,119,233,.2)}.primary-button span{float:right;font-size:16px;line-height:11px}.panel-heading,.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-heading h2,.card-top h2{margin:0;font-size:14px;letter-spacing:-.5px}.panel-heading button,.more-button{border:0;background:none;color:#4786b2;font-size:11px;cursor:pointer}.layer-row{display:grid;grid-template-columns:15px 12px 1fr auto;align-items:center;gap:8px;padding:9px 0;font-size:12px;color:#435461;cursor:pointer;border-bottom:1px solid #eef2f3}.layer-row:last-child{border-bottom:0}.layer-row input{accent-color:#1777e9}.layer-swatch{width:10px;height:10px;border-radius:50%}.red{background:var(--red)}.amber{background:#f3ad21}.blue{background:#358ce9}.green{background:#28a667}.layer-row small{font-size:10px;color:#91a0a8}.notam-card{display:flex;gap:9px;padding:10px 0;border-top:1px solid #edf1f3}.notam-card.active{border-top:0;padding-top:3px}.notam-type{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;flex:none;background:#fce3e4;color:#d84248;font-size:10px;font-weight:900}.notam-type.orange{background:#fff0db;color:#d77b12}.notam-card strong{font-size:11px;display:block}.notam-card p,.notam-card small{margin:3px 0 0;color:#7b8b95;font-size:9px}.map-area{overflow:hidden;position:relative;background:#dcebe0;isolation:isolate}.map-grid{position:absolute;inset:0;opacity:.65;background-image:linear-gradient(30deg,transparent 49.4%,#c8d8c9 49.5%,#c8d8c9 50.5%,transparent 50.6%),linear-gradient(150deg,transparent 49.4%,#c8d8c9 49.5%,#c8d8c9 50.5%,transparent 50.6%);background-size:70px 90px;transform:scale(1.3)}.water{position:absolute;background:#9fd7e4;filter:drop-shadow(0 0 1px #70b9c9);z-index:-1}.water-one{height:125%;width:63px;left:46%;top:-14%;transform:rotate(36deg);border-radius:50%}.water-two{height:62%;width:25px;right:8%;bottom:-15%;transform:rotate(-34deg);border-radius:50%}.district{position:absolute;color:#718d7d;font-size:13px;font-weight:700;letter-spacing:-.5px}.d1{top:24%;left:44%}.d2{top:47%;left:53%}.d3{top:68%;left:42%}.d4{top:38%;right:19%}.d5{top:47%;left:14%}.road{position:absolute;height:7px;border-radius:8px;background:#fff7cb;box-shadow:0 0 0 1px #dfc95e;transform-origin:left}.r1{width:90%;left:-2%;top:54%;transform:rotate(-10deg)}.r2{width:73%;left:5%;top:21%;transform:rotate(40deg)}.r3{width:56%;left:35%;top:72%;transform:rotate(-54deg)}.r4{width:43%;left:52%;top:11%;transform:rotate(76deg)}.r5{width:45%;left:6%;top:83%;transform:rotate(-39deg)}.rail{position:absolute;border-top:3px dashed #9072ca;width:95%;transform:rotate(13deg);opacity:.8}.rail-one{left:5%;top:41%}.rail-two{left:11%;top:64%;transform:rotate(-31deg)}.restricted-zone{position:absolute;border:2px solid rgba(230,65,71,.75);background:rgba(231,74,81,.24);border-radius:50%;z-index:1;transition:opacity .2s}.restricted-zone span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;color:#a32e34;font-size:11px;font-weight:800;text-shadow:0 1px #fbd2d3}.zone-one{width:250px;height:250px;left:35%;top:33%}.zone-two{width:115px;height:115px;left:70%;top:60%}.notam-zone{position:absolute;border:2px dashed #eea324;background:rgba(255,191,64,.18);border-radius:50%;z-index:2;transition:opacity .2s}.nzone-one{width:330px;height:330px;left:26%;top:25%}.nzone-two{width:165px;height:165px;left:5%;top:50%}.weather-station{position:absolute;display:flex;align-items:center;gap:5px;color:#2673a7;font-size:10px;font-weight:800;z-index:2;transition:opacity .2s}.weather-station i{width:23px;height:23px;border-radius:50%;border:2px solid #5da5de;background:#e3f3ff;box-shadow:0 0 0 4px rgba(104,179,237,.2)}.station-one{top:19%;left:18%}.station-two{right:15%;top:43%}.location-pin{position:absolute;left:50%;top:52%;border:0;width:30px;height:30px;background:#1679e8;border:4px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 3px 9px #21536f;z-index:5;cursor:pointer}.pin-core{position:absolute;inset:7px;border-radius:50%;background:white}.pin-pulse{position:absolute;width:45px;height:45px;border:2px solid #1679e8;left:-12px;top:-12px;border-radius:50%;animation:pulse 2s infinite}.location-pin.is-active{animation:bounce .7s}.map-card{position:absolute;left:calc(50% + 24px);top:46%;padding:10px 13px;background:white;border-radius:8px;box-shadow:0 5px 16px rgba(22,55,73,.18);z-index:6;min-width:151px}.map-card:before{content:"";position:absolute;left:-6px;bottom:9px;border:6px solid transparent;border-right-color:white}.map-card span,.map-card small{display:block;font-size:9px;color:#82929b}.map-card strong{display:block;font-size:12px;margin:3px 0;color:#183449}.map-controls{position:absolute;right:17px;top:17px;display:flex;flex-direction:column;z-index:6;box-shadow:0 2px 8px #7894a066;border-radius:8px;overflow:hidden}.map-controls button{width:34px;height:34px;border:0;border-bottom:1px solid #e6edef;background:#fff;font-size:19px;color:#365669;cursor:pointer}.map-controls button:last-child{border-bottom:0;font-size:17px}.map-scale{position:absolute;bottom:23px;left:16px;font-size:9px;color:#2b4d56;font-weight:700;z-index:3}.map-scale span{display:block;width:72px;border-top:3px solid #233f48;margin-bottom:3px}.map-attribution{position:absolute;bottom:9px;left:16px;font-size:8px;color:#5c7b82;z-index:3}.map-legend{position:absolute;bottom:22px;right:15px;padding:7px 9px;background:#ffffffe8;border-radius:7px;font-size:9px;display:flex;gap:9px;z-index:3}.map-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:3px}.legend-red{background:#e94950}.legend-amber{background:#eea424}.legend-blue{background:#4698e8}.metric-card{padding:16px}.weather-main{display:flex;align-items:center;gap:10px;margin:9px 0 15px}.weather-icon{font-size:32px;color:#f8af2d}.weather-main>strong{font-size:32px;letter-spacing:-2px}.weather-main div{border-left:1px solid #e4ebed;padding-left:10px}.weather-main b,.weather-main span{display:block;font-size:11px}.weather-main span{color:#7f909b;font-size:10px;margin-top:3px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #edf1f2;border-left:1px solid #edf1f2}.metric-grid div{padding:8px;border-right:1px solid #edf1f2;border-bottom:1px solid #edf1f2}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{font-size:9px;color:#81919b}.metric-grid strong{font-size:13px;margin-top:3px}.metric-grid small{font-size:9px;color:#778893}.forecast{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center;margin-top:12px}.forecast span{font-size:8px;color:#84939b}.forecast b{font-size:15px;color:#8196aa}.forecast strong{font-size:10px}.kp-status{border-radius:4px;padding:4px 6px;background:#e7f8ef;color:#178052;font-size:9px;font-weight:800}.kp-main{display:flex;align-items:stretch;margin:11px 0}.kp-main>div:first-child{width:39%;border-right:1px solid #ebeff1}.kp-main span,.kp-main small{display:block;color:#81929c;font-size:9px}.kp-main strong{font-size:37px;line-height:39px;letter-spacing:-2px;color:#167d57}.kp-main strong span{font-size:21px;display:inline;color:#50ab85}.kp-main small{color:#168059;font-weight:800}.kp-chart{height:76px;flex:1;padding:6px 0 0 14px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #d9e3e4}.kp-chart i{background:#a8d9c6;border-radius:3px 3px 0 0;flex:1}.kp-chart i.current{background:#1ba879}.source-note{margin:0;border-top:1px solid #e9eff0;padding-top:10px;font-size:10px;line-height:1.45;color:#73858f}.checklist-card label{display:block;padding:8px 0;border-top:1px solid #edf1f3;color:#52636e;font-size:11px}.checklist-card input{vertical-align:-2px;margin-right:6px;accent-color:#16835a}.progress{font-size:10px;color:#16835a;font-weight:800}.mobile-dock{display:none}dialog{border:0;border-radius:15px;width:min(390px,calc(100vw - 36px));padding:28px;box-shadow:0 20px 80px rgba(0,0,0,.32);text-align:center;color:#284150}.dialog-icon{width:42px;height:42px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#dff5eb;color:#138155;font-size:21px;font-weight:900}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:transparent;font-size:23px;cursor:pointer;color:#789}.dialog-icon+h2{font-size:19px;margin:15px 0 8px}.dialog-icon+h2+p{font-size:12px;line-height:1.6;color:#6a7d88;margin:0}dialog::backdrop{background:rgba(4,22,34,.45)}.is-hidden{opacity:0;pointer-events:none}@keyframes pulse{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.6);opacity:0}}@keyframes bounce{50%{margin-top:-14px}}
@media(max-width:1100px){.workspace{grid-template-columns:290px 1fr}.insights{position:absolute;right:15px;top:123px;width:310px;max-height:calc(100vh - 140px);z-index:8;border-radius:13px;box-shadow:0 8px 24px #17364b22}.map-legend{bottom:23px;right:335px}}
@media(max-width:760px){body{padding-bottom:62px}.topbar{height:59px;padding:0 14px;gap:10px}.brand{font-size:15px}.brand-mark{width:25px;height:25px;margin-right:4px}.location-search{height:37px;order:3;position:absolute;left:12px;right:12px;top:68px;z-index:8;max-width:none;background:white;box-shadow:0 3px 12px #274b5b22}.top-actions{gap:5px}.icon-button{display:none}.status-strip{height:31px;padding:0 13px;font-size:9px}.status-strip strong{font-size:8px}.status-strip .update-label{display:none}.workspace{display:block;height:calc(100vh - 90px);min-height:580px}.map-area{height:100%;min-height:580px}.sidebar{position:absolute;top:117px;left:11px;right:11px;z-index:9;padding:0;background:transparent;border:0;overflow:visible}.sidebar .layers-panel,.sidebar .notam-panel{display:none}.flight-summary{padding:12px;margin:0;max-width:none;border-radius:11px;box-shadow:0 6px 20px #1b415132}.flight-summary .eyebrow,.flight-summary .coords,.flight-summary .primary-button{display:none}.title-row h1{font-size:16px}.decision{margin-top:7px;padding:7px}.decision small{font-size:9px}.map-card{top:54%;left:calc(50% + 14px)}.insights{top:auto;bottom:74px;left:10px;right:10px;width:auto;max-height:138px;overflow:hidden;padding:0;border:0;border-radius:12px;box-shadow:0 5px 23px #183d4d33}.metric-card{margin:0;border:0;border-radius:0;display:none}.weather-card{display:block;padding:11px}.weather-card .eyebrow,.weather-card .more-button,.weather-card .forecast{display:none}.weather-card h2{font-size:12px}.weather-main{position:absolute;right:12px;top:14px;margin:0}.weather-main .weather-icon{font-size:23px}.weather-main>strong{font-size:24px}.weather-main div{display:none}.metric-grid{margin-top:10px;grid-template-columns:repeat(4,1fr);border:0}.metric-grid div{padding:4px;border:0}.metric-grid strong{font-size:11px}.map-controls{top:190px;right:12px}.map-legend{right:12px;bottom:160px}.map-attribution,.map-scale{bottom:149px}.mobile-dock{height:62px;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;box-shadow:0 -2px 14px #142f3f15;display:flex;justify-content:space-around;padding-top:8px}.mobile-dock button{border:0;background:transparent;color:#8899a4;font-size:17px;display:flex;flex-direction:column;align-items:center;gap:2px}.mobile-dock span{font-size:9px}.mobile-dock .active{color:#1477e9}.district{font-size:10px}.zone-one{width:210px;height:210px;left:22%;top:38%}.nzone-one{width:285px;height:285px;left:10%;top:32%}}

/* Replaces the visual placeholder with NAVER Maps after a valid Client ID is set. */
#naver-map{z-index:10}
#naver-map{position:absolute !important;inset:0;width:100%;height:100%;z-index:0}.map-api-notice{position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:9;text-align:center;border:1px solid #b9d5eb;background:#f5fbffef;border-radius:8px;padding:7px 12px;color:#3d718e;font-size:10px;line-height:1.45;box-shadow:0 3px 12px #23475b1c}.naver-map-ready .map-grid,.naver-map-ready .water,.naver-map-ready .district,.naver-map-ready .road,.naver-map-ready .rail,.naver-map-ready .map-scale,.naver-map-ready .map-attribution{display:none}

/* Keep the base map above the stage background; overlays receive higher z-index values below. */
#naver-map{z-index:10}
.restricted-zone{z-index:20}.notam-zone,.weather-station{z-index:21}.map-scale,.map-attribution,.map-legend{z-index:22}.location-pin{z-index:23}.map-card,.map-controls{z-index:24}.map-api-notice{z-index:25}

/* Native NAVER map overlays replace screen-fixed demo shapes when the map is available. */
.naver-map-ready .restricted-zone,.naver-map-ready .notam-zone,.naver-map-ready .weather-station,.naver-map-ready .location-pin,.naver-map-ready .map-card{display:none}.naver-airspace-label{display:block;transform:translate(-50%,-50%);padding:4px 7px;border-radius:5px;background:#fffdf0e8;color:#9b6710;font:800 11px/1 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif;white-space:nowrap;box-shadow:0 1px 4px #182d3c35}.naver-airspace-label.restricted{background:#fff4f4e8;color:#b02f36}.naver-weather-label{display:flex;align-items:center;gap:5px;transform:translate(-50%,-50%);color:#176b9d;font:800 11px/1 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif;white-space:nowrap}.naver-weather-label i{width:22px;height:22px;border:2px solid #5da5de;border-radius:50%;background:#e3f3ff;box-shadow:0 0 0 4px rgba(104,179,237,.2)}