:root{--ink:#0e1726;--ink-2:#4a5568;--ink-3:#8a94a6;--ground:#f4f5f7;--surface:#fff;--line:#e3e6eb;--seat-taken:#c9cfd8;--signal:#ffd12e;--alight:#1a4fe0;--alight-soft:#eef3ff;--transfer:#c2410c;--transfer-soft:#fff4ec;--cong-1:#dce8ff;--cong-2:#8db1ff;--cong-3:#2f62e8;--cong-4:#0b2a7a;--fg:var(--ink);--fg-2:var(--ink-2);--primary-bg:var(--ink);--primary-fg:#fff;--header-bg:var(--ink);--header-tile:#18243a;--pick-from:#2563eb;--pick-to:#e11d48;color:var(--fg);background:var(--ground);-webkit-tap-highlight-color:transparent;font-family:Noto Sans KR,-apple-system,Apple SD Gothic Neo,sans-serif;font-size:15px;line-height:1.6}@media (prefers-color-scheme:dark){:root{--ground:#0e1726;--surface:#18243a;--line:#2a3750;--fg:#fff;--fg-2:#c9d3e3;--ink-3:#8a94a6;--primary-bg:#fff;--primary-fg:var(--ink);--header-bg:#18243a;--header-tile:#0e1726;--alight-soft:#1b2b52;--transfer-soft:#3a2316}}*{box-sizing:border-box}body{background:var(--ground);margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.num{font-family:Space Grotesk,Noto Sans KR,sans-serif}.btn{border:1px solid var(--line);background:var(--surface);height:48px;color:var(--fg);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.btn.primary{background:var(--primary-bg);height:56px;color:var(--primary-fg);border:0;border-radius:14px;width:100%;font-size:17px}.btn.outline{border:2px solid var(--fg);border-radius:14px}.btn.small{height:44px;font-size:14px}.btn:disabled{opacity:.45;cursor:default}.icon-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--fg);border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn.plain{background:0 0;border:0}.row{gap:8px;display:flex}.row>*{flex:1}.caption{color:var(--fg-2);margin:0;font-size:13px;line-height:1.5}.error{color:var(--transfer);margin:0;font-size:14px;font-weight:700}.line-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-size:13px;font-weight:700;line-height:1.6;display:inline-flex}.pin{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.pin.from{background:var(--pick-from)}.pin.to{background:var(--pick-to)}.transfer-dot{border:4px solid var(--transfer);background:#fff;border-radius:50%;flex:none;display:inline-block}.chip-signal{background:var(--signal);color:var(--ink);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:13px;font-weight:700}.switch{background:var(--seat-taken);border:0;border-radius:999px;flex:none;width:52px;height:32px;padding:3px;transition:background .15s;display:inline-flex}.switch span{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .15s}.switch.on span{transform:translate(20px)}.switch.on.alight{background:var(--alight)}.switch.on.transfer{background:var(--transfer)}.app{background:var(--ground);flex-direction:column;max-width:720px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.home-top{background:var(--surface);flex-direction:column;gap:14px;padding:20px 16px 12px;display:flex}.brand{justify-content:space-between;align-items:center;gap:8px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:900;display:flex}.logo i{background:var(--ink);border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.logo i:after{content:"";background:var(--signal);border-radius:50%;width:11px;height:11px}.segment{background:var(--ground);border-radius:999px;padding:3px;display:flex}.segment button{height:32px;color:var(--fg-2);background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:13px;font-weight:700}.segment button.on{background:var(--primary-bg);color:var(--primary-fg)}.pickers{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.picker{background:var(--surface);border:2px solid;border-radius:12px;flex-direction:column;justify-content:center;min-width:0;min-height:56px;padding:6px 10px;display:flex}.picker span{font-size:12px;font-weight:700;line-height:1.4}.picker input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:16px;font-weight:700}.picker input::placeholder{color:var(--ink-3);font-size:14px;font-weight:500}.picker.from{border-color:var(--pick-from)}.picker.from span{color:var(--pick-from)}.picker.to{border-color:var(--pick-to)}.picker.to span{color:var(--pick-to)}.picker{cursor:pointer}.picker.from.active{border-width:3px;padding:5px 9px;box-shadow:0 0 0 3px #2563eb40}.picker.to.active{border-width:3px;padding:5px 9px;box-shadow:0 0 0 3px #e11d4838}main.map{flex:1;min-height:50vh;position:relative}.map-tools{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.map-tools .icon-btn{font-family:Space Grotesk}.sheet{background:var(--surface);padding:10px 16px calc(24px + env(safe-area-inset-bottom));z-index:3;border-radius:22px 22px 0 0;flex-direction:column;gap:14px;display:flex;position:relative;box-shadow:0 -8px 24px #0e172614}.sheet:before{content:"";background:var(--line);border-radius:2px;align-self:center;width:40px;height:4px}.sheet-sum{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.big-min{align-items:baseline;gap:4px;display:flex}.big-min b{font:700 40px/1 Space Grotesk}.big-min span{font-size:17px;font-weight:700}.badges{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.station-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.station-head strong{letter-spacing:-.02em;font-size:28px;font-weight:900;line-height:1.2}.arrivals{flex-direction:column;gap:8px;max-height:26vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.arrivals li{align-items:center;gap:8px;min-height:28px;font-size:14px;display:flex}.arrivals .heading{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-2);flex:1;overflow:hidden}.arrivals .heading b{color:var(--transfer)}.arrivals .when{white-space:nowrap;font-weight:700}.route-top{background:var(--surface);flex-direction:column;gap:16px;padding:16px 16px 20px;display:flex}.title-row{align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.route-time{align-items:flex-end;gap:16px;padding:0 4px;display:flex}.route-time .big{align-items:baseline;gap:4px;display:flex}.route-time .big b{font:700 56px/1 Space Grotesk}.route-time .big span{font-size:20px;font-weight:700}.route-time .meta{color:var(--fg-2);flex-direction:column;gap:2px;padding-bottom:6px;font-size:14px;display:flex}.progress{border-radius:5px;gap:3px;height:10px;display:flex;overflow:hidden}.route-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.card{background:var(--surface);border-radius:16px}.timeline{flex-direction:column;padding:18px 16px;display:flex}.tl-stop{align-items:center;gap:14px;min-height:28px;display:flex}.tl-stop .rail{flex:none;justify-content:center;width:24px;display:flex}.tl-stop b{font-size:17px}.tl-stop .end{color:var(--fg-2);margin-left:auto;font-size:13px}.tl-stop .end.alight{color:var(--alight);font-weight:700}.tl-stop .end.transfer{color:var(--transfer);font-weight:700}.tl-leg{gap:14px;display:flex}.tl-leg .rail{flex:none;justify-content:center;width:24px;display:flex}.tl-leg .rail i{border-radius:3px;width:6px;margin:2px 0}.tl-leg .rail i.walk{border-left:3px dotted var(--seat-taken);border-radius:0;width:0}.tl-leg .info{color:var(--fg-2);flex-direction:column;gap:6px;padding:10px 0 14px;font-size:14px;display:flex}.tl-leg .info .line-badge{margin-right:6px;font-size:12px}.tl-leg .info small{font-size:13px}.tl-leg .info.walk{flex-direction:row;align-items:center;gap:6px;padding:8px 0;font-size:13px}.toggles{flex-direction:column;padding:8px;display:flex}.toggle-row{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px;display:flex}.toggle-row.transfer{background:var(--transfer-soft)}.toggle-row.alight{background:var(--alight-soft)}.toggle-row+.toggle-row{margin-top:6px}.toggle-row>span{flex-direction:column;gap:2px;display:flex}.toggle-row b{align-items:center;gap:6px;font-size:15px;display:inline-flex}.toggle-row b:before{content:"";border-radius:50%;width:8px;height:8px}.toggle-row.transfer b:before{background:var(--transfer)}.toggle-row.alight b:before{background:var(--alight)}.toggle-row small{color:var(--fg-2);font-size:13px}.bottom-bar{padding:12px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.trip-top{background:var(--header-bg);color:#fff;border-radius:0 0 28px 28px;flex-direction:column;gap:18px;padding:20px 20px 24px;display:flex}.trip-status{justify-content:space-between;align-items:center;gap:8px;display:flex}.live{color:#c9d3e3;align-items:center;gap:6px;font-size:13px;display:inline-flex}.live:before{content:"";background:#3ddc84;border-radius:50%;width:8px;height:8px}.live.off:before{background:var(--ink-3)}.end-btn{color:#fff;background:0 0;border:1px solid #2a3750;border-radius:999px;height:36px;padding:0 14px;font-size:13px;font-weight:700}.next-block{flex-direction:column;gap:6px;display:flex}.next-name{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:44px;font-weight:900;line-height:1.1}.next-hint{font-size:16px;font-weight:700}.next-hint.transfer{color:#ffb48a}.next-hint.alight{color:#b9ccff}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tile{background:var(--header-tile);border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.tile small{color:#c9d3e3;font-size:12px}.tile b{font:700 24px/1.1 Space Grotesk,Noto Sans KR}.tile b span{font:700 13px Noto Sans KR}.tile b.word{font:700 17px/1.4 Noto Sans KR}.track-note{color:#c9d3e3;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;font-size:13px;display:flex}.track-note button{color:#fff;background:0 0;border:0;min-height:32px;padding:0;font-size:13px;text-decoration:underline}.stop-list{flex-direction:column;flex:1;margin:0;padding:20px 20px 0;list-style:none;display:flex;overflow:auto}.stop-list li{align-items:center;gap:14px;min-height:44px;display:flex}.stop-list .dot{flex:none;justify-content:center;width:24px;display:flex}.stop-list .dot i{border-radius:50%;width:10px;height:10px}.stop-list .passed{color:var(--ink-3)}.stop-list .passed span{text-decoration:line-through}.stop-list .now{min-height:48px}.stop-list .now span{font-size:17px;font-weight:700}.stop-list .now small{color:var(--fg-2);font-size:13px}.stop-list .train{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.stop-list .action{border-radius:14px;min-height:56px;margin:0 -10px;padding:0 10px}.stop-list .action.transfer{background:var(--transfer-soft)}.stop-list .action .name{font-size:20px;font-weight:900}.stop-list .action .flag{align-items:center;gap:4px;margin-left:auto;font-size:13px;font-weight:700;display:inline-flex}.stop-list .action.transfer .flag{color:var(--transfer)}.stop-list .action.arrive .flag{color:var(--alight)}.stop-list .action.arrive .name{font-size:17px;font-weight:700}.stop-list .action.off .flag{color:var(--ink-3)}.sim{color:var(--fg-2);align-items:center;gap:8px;font-size:13px;display:flex}.sim select{border:1px solid var(--line);background:var(--surface);border-radius:10px;height:36px;padding:0 8px}.alarm-screen{z-index:40;color:#fff;padding:calc(28px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));background:var(--alight);flex-direction:column;gap:24px;display:flex;position:fixed;inset:0}.alarm-screen.transfer{background:var(--transfer)}.alarm-screen>*{align-self:center;width:100%;max-width:480px}.alarm-head{justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.alarm-head span:first-child{align-items:center;gap:8px;display:inline-flex}.alarm-head span:last-child{opacity:.85;font-size:14px;font-weight:500}.alarm-mid{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;display:flex}.rings{border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;display:flex}.rings>div{border:2px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;animation:1.6s ease-out infinite ring;display:flex}.rings>div>div{background:var(--signal);width:120px;height:120px;color:var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:none;display:flex}.rings b{font:700 52px/1 Space Grotesk}.rings small{font-size:13px;font-weight:700}.rings .now{font-size:22px;font-weight:900}@keyframes ring{0%{box-shadow:0 0 #ffffff59}to{box-shadow:0 0 0 36px #fff0}}@media (prefers-reduced-motion:reduce){.rings>div{animation:none}}.alarm-text{flex-direction:column;align-items:center;gap:8px;display:flex}.alarm-text>span{font-size:20px;font-weight:700}.alarm-text strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:64px;font-weight:900;line-height:1}.alarm-text .line-badge{margin-top:4px;padding:4px 12px;font-size:14px}.alarm-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.alarm-tiles div{text-align:left;background:#0e172640;border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex}.alarm-tiles small{opacity:.85;font-size:13px}.alarm-tiles b{font-size:18px}.alarm-btns{flex-direction:column;gap:10px;display:flex}.alarm-btns .off{height:64px;color:var(--ink);background:#fff;border:0;border-radius:18px;font-size:19px;font-weight:900}.alarm-btns .again{color:#fff;background:0 0;border:1px solid #ffffff80;border-radius:14px;height:48px;font-size:15px;font-weight:700}.seat-overlay{z-index:20;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.seat-overlay button{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:12px;padding:10px 14px}.seat-overlay button.primary{color:#fff;background:#2563eb;border:0;width:100%;padding:14px;font-size:1.05rem;font-weight:700}.seat-overlay .muted{color:var(--fg-2);margin:0}.seat-sheet{background:var(--surface);width:100%;max-width:720px;max-height:92dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:10px;display:flex;overflow:auto}.seat-sheet>*{flex-shrink:0}.seat-sheet header{justify-content:space-between;align-items:center;padding:0;display:flex}.seat-sheet header strong{font-size:1.1rem}.seat-sheet .close{padding:4px 10px}.seat-sheet .small{font-size:.8rem}.car-tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.car-tabs button{white-space:nowrap;border-radius:999px;flex:none;padding:6px 10px}.car-tabs button.on{background:var(--fg);color:var(--ground)}.car-tabs small{color:#e11d48;font-weight:700}.car-tabs button.on small{color:#fda4af}.car{align-self:center;width:100%;max-width:340px}.car-body{fill:#e2e8f0;stroke:#94a3b8;stroke-width:2px}.car-floor{fill:#f8fafc}.car-window{stroke:#7dd3fc;stroke-width:4px;stroke-dasharray:30 10}.car-door{fill:#475569}.car-pole{fill:#facc15;stroke:#a16207;stroke-width:1.5px}.car-dir{fill:var(--fg-2);font-size:13px;font-weight:700}.car-side{fill:var(--fg-2);font-size:11px}.seat{cursor:pointer}.seat rect{fill:#dbe2ea;stroke:#94a3b8;stroke-width:1.5px}.seat.priority rect{fill:#fecdd3;stroke:#e11d48}.seat.taken rect{fill:var(--seat-taken);stroke:#64748b}.seat.mine rect{fill:#1e3a8a;stroke:#0b1739}.tier-soon{--tier:#b6ff1a;--tier-stroke:#4d7c0f;--tier-fg:#111}.tier-near{--tier:#facc15;--tier-stroke:#a16207;--tier-fg:#111}.tier-mid{--tier:#3b82f6;--tier-stroke:#1d4ed8;--tier-fg:#fff}.tier-far{--tier:#fff;--tier-stroke:#475569;--tier-fg:#111}.tier-unknown{--tier:var(--seat-taken);--tier-stroke:#64748b;--tier-fg:#111}.seat.taken[class*=tier-] rect{fill:var(--tier);stroke:var(--tier-stroke)}.seat.taken[class*=tier-] .seat-num{fill:var(--tier-fg)}.seat-tag[class*=tier-] rect{fill:var(--tier);stroke:var(--tier-stroke);stroke-width:1px}.seat-tag[class*=tier-] text{fill:var(--tier-fg)}.seat-legend{color:var(--fg-2);flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.seat-legend li{align-items:center;gap:5px;display:flex}.seat-legend i{background:var(--tier);border:1.5px solid var(--tier-stroke);border-radius:4px;width:14px;height:14px}.soon i.order{background:var(--tier);min-width:20px;height:20px;color:var(--tier-fg);border:1.5px solid var(--tier-stroke);border-radius:5px;place-items:center;margin-right:6px;font-size:.75rem;font-style:normal;font-weight:800;display:inline-grid}.seat.picked rect{stroke:#111;stroke-width:3px}.seat-num{fill:#fff;pointer-events:none;font-size:11px;font-weight:800}.seat-tag{pointer-events:none}.seat-tag rect{fill:#f59e0b}.seat-tag text{fill:#fff;font-size:10px;font-weight:800}.seat-tag.mine rect{fill:#2563eb}.seat-action{background:var(--ground);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:10px 12px;display:flex}.seat-action .primary{width:100%}.soon{flex-direction:column;gap:4px;margin:6px 0 0;padding-left:20px;font-size:.9rem;display:flex}.soon li{cursor:pointer}.door-no rect{fill:#fde047;stroke:#a16207;stroke-width:1px}.door-no text{fill:#111;pointer-events:none;font-size:11px;font-weight:800}.help-btn{color:#2563eb;align-self:flex-start;padding:8px 12px;font-weight:700}.help-overlay{z-index:30;background:#0007;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.help-pop{background:var(--surface);color:var(--fg);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:440px;max-height:85dvh;padding:16px;display:flex;overflow:auto;box-shadow:0 10px 40px #0004}.help-pop header{justify-content:space-between;align-items:center;padding:0;display:flex}.help-pop header strong{font-size:1.05rem}.help-pop .close{padding:4px 10px}.help-pop ol{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:.92rem;line-height:1.5;display:flex}.loc-intro p,.loc-intro ul{margin:0;font-size:.95rem;line-height:1.55}.loc-intro ul{flex-direction:column;gap:6px;padding-left:20px;display:flex}.loc-intro .segment{align-self:flex-start}ol.loc-steps{color:var(--fg-2);flex-direction:row;gap:6px;padding:0;font-size:.75rem;list-style:none}.loc-steps li{border-top:3px solid var(--line);flex:1;padding-top:6px}.loc-steps li.on{border-color:var(--alight);color:var(--alight);font-weight:700}.pop-overlay{z-index:50;background:#0e17268c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pop{background:var(--surface);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:440px;max-height:85dvh;padding:16px;display:flex;overflow:auto}.pop header{justify-content:space-between;align-items:center;display:flex}.pop header strong{font-size:18px;font-weight:700}.pop ol{flex-direction:column;gap:8px;margin:0;padding-left:20px;line-height:1.6;display:flex}.map-scroll{touch-action:pan-x pan-y;background:#fff;position:absolute;inset:0;overflow:auto}.map-scroll svg{min-width:100%;display:block}@media (pointer:fine){.map-scroll{cursor:grab}.map-scroll.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.map-scroll.dragging .station{cursor:grabbing}}.label{fill:#4b5563;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.label.strong{fill:#111;font-weight:700}.badge{fill:#fff;pointer-events:none;font-weight:800}.river{stroke:#d8eef8}.station{cursor:pointer}.pulse{fill:#facc15;opacity:.6;transform-box:fill-box;transform-origin:50%;animation:1.2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{opacity:.2;transform:scale(1.6)}}.picker-row{align-items:center;gap:4px;display:flex}.picker-clear{background:var(--ground);width:28px;height:28px;color:var(--fg-2);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.share-bar{bottom:calc(-16px - env(safe-area-inset-bottom));margin:0 -16px calc(-16px - env(safe-area-inset-bottom));padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);flex-direction:column;gap:8px;display:flex;position:sticky;box-shadow:0 -6px 16px #0e172614}.share-bar>span{font-size:.95rem}