:root{--brand-asphalt: #14161A;--brand-amber: #FF9E1B;--brand-amber-ink: #A85E00;--brand-hiviz: #C6D93B;--brand-grey: #6E757E;--brand-fog: #EDEEF0;--brand-d-bg: #101215;--brand-d-surface: #191C21;--brand-d-line: #2C3038;--brand-d-fg: #E7E9EC;--brand-d-fg-mut: #878E97;--brand-d-amber-t: #FFB65C;--brand-l-line: #D8DBDF;--brand-l-hiviz: #8A9A1E;--brand-l-dim: #B0B5BC;--brand-d-dim: #3E434B;--brand-d-danger: #E2564A;--brand-l-danger: #C0392B;--r: 4px;--font-display: Archivo, system-ui, sans-serif;--font-body: "IBM Plex Sans KR", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px}:root{--bg: var(--brand-fog);--surface: #FFFFFF;--line: var(--brand-l-line);--fg: var(--brand-asphalt);--fg-mut: var(--brand-grey);--accent: var(--brand-amber);--accent-text: var(--brand-amber-ink);--route: var(--brand-l-hiviz);--route-dim: var(--brand-l-dim);--danger: var(--brand-l-danger);--on-accent: var(--brand-asphalt)}:root[data-theme=dark]{--bg: var(--brand-d-bg);--surface: var(--brand-d-surface);--line: var(--brand-d-line);--fg: var(--brand-d-fg);--fg-mut: var(--brand-d-fg-mut);--accent: var(--brand-amber);--accent-text: var(--brand-d-amber-t);--route: var(--brand-hiviz);--route-dim: var(--brand-d-dim);--danger: var(--brand-d-danger);--on-accent: var(--brand-asphalt)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100vh;height:100dvh}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;margin:0}button,input,textarea{font-family:inherit;color:inherit}button{cursor:pointer}svg{display:block}.num{font-variant-numeric:tabular-nums}.disp{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.lb{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--fg-mut)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bootgate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--s-4);background:var(--bg)}.bootgate .stateblock{width:min(88%,360px);margin:0;text-align:center}.bootgate .actions{justify-content:center}.shell{position:relative;height:100vh;height:100dvh;overflow:hidden}.shell-map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg)}.shell-map-canvas{width:100%;height:100%}.shell-map.dimmed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);opacity:.6;pointer-events:none}.map-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80%,320px);margin:0;padding:var(--s-3) var(--s-4);text-align:center;font-size:13px;color:var(--fg-mut)}.topbar{position:absolute;left:0;right:0;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);height:calc(52px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--s-4) 0;background:var(--bg);border-bottom:1px solid var(--line)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:var(--s-3)}.topbar-brand{position:relative;text-decoration:none}.topbar-brand:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px}.brandmark{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--fg)}.brandmark-word{font-size:18px}.iconbtn{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--r);color:var(--fg-mut)}.iconbtn:hover{color:var(--fg);border-color:var(--line)}.iconbtn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.usermenu{display:flex;align-items:center;gap:var(--s-2)}.usermenu-avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);object-fit:cover}.usermenu-avatar-fallback{display:grid;place-items:center;background:var(--surface);color:var(--fg-mut);font-size:12px;line-height:1}.usermenu-name{max-width:96px;font-size:13px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu-logout{border:1px solid var(--line);border-radius:var(--r);background:transparent;color:var(--fg-mut);font-size:12px;padding:4px 8px}.usermenu-logout:hover{color:var(--fg);border-color:var(--fg-mut)}.usermenu-login{position:relative;border:1px solid var(--line);border-radius:var(--r);background:transparent;color:var(--fg);font-size:13px;padding:6px 12px}.usermenu-login:hover{border-color:var(--fg-mut);color:var(--fg)}.usermenu-login:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px}.dock{position:absolute;left:0;right:0;bottom:0;z-index:20;background:var(--bg);border-top:1px solid var(--line);padding:var(--s-3) var(--s-3) calc(var(--s-3) + env(safe-area-inset-bottom,0px))}.rail{--peek: 14px;display:flex;gap:var(--s-2);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--peek);scrollbar-width:none;margin-bottom:var(--s-2)}.rail::-webkit-scrollbar{display:none}.rail.single{--peek: 0px;scroll-snap-type:none}.card{flex:none;width:calc(100% - 2 * (var(--peek) + var(--s-2)));height:104px;scroll-snap-align:center;display:flex;flex-direction:column;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s-2) 9px;color:var(--fg)}.card.selected{border-color:var(--accent)}.card:not(.selected)>*{opacity:.55}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2)}.card-score{font-size:13px;color:var(--fg-mut)}.card.selected .card-score,.card.selected .lb{color:var(--accent-text)}.card-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2);margin-top:var(--s-1)}.card-dest{font-size:13px}.card-metrics{font-size:13px;color:var(--fg-mut);white-space:nowrap}.card-metrics .unit{font-size:8px;font-weight:400}.card-metrics .sep{color:var(--line);margin:0 3px}.card-summary{font-size:10px;line-height:1.55;color:var(--fg-mut);margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}@media (max-width: 420px){.card-summary{-webkit-line-clamp:1}}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-top:auto;flex-shrink:0}.pagedots{display:flex;gap:5px;justify-content:center;margin-bottom:var(--s-2)}.pagedots i{width:4px;height:4px;border-radius:50%;background:var(--line)}.pagedots i.on{background:var(--accent)}.composer{display:flex;flex-direction:column;gap:var(--s-2)}.chiprow{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none}.chiprow::-webkit-scrollbar{display:none}.chip{position:relative;flex:none;background:var(--surface);color:var(--fg-mut);border:1px solid var(--line);border-radius:var(--r);padding:6px 10px;font-size:12px}.chip:hover{color:var(--fg)}.chip.on{color:var(--fg);border-color:var(--fg-mut)}.chip:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.field{display:flex;align-items:center;gap:var(--s-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3)}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.field textarea{flex:1;border:0;background:transparent;resize:none;font-size:14px;line-height:1.5;padding:var(--s-1) 0;min-height:24px;max-height:96px}.field textarea:focus{outline:none}.field textarea::placeholder{color:var(--fg-mut)}.send{position:relative;flex:none;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:var(--r);background:var(--accent);color:var(--on-accent)}.send:disabled{background:var(--line);color:var(--fg-mut);cursor:not-allowed}.send:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#0000008c;border:0}.drawer{position:absolute;left:0;top:0;bottom:0;z-index:31;width:84%;max-width:320px;background:var(--bg);border-right:1px solid var(--line);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-4);overflow-y:auto}.drawer-new{position:relative;border:1px solid var(--line);border-radius:var(--r);background:transparent;color:var(--fg);padding:var(--s-2);font-size:13px;text-align:center}.drawer-new:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px}.drawer-list{display:flex;flex-direction:column;gap:var(--s-1);list-style:none;margin:0;padding:0}.drawer-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-left:2px solid var(--line);padding:var(--s-2) 0 var(--s-2) var(--s-3);color:var(--fg-mut);font-size:13px}.drawer-item:hover{color:var(--fg)}.drawer-item[aria-current=true]{border-left-color:var(--accent);color:var(--fg)}.drawer-item time{display:block;font-family:var(--font-mono);font-size:10px;color:var(--fg-mut);margin-top:2px}.stateblock{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:var(--s-4);margin-bottom:var(--s-3)}.stateblock h3{font-size:15px;margin-bottom:var(--s-2)}.stateblock p{font-size:13px;color:var(--fg-mut);margin:0}.stateblock .actions{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.btn{border:1px solid var(--line);border-radius:var(--r);background:transparent;color:var(--fg);font-size:13px;padding:7px 12px}.btn-accent{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.skeleton{display:flex;gap:var(--s-2);margin-bottom:var(--s-3)}.sk{flex:none;width:calc(100% - 40px);max-width:280px;height:104px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);opacity:.6}.traffic{font-size:12px}.traffic.t-low{color:var(--fg-mut)}.traffic.t-mid{color:var(--accent-text)}.traffic.t-high{color:var(--danger)}.warn{font-size:12px;color:var(--fg-mut);border-left:2px solid var(--accent);padding-left:var(--s-2);margin-bottom:var(--s-2)}.map-panel{position:absolute;left:var(--s-4);z-index:10;top:calc(60px + env(safe-area-inset-top,0px));max-width:min(74%,420px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s-2) var(--s-3);font-size:13px}.route-pin{width:100%;height:100%;border-radius:50%}.route-pin.origin{border:2px solid var(--fg);background:var(--bg)}.route-pin.via,.route-pin.dest{background:var(--accent)}.hero{position:absolute;left:0;right:0;z-index:10;top:calc(96px + env(safe-area-inset-top,0px));text-align:center;padding:0 var(--s-4);pointer-events:none}.hero-panel{display:inline-block;max-width:100%;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s-3) var(--s-4)}.hero h1{font-size:26px}.hero p{font-size:13px;color:var(--fg-mut);margin:var(--s-2) 0 0}.auth-panel{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%,360px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-3)}.auth-panel h1{font-size:20px}.auth-panel p{font-size:13px;color:var(--fg-mut);margin:0}.auth-error{color:var(--danger);font-size:13px}.search{position:relative}.search input{width:100%;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:var(--r);padding:8px var(--s-3);font-size:13px}.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.search-results{position:absolute;left:0;right:0;bottom:calc(100% + 4px);z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);max-height:220px;overflow-y:auto}.search-results button{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:var(--s-2) var(--s-3);font-size:13px;color:var(--fg)}.search-results button:last-child{border-bottom:0}.search-results button:hover{background:var(--bg)}@media (min-width: 768px){.rail{--peek: 20px}.dock{padding-left:var(--s-4);padding-right:var(--s-4)}}@media (min-width: 1024px){.dock{left:var(--s-4);right:var(--s-4);bottom:var(--s-4);border:1px solid var(--line);border-radius:var(--r);padding:var(--s-3)}.rail{--peek: 0px;scroll-snap-type:none;overflow-x:visible}.card{width:280px;height:104px}.card:not(.selected){height:64px}.card:not(.selected) .card-summary,.card:not(.selected) .card-foot{display:none}.card:not(.selected)>*{opacity:1}.pagedots{display:none}.sk{width:280px}.drawer{width:320px}}.stateblock-hint{font-size:13px;color:var(--fg-mut);margin:0 0 var(--s-2)}.card-scores{font-size:11px;color:var(--fg-mut);margin:var(--s-2) 0 0;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-handoff{display:flex;gap:5px;flex:none}.card-handoff a{text-decoration:none;padding:3px 7px;font-size:9px}.search-sub{display:block;font-size:11px;color:var(--fg-mut);margin-top:2px}.search-results .stateblock-hint{padding:var(--s-2) var(--s-3);margin:0}.origin-btn{position:relative;flex:none;display:flex;align-items:center;gap:4px;max-width:40%;padding:4px 7px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);color:var(--fg-mut);font-size:11px}.origin-btn:hover{color:var(--fg)}.origin-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.origin-btn:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px}.originbar{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-3)}.originbar-actions{display:flex;gap:var(--s-2)}