:root{color-scheme:dark;--bg:#080a0f;--panel:#0e1118;--panel2:#161a23;--bubble:#29282e;--text:#f5f3f9;--muted:#9898a4;--line:#343743;--purple:#5b548d;--purple2:#8477dd;--green:#10a643;--yellow:#ffd34d;--danger:#ef4d62;--chat-size:16px;--map-height:44vh}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05070a;color:var(--text);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif}button,input,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.desktop-only{display:initial}.app{width:min(100%,1040px);height:100dvh;margin:auto;background:var(--bg);display:grid;grid-template-rows:88px var(--map-height) 20px minmax(0,1fr) 88px;overflow:hidden;border-inline:1px solid #171a22}.header{display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#090b10;border-bottom:1px solid #171a22;z-index:7}.brand{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.brand img{width:46px;height:46px;border-radius:13px}.brand span{display:grid;gap:3px}.brand strong{font-size:20px;letter-spacing:.13em}.brand small{font-size:13px;color:#91929d}.header-actions{display:flex;gap:5px}.icon-button,.menu-button{width:48px;height:48px;border:0;background:transparent;color:white;cursor:pointer}.icon-button{font-size:25px}.menu-button{display:grid;align-content:center;gap:6px;padding:11px}.menu-button i{height:3px;border-radius:3px;background:#d7d6de}.map-panel{min-height:260px;background:#10131a;display:grid;grid-template-rows:92px 1fr;overflow:hidden}.map-titlebar{display:flex;align-items:center;justify-content:space-between;padding:14px 27px}.map-copy{min-width:0}.map-copy h1{margin:0 0 4px;font-size:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-copy p{margin:0;color:#aaaab4;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-tools{display:flex;gap:4px}.map-tool{width:49px;height:49px;border:0;background:transparent;color:#d9d7e2;cursor:pointer}.route-cancel{font-size:42px;font-weight:200}.locate{position:relative}.locate:before,.locate:after,.locate span{content:"";position:absolute;inset:9px;border:3px solid #d3d2dc;border-radius:50%}.locate:after{inset:19px;background:#d3d2dc;border:0}.locate span:before,.locate span:after{content:"";position:absolute;background:#d3d2dc}.locate span:before{width:3px;height:41px;left:12px;top:-8px}.locate span:after{width:41px;height:3px;left:-8px;top:12px}.map-viewport{position:relative;min-height:0;overflow:hidden;background:#f8f8f5;touch-action:none;cursor:grab}.map-viewport.dragging{cursor:grabbing}.map-viewport svg{display:block;width:100%;height:100%;min-height:220px}.network-path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:5;opacity:.27}.network-path.route-dim{opacity:.09}.station-node{fill:#fff;stroke:#70747b;stroke-width:1.4;cursor:pointer}.station-node.transfer{stroke-width:2.4}.station-node:hover,.station-node:focus{fill:#fff4bf;stroke:#6f5200}.station-label{font-size:7px;fill:#303238;paint-order:stroke;stroke:#fff;stroke-width:2.2;stroke-linejoin:round;pointer-events:none;font-weight:700}.route-segment{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:8}.route-halo{fill:none;stroke:#ffe07b;stroke-width:18;stroke-linecap:round;opacity:.22}.route-node{fill:#ffd34d;stroke:#855900;stroke-width:3}.route-node.origin{fill:#ff4f43}.current-node{fill:#8677e1;stroke:#fff;stroke-width:3}.current-halo{fill:#8677e1;opacity:.17}.place-node{fill:#6257bc;stroke:#fff;stroke-width:2}.place-label{font-size:8px;fill:#24252b;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:2}.map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#f6f6f3;color:#303238}.map-loading[hidden]{display:none}.map-loading span{width:22px;height:22px;border:3px solid #ddd;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.map-source{position:absolute;left:14px;bottom:9px;color:#85898d;font-size:10px;pointer-events:none}.map-status{position:absolute;right:12px;top:10px;display:flex;gap:7px;align-items:center;padding:7px 10px;border-radius:20px;background:#11151ddd;color:#d7dae0;font-size:10px}.map-status span,.service-dot{width:8px;height:8px;border-radius:50%;background:#25cc7d;box-shadow:0 0 0 4px #25cc7d22}.map-status.offline span{background:#ef4d62;box-shadow:0 0 0 4px #ef4d6222}.map-legend{position:absolute;left:14px;top:10px;display:flex;align-items:center;gap:5px;color:#575b61;font-size:10px;background:#ffffffd9;border-radius:14px;padding:6px 9px}.legend-current,.legend-route{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8677e1}.legend-route{background:#ffd34d;margin-left:7px}.station-popover{position:absolute;z-index:9;width:220px;padding:15px;background:#11151ef2;border:1px solid #3a3e4a;border-radius:17px;box-shadow:0 12px 40px #0008}.station-popover[hidden]{display:none}.station-popover strong{display:block;font-size:17px}.station-popover small{display:block;color:#989ba5;margin:3px 24px 12px 0}.popover-close{position:absolute;right:8px;top:6px;background:transparent;border:0;color:white;font-size:24px}.popover-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.popover-actions button,.board-link{border:1px solid #414652;background:#202530;color:white;border-radius:10px;padding:8px 4px;cursor:pointer}.popover-actions button.active{background:#655a9f;border-color:#8c7ee5}.board-link{width:100%;margin-top:7px;color:#c8c5da;background:transparent}.resize-handle{z-index:8;align-self:center;justify-self:center;width:72px;height:20px;border:0;border-radius:13px;background:#1689df;box-shadow:0 0 0 2px #6db7f7 inset;cursor:ns-resize}.resize-handle span{display:block;width:28px;height:2px;background:white;margin:auto;box-shadow:0 4px 0 #fff}.conversation{min-height:0;overflow:hidden;background:var(--bg)}.messages{height:100%;overflow:auto;padding:10px 25px 26px;scroll-behavior:smooth;overscroll-behavior:contain}.message{margin:13px 0;display:grid;align-items:start}.message>b{font-size:12px;letter-spacing:.09em;color:#c0bfc8;margin:0 0 7px}.bubble{width:fit-content;max-width:84%;padding:15px 18px;border-radius:25px 25px 25px 7px;background:var(--bubble);line-height:1.55;font-size:var(--chat-size);white-space:pre-wrap}.message time{color:#767580;font-size:10px;margin-top:4px}.message.user{justify-items:end}.message.user>b{display:none}.message.user .bubble{background:#554c8c;border-radius:25px 25px 7px 25px}.message.user time{text-align:right}.message.error .bubble{background:#8f1423}.message.notice .bubble{border-left:4px solid var(--green)}.message.system .bubble{background:#141922;border:1px solid #333a47;color:#c7cad2}.message-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.message.user .message-actions{justify-content:flex-end}.message-actions:empty{display:none}.message-actions button{border:1px solid #555966;border-radius:18px;background:#151920;color:#f2f0f7;padding:8px 13px;cursor:pointer}.message-actions button.primary{background:#59508e;border-color:#7b70bd}.route-card{display:grid;gap:7px;margin-top:11px;padding-top:11px;border-top:1px solid #46454d;font-size:13px;color:#d3d1da}.route-card strong{color:#ffdc66}.arrival-list{display:grid;gap:6px;margin-top:10px}.arrival-row{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #3a404b;border-radius:11px;background:#151922;font-size:12px}.arrival-row b{color:#ffda66}.typing{display:inline-flex;gap:5px}.typing i{width:6px;height:6px;border-radius:50%;background:#aaa8b2;animation:bounce 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-5px)}}.composer{display:flex;gap:10px;align-items:center;padding:13px 22px 18px;border-top:1px solid #3a3c47;background:#11141a}.composer input{height:54px;flex:1;min-width:0;border:2px solid #8d8b98;border-radius:29px;background:#0f1218;color:white;padding:0 21px;outline:none;font-size:16px}.composer input:focus{border-color:#beb8ff}.composer button{width:54px;height:54px;border:0;border-radius:50%;background:#514b6c;color:#eeeaff;font-size:23px;cursor:pointer}.composer button:disabled{opacity:.45}.drawer{position:fixed;z-index:40;right:0;top:0;width:min(390px,88vw);height:100dvh;background:#12151c;padding:24px;transform:translateX(105%);transition:.22s ease;box-shadow:-15px 0 50px #0008}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.drawer-head b{letter-spacing:.14em}.drawer-head button{font-size:32px;color:white;background:transparent;border:0;cursor:pointer}.drawer>button{width:100%;display:grid;grid-template-columns:35px 1fr auto;align-items:center;border:0;border-bottom:1px solid #2c3038;background:transparent;color:#eee;text-align:left;padding:17px 6px;cursor:pointer}.drawer>button span{font-size:20px}.drawer>button em{font-style:normal;font-weight:750}.drawer>button small{color:#838792}.drawer-footer{margin-top:30px;color:#aaaeb8;font-size:12px}.drawer-footer .service-dot{display:inline-block;margin-right:7px}.drawer-footer p{line-height:1.6;color:#737783}.scrim{display:none;position:fixed;inset:0;z-index:39;background:#0009}.scrim.show{display:block}.sheet{border:0;padding:0;background:transparent;color:white;max-width:none;max-height:none}.sheet::backdrop{background:#000a}.sheet-card{width:min(560px,calc(100vw - 24px));max-height:min(820px,calc(100dvh - 32px));overflow:auto;background:#151921;border:1px solid #353a47;border-radius:24px;padding:22px;box-shadow:0 30px 80px #000}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.sheet-head h2{margin:0;font-size:22px}.sheet-head small{color:#8d919c}.sheet-head>button{border:0;background:transparent;color:white;font-size:30px}.sheet-body{display:grid;gap:15px}.field{display:grid;gap:7px}.field label{font-size:12px;color:#a9acb5}.field input,.field select,.board-compose input{width:100%;height:46px;border:1px solid #454b58;border-radius:12px;background:#0c1016;color:#fff;padding:0 13px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #2d323d}.sheet-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.sheet-actions button,.primary-button{border:0;border-radius:12px;padding:11px 17px;background:#5b528d;color:white;font-weight:750}.secondary-button{border:1px solid #464b57!important;background:transparent!important}.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.language-grid button{padding:13px;border:1px solid #414754;border-radius:12px;background:#202530;color:#fff}.language-grid button.active{background:#5b528d}.font-slider{width:100%}.weekday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday-grid label{display:grid;place-items:center;padding:9px 0;border:1px solid #3e4450;border-radius:10px}.weekday-grid input{position:absolute;opacity:0}.weekday-grid label:has(input:checked){background:#5b528d}.board-card{height:min(720px,calc(100dvh - 32px));display:grid;grid-template-rows:auto 1fr auto}.board-messages{overflow:auto;display:grid;align-content:start;gap:8px}.board-message{padding:11px 13px;border-radius:14px;background:#222730}.board-message.mine{background:#514b74}.board-message small{display:flex;justify-content:space-between;color:#969aa5;margin-bottom:4px}.board-compose{display:flex;gap:8px;padding-top:12px}.board-compose button{border:0;border-radius:12px;background:#5b528d;color:#fff;padding:0 18px}.place-list{display:grid;gap:10px}.place-result{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:10px;border:1px solid #343a46;border-radius:15px;background:#10141b}.place-result img{width:70px;height:70px;border-radius:11px;object-fit:cover;background:#252a34}.place-result h3{margin:1px 0 4px;font-size:16px}.place-result p{margin:0;color:#989ca6;font-size:12px}.place-result .place-actions{grid-column:1/-1;display:flex;gap:7px}.place-result button{flex:1;border:1px solid #444b59;border-radius:10px;background:#202630;color:white;padding:8px}.place-result button.primary{background:#5b528d}.toast{position:fixed;z-index:90;left:50%;bottom:105px;transform:translate(-50%,20px);opacity:0;background:#242a35;color:white;padding:11px 16px;border-radius:20px;transition:.2s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}@media(min-width:1041px){body{background:radial-gradient(circle at 50% 0,#1b2130,#050609 60%);padding:16px 0}.app{height:calc(100dvh - 32px);border-radius:22px;box-shadow:0 30px 100px #000;overflow:hidden}}@media(max-width:640px){:root{--map-height:42vh}.desktop-only{display:none}.app{grid-template-rows:78px var(--map-height) 20px minmax(0,1fr) 82px}.header{padding:0 17px}.brand img{display:none}.brand strong{font-size:18px}.brand small{font-size:11px}.map-panel{grid-template-rows:78px 1fr}.map-titlebar{padding:11px 18px}.map-copy h1{font-size:21px}.map-copy p{font-size:12px}.map-tool{width:45px;height:45px}.messages{padding:9px 17px 22px}.bubble{max-width:92%;font-size:var(--chat-size)}.composer{padding:10px 15px 14px}.composer input{height:52px}.composer button{width:52px;height:52px}.map-legend,.map-status{display:none}.station-popover{left:12px!important;right:12px;width:auto;bottom:12px!important;top:auto!important}.sheet-card{border-radius:21px;padding:18px}.weekday-grid{gap:3px}.weekday-grid label{font-size:11px}.place-result{grid-template-columns:58px 1fr}.place-result img{width:58px;height:58px}}@media(max-height:690px){.brand small{display:none}.map-source{display:none}}