:root{color:#17202b;background:radial-gradient(circle at top left,rgba(223,189,127,.2),transparent 32%),radial-gradient(circle at top right,rgba(125,164,194,.16),transparent 28%),linear-gradient(180deg,#f8f3eb,#efe7db 52%,#e8dece);font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}.app-shell{display:grid;grid-template-columns:clamp(220px,20vw,288px) minmax(420px,1fr) clamp(240px,22vw,320px);grid-template-areas:"left map right";gap:clamp(12px,1.5vw,24px);height:100dvh;min-height:100vh;padding:clamp(12px,1.5vw,24px)}.shell-panel{border:1px solid rgba(83,68,47,.12);border-radius:28px;background:#fffcf7c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #5e492c14}.left-rail{grid-area:left;display:flex;flex-direction:column;min-height:0;overflow:auto;padding:clamp(16px,1.8vw,28px)}.right-rail{grid-area:right;display:flex;flex-direction:column;min-height:0;overflow:auto;padding:clamp(16px,1.8vw,28px)}.map-stage{grid-area:map;display:flex;flex-direction:column;gap:10px;padding:10px;min-height:0}.slot-label{color:#403525bd;font-size:.82rem;font-weight:700;letter-spacing:.18em}.panel-stack{display:grid;gap:12px;margin-top:18px}.subway-strip{display:grid;gap:7px;margin-top:14px;padding:8px 0 10px;border-top:1px solid rgba(92,76,50,.08);border-bottom:1px solid rgba(92,76,50,.08)}.subway-strip-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.subway-strip-head strong{color:#22303d;font-size:.78rem;line-height:1;letter-spacing:.08em;text-transform:uppercase}.subway-master-toggle{display:inline-flex;align-items:center;gap:6px;color:#324150bd;font-size:.68rem;font-weight:700;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.subway-master-toggle input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.subway-master-toggle-track{position:relative;width:28px;height:16px;border-radius:999px;background:#6e7b843d;box-shadow:inset 0 0 0 1px #49535c1a;transition:background .14s ease,box-shadow .14s ease}.subway-master-toggle-track:after{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:999px;background:#fffaf2;box-shadow:0 1px 4px #2f3a4333;content:"";transition:transform .14s ease}.subway-master-toggle input[type=checkbox]:checked+.subway-master-toggle-track{background:#4d99c8ad;box-shadow:inset 0 0 0 1px #3680ae29}.subway-master-toggle input[type=checkbox]:checked+.subway-master-toggle-track:after{transform:translate(12px)}.subway-master-toggle input[type=checkbox]:disabled+.subway-master-toggle-track{opacity:.45}.info-card{display:grid;gap:8px;padding:16px 18px;border:1px solid rgba(92,76,50,.08);border-radius:18px;background:linear-gradient(180deg,#ffffffb8,#f7f1e8c2)}.info-label{color:#584a3494;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.info-card strong{color:#1d2732;font-size:.98rem;line-height:1.5}.subway-line-row{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;padding-bottom:0}.subway-line-chip{display:flex;align-items:center;justify-content:center;gap:6px;min-height:26px;padding:6px 7px;border:none;border-radius:10px;background:#fffbf56b;color:#324150d1;font-size:.72rem;font-weight:600;cursor:pointer;line-height:1;text-align:center}.subway-line-chip--compact{min-height:18px;padding:2px 6px;border-radius:999px;font-size:.64rem}.subway-line-chip--inline{flex:0 0 auto;min-width:auto;white-space:nowrap}.subway-line-chip.is-selected{background:#e8f3f9f5;color:#22303d;box-shadow:inset 0 0 0 1px #4d99c82e}.subway-line-chip input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.subway-line-dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto;box-shadow:0 0 0 1.5px #ffffffb3}.subway-line-chip--compact .subway-line-dot{width:6px;height:6px}.transit-status-panel{display:grid;gap:6px;margin-top:4px;padding-top:8px;border-top:1px solid rgba(92,76,50,.08)}.transit-status-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.transit-status-head strong{color:#22303d;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.transit-status-reset{min-height:22px;padding:0 8px;border:1px solid rgba(72,86,94,.16);border-radius:999px;background:#fffbf5a3;color:#324150b8;font:inherit;font-size:.66rem;font-weight:700;cursor:pointer}.transit-status-list{display:grid;gap:5px;counter-reset:transit-stage}.transit-status-chip{display:grid;position:relative;grid-template-columns:22px minmax(48px,max-content) minmax(0,1fr);align-items:center;gap:7px;min-height:28px;padding:5px 7px;border:1px solid rgba(72,86,94,.08);border-radius:8px;background:#fffbf570;color:#324150b3;cursor:pointer;counter-increment:transit-stage}.transit-status-chip input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.transit-status-chip:before{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#6e7b8429;color:#32415094;font-size:.58rem;font-weight:900;line-height:1;content:counter(transit-stage)}.transit-status-chip.is-selected{border-color:#307e9e3d;background:#ebf7f9e0;color:#22303d}.transit-status-chip.is-selected:before{background:#4d99c8b8;color:#fffaf2}.transit-status-chip--plan_review{opacity:.72}.transit-status-label{font-size:.7rem;font-weight:800;line-height:1.1;white-space:nowrap}.transit-status-official{overflow:hidden;color:#32415094;font-size:.62rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.map-frame{position:relative;flex:1 1 auto;width:100%;min-height:0;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#faf5ecf5,#f0e9ddfa),repeating-linear-gradient(0deg,rgba(141,124,100,.04),rgba(141,124,100,.04) 1px,transparent 1px,transparent 28px);box-shadow:inset 0 0 0 1px #73604514}.map-canvas{width:100%;height:100%}.adfit-anchor{flex:0 0 auto;display:grid;place-items:center;width:100%;min-height:var(--adfit-height)}.adfit-frame{display:grid;place-items:center;width:min(var(--adfit-width),calc(100vw - 24px));min-height:var(--adfit-height);overflow:hidden}.transit-legend{position:absolute;left:14px;bottom:14px;display:grid;gap:7px;min-width:132px;padding:10px 12px;border:1px solid rgba(83,68,47,.12);border-radius:8px;background:#fffcf7eb;box-shadow:0 12px 30px #5e492c1f;pointer-events:none}.transit-legend-item{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;color:#22303dd6;font-size:.68rem;font-weight:800;line-height:1;white-space:nowrap}.transit-legend-line{display:block;width:38px;height:0;border-top-color:#4d99c8;border-top-style:solid}.transit-legend-line--operating{border-top-width:4px;border-radius:999px}.transit-legend-line--opening-soon{border-top-width:3px;border-top-style:dotted;opacity:.72}.transit-legend-line--plan-review{border-top-width:2px;border-top-style:dotted;opacity:.34}.boundary-label{padding:4px 8px;border:1px solid rgba(81,67,49,.12);border-radius:999px;background:#fffcf6eb;color:#22303d;font-size:11px;font-weight:700;line-height:1;letter-spacing:.04em;white-space:nowrap;box-shadow:0 8px 24px #69523014;pointer-events:none}.boundary-label--seoul-gu{border-color:#728da947;color:#47627e;font-size:10px;font-weight:600;background:#fffcf6c2}.boundary-label--gyeonggi-sgg{border-color:#6c8f7c47;color:#466856;font-size:10px;font-weight:600;background:#fffcf6bd}.boundary-label--incheon-sgg{border-color:#8568ab47;color:#634a83;font-size:10px;font-weight:600;background:#fffcf6c2}.boundary-label--seoul-dong{padding:2px 4px;border-color:transparent;background:#fff8ee47;color:#815b2db3;font-size:9px;font-weight:600;box-shadow:none}.boundary-label--gyeonggi-dong{padding:2px 4px;border-color:transparent;background:#f9fdfa3d;color:#466856ad;font-size:9px;font-weight:600;box-shadow:none}.boundary-label--incheon-dong{padding:2px 4px;border-color:transparent;background:#fdf9ff3d;color:#634a83a8;font-size:9px;font-weight:600;box-shadow:none}.transit-popup{display:grid;gap:3px;min-width:120px;max-width:220px;color:#22303d}.transit-popup strong{font-size:.78rem;line-height:1.25}.transit-popup span{color:#1e697c;font-size:.68rem;font-weight:800;line-height:1.2}.transit-popup em{color:#32415094;font-size:.64rem;font-style:normal;font-weight:700;line-height:1.2}.transit-popup small{color:#324150a8;font-size:.64rem;font-weight:600;line-height:1.25}.maplibregl-popup-content{border:1px solid rgba(83,68,47,.12);border-radius:8px;background:#fffcf7f5;box-shadow:0 10px 28px #5e492c24}.maplibregl-ctrl-group{border:1px solid rgba(98,79,51,.08);border-radius:16px;overflow:hidden;background:#fffbf5f0;box-shadow:0 10px 30px #7b60371f}.maplibregl-ctrl-group button{width:36px;height:36px}.maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:none}@media(max-width:1180px){.app-shell{grid-template-columns:clamp(220px,28vw,300px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"left map" "right map"}.right-rail{max-height:36dvh}}@media(max-width:960px){.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(150px,22dvh) minmax(0,1fr) minmax(150px,22dvh);grid-template-areas:"left" "map" "right";height:auto;min-height:100dvh}.left-rail,.right-rail{padding:18px}.map-frame{min-height:48dvh}}