:root{--bg:#f1f5f9;--bg-map:#f5f3f0;--panel:#fffffff2;--panel-solid:#fff;--text:#1e293b;--text-muted:#64748b;--text-subtle:#94a3b8;--border:#e2e8f0;--shadow:#0000001a;--shadow-lg:#00000026;--focus:#3b82f6;--brand-accent:#f59e0b;--brand-accent-bg:#f59e0b1f;--success:#22c55e;--success-bg:#dcfce7;--success-text:#166534;--warning:#f59e0b;--warning-bg:#fef3c7;--warning-text:#92400e;--danger:#ef4444;--danger-bg:#fef2f2;--danger-text:#991b1b;--marker-shadow:#0000004d;--route-outline-width:0px;--zoom-bg:#fff;--zoom-bg-hover:#f4f4f4;--zoom-text:#333;--zoom-border:#0000001a;--popup-bg:#fff;--popup-text:#333}[data-theme=dark]{--bg:#0f172a;--bg-map:#1a1a2e;--panel:#1e293bf2;--panel-solid:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--text-subtle:#64748b;--border:#334155;--shadow:#0000004d;--shadow-lg:#0006;--focus:#60a5fa;--brand-accent:#fbbf24;--brand-accent-bg:#fbbf2426;--success:#4ade80;--success-bg:#166534;--success-text:#dcfce7;--warning:#fbbf24;--warning-bg:#78350f;--warning-text:#fef3c7;--danger:#f87171;--danger-bg:#7f1d1d;--danger-text:#fef2f2;--marker-shadow:#00000080;--zoom-bg:#1e293b;--zoom-bg-hover:#334155;--zoom-text:#f1f5f9;--zoom-border:#ffffff1a;--popup-bg:#1e293b;--popup-text:#f1f5f9}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-optical-sizing:auto;font-variation-settings:"slnt" -1,"wdth" 98.7,"GRAD" 10,"ROND" 5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:var(--bg);color:var(--text);font-family:Google Sans Flex,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,[role=button],input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{width:100%;height:100%}.leaflet-container{background:var(--bg-map);font-family:inherit}.leaflet-tile-container img{transition:opacity .2s ease-in-out}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-tile-pane{will-change:transform}.leaflet-container .leaflet-control-attribution,.leaflet-left{display:none!important}.leaflet-bar{background-color:var(--zoom-border);box-shadow:0 2px 6px var(--shadow);border-radius:18px;border:solid var(--zoom-border)!important}.leaflet-control-zoom-in,.leaflet-control-zoom-out{background-color:var(--zoom-bg)!important;width:34px!important;height:34px!important;color:var(--zoom-text)!important;border-radius:7px!important;padding:5px 5px 9px!important;font-size:18px!important;font-weight:300!important;line-height:30px!important}.leaflet-control-zoom-in:hover,.leaflet-control-zoom-out:hover{background-color:var(--zoom-bg-hover)!important}.leaflet-popup-content-wrapper{background-color:var(--popup-bg);box-shadow:0 2px 6px var(--shadow-lg);border-radius:18px;margin-bottom:-13px;padding:0}.leaflet-popup-content{color:var(--popup-text);margin:12px;padding:10px;font-family:Google Sans Flex,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.leaflet-popup-content b{color:var(--popup-text);font-family:inherit}.leaflet-popup-tip{background:var(--popup-bg);box-shadow:0 2px 6px var(--shadow-lg)}.leaflet-popup-close-button{background:var(--popup-bg);border:1px solid var(--border);box-shadow:0 1px 2px var(--shadow);border-radius:999px;justify-content:center;align-items:center;width:28px!important;height:28px!important;color:var(--text-muted)!important;padding:0!important;font-size:18px!important;font-weight:600!important;line-height:28px!important;text-decoration:none!important;display:flex!important;top:12px!important;right:12px!important}.leaflet-popup-close-button:hover{background:var(--bg);color:var(--text)!important}@media (min-width:769px){.leaflet-popup-close-button{top:14px!important;right:14px!important}}.leaflet-marker-icon,.leaflet-marker-icon:hover,.leaflet-marker-icon:active{background-color:#0000}.leaflet-interactive,.leaflet-interactive:focus{outline:none!important}.bus-marker .leaflet-marker-shadow{display:none}@media (max-width:768px){.leaflet-control-zoom-in,.leaflet-control-zoom-out{width:40px!important;height:40px!important;line-height:36px!important}}.app{width:100vw;height:100vh;flex-direction:column;height:100dvh;min-height:100dvh;display:flex;position:relative;overflow:hidden}.map-container{z-index:0;flex:1;width:100%}.top-bar{z-index:1000;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px var(--shadow);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.top-bar__left{flex:1;align-items:center;gap:1rem;display:flex}.top-bar__center{color:var(--text-muted);align-items:center;gap:1rem;font-size:.875rem;display:flex}.top-bar__title{color:var(--text);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.top-bar__icon{align-items:center;display:flex}.top-bar__icon img{width:auto;height:1.75rem}.top-bar__right{flex:1;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.top-bar__status{align-items:center;gap:.5rem;display:flex}.top-bar__indicator{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite live-pulse;box-shadow:0 0 #22c55e66}.top-bar__indicator--fetching{background:var(--warning);box-shadow:none;animation:1s infinite pulse}.top-bar__indicator--inactive{background:var(--text-subtle);box-shadow:none;animation:none}@keyframes live-pulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.top-bar__vehicle-count{color:var(--text);align-items:center;font-weight:600;line-height:1;display:flex}.top-bar__vehicle-count--loading{color:var(--text-subtle);font-weight:400}.top-bar__stale-count{color:var(--warning);cursor:help;align-items:center;line-height:1;display:flex}.top-bar__update-time{color:var(--text-subtle);align-items:center;line-height:1;display:flex}.filter-bar{z-index:1000;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.route-filter{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px var(--shadow-lg);border-radius:9999px;gap:.5rem;padding:.5rem;display:flex}.route-filter__btn{border:2px solid var(--border);background:var(--panel-solid);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.route-filter__btn:hover{transform:scale(1.1)}.route-filter__btn--active{color:#fff;text-shadow:0 1px 2px #00000080,0 0 4px #0000004d;border-color:#0000}.route-filter__btn--inactive{opacity:.85;background:#e5e7eb}[data-theme=dark] .route-filter__btn--inactive{color:#d1d5db;background:#374151}.route-filter__btn--inactive:hover{opacity:1}.route-filter__btn--all{border-radius:9999px;width:auto;padding:0 1rem}[data-theme=dark] .route-filter__btn--all:not(.route-filter__btn--active){color:#d1d5db;background:#374151}.route-filter__btn--all.route-filter__btn--active{background:var(--text);color:var(--bg)}[data-theme=dark] .route-filter__btn--all.route-filter__btn--active{text-shadow:none}.route-filter__btn--x3.route-filter__btn--active{text-shadow:0 0 3px #00b047,0 0 6px #00b047;background-size:14px 14px;background-image:repeating-linear-gradient(-45deg,#00b047 0 5px,#006425 5px 10px)!important}.stop-filter{position:relative}.stop-filter__toggle{border:2px solid var(--border);background:var(--panel-solid);cursor:pointer;height:40px;color:var(--text);white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.375rem;padding:0 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.stop-filter__toggle:hover{color:var(--text);transform:scale(1.1)}.stop-filter__toggle--active,.stop-filter__toggle--has-filters{background:var(--text);color:var(--bg);border-color:#0000}.stop-filter__toggle--active:hover,.stop-filter__toggle--has-filters:hover{color:var(--bg)}.stop-filter__panel{background:var(--panel-solid);border:1px solid var(--border);box-shadow:0 4px 20px var(--shadow-lg);z-index:1001;border-radius:.75rem;min-width:280px;max-width:320px;position:absolute;bottom:calc(100% + .5rem);right:0;overflow:visible}@media (min-width:769px){.stop-filter__panel{left:0;right:auto}}.stop-filter__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.stop-filter__header-actions{align-items:center;gap:.5rem;display:flex}.stop-filter__action-btn{border:1px solid var(--border);background:var(--panel-solid);cursor:pointer;height:28px;color:var(--text);border-radius:9999px;padding:0 .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.stop-filter__action-btn:hover{background:var(--bg)}.stop-filter__action-btn:disabled{opacity:.5;cursor:not-allowed}.stop-filter__action-btn--remove{color:#ef4444;background:#fef2f2;border-color:#fecaca}.stop-filter__action-btn--remove:hover{background:#fee2e2;border-color:#ef4444}.stop-filter__title{color:var(--text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.stop-filter__close{cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.stop-filter__close:hover{background:var(--bg);color:var(--text)}.stop-filter__routes{flex-direction:column;gap:.625rem;padding:.75rem 1rem 1rem;display:flex}.stop-filter__section-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.stop-filter__route-btn{border:1px solid var(--border);background:var(--panel-solid);cursor:pointer;text-align:left;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:.75rem .875rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.stop-filter__route-btn:hover{border-color:var(--route-color);transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.stop-filter__route-btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.stop-filter__route-btn--active{border-color:var(--route-color);box-shadow:0 0 0 2px var(--route-color)}.stop-filter__route-badge{background:var(--route-color);color:#fff;text-shadow:0 1px 1px #00000059,0 0 2px #00000040;border-radius:9999px;justify-content:center;align-items:center;gap:.25rem;min-width:42px;height:32px;padding:0 .5rem;font-size:.875rem;font-weight:700;display:inline-flex}.stop-filter__route-badge svg{filter:drop-shadow(0 1px 1px #00000059)}.stop-filter__route-text{flex-direction:column;gap:.125rem;display:flex}.stop-filter__route-title{color:var(--text);font-size:.875rem;font-weight:600}.stop-filter__route-subtitle{color:var(--text-muted);font-size:.75rem}.stop-filter[data-lang=kl] .stop-filter__route-title{font-size:.75rem}.stop-filter[data-lang=kl] .stop-filter__route-subtitle,.stop-filter[data-lang=kl] .stop-filter__mode-btn{font-size:.625rem}.stop-filter__mode{gap:.625rem;display:flex}.stop-filter__mode-btn{border:1px solid var(--border);background:var(--panel-solid);height:36px;color:var(--text-muted);cursor:pointer;border-radius:9999px;flex:1;font-size:.8125rem;font-weight:600;transition:transform .2s,color .2s,background .2s,border-color .2s}.stop-filter__mode-btn:hover{color:var(--text);transform:translateY(-1px)}.stop-filter__mode-btn--active{background:var(--text);color:var(--bg);border-color:#0000}.stop-filter__mode-btn--active:hover{color:var(--bg)}.stop-filter__selected-route{flex-direction:column;gap:1rem;padding:.75rem 1rem 1rem;display:flex;overflow:visible}.stop-filter__selected-route .stop-filter__route-btn{cursor:default}.stop-filter__selected-route .stop-filter__route-btn:hover{transform:none}.stop-filter__range{gap:.75rem;display:grid;overflow:visible}.stop-filter__range-field{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.stop-filter__range-label{font-weight:600}.stop-filter__range-select{appearance:none;border:1px solid var(--border);background:var(--panel-solid);color:var(--text);border-radius:.5rem;width:100%;padding:.5rem .6rem;font-size:.8125rem}.stop-filter__range-select:focus{outline:2px solid var(--text);outline-offset:2px}.stop-filter__searchable-select{flex-direction:column;gap:.375rem;display:flex;position:relative}.stop-filter__searchable-trigger{border:1px solid var(--border);background:var(--panel-solid);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;transition:border-color .2s,box-shadow .2s;display:flex}.stop-filter__searchable-trigger:hover{border-color:var(--text-muted)}.stop-filter__searchable-trigger--open{border-color:var(--text-muted);background:var(--hover)}.stop-filter__placeholder{color:var(--text-muted)}.stop-filter__chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s;transform:rotate(180deg)}.stop-filter__chevron--open{transform:rotate(0)}.stop-filter__searchable-dropdown{background:var(--panel-solid);border:1px solid var(--border);box-shadow:0 -4px 24px var(--shadow-lg);z-index:1100;border-radius:.5rem;position:absolute;bottom:calc(100% + .25rem);left:0;right:0;overflow:hidden}.stop-filter__searchable-search{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:.5rem;padding:.625rem .75rem;display:flex}.stop-filter__searchable-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.stop-filter__searchable-input::placeholder{color:var(--text-muted)}.stop-filter__searchable-list{max-height:280px;margin:0;padding:.375rem;list-style:none;overflow-y:auto}.stop-filter__searchable-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.8125rem;transition:background .15s;display:flex}.stop-filter__searchable-option:hover{background:var(--hover)}.stop-filter__searchable-option--selected{background:var(--hover);font-weight:600}.stop-filter__stop-index{background:var(--border);width:1.5rem;height:1.5rem;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:inline-flex}.stop-filter__searchable-empty{text-align:center;color:var(--text-muted);padding:.75rem;font-size:.8125rem}.stop-filter__loading{color:var(--text-muted);padding:.5rem 0;font-size:.8125rem}.bus-marker{justify-content:center;align-items:center;display:flex}.bus-marker__inner{color:#fff;width:36px;height:36px;box-shadow:0 2px 8px var(--marker-shadow);border:3px solid var(--panel-solid);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:relative}.bus-marker__inner.bus-marker--x3{background-size:14px 14px;background-image:repeating-linear-gradient(-45deg,#00b047 0 5px,#006425 5px 10px)!important}.bus-marker__inner.bus-marker--x3 .bus-marker__label{background:#00b047;border-radius:3px;padding:2px 4px}.bus-marker--stale .bus-marker__inner{opacity:.5}.bus-marker__label{text-shadow:0 1px 2px #00000080,0 0 4px #0000004d}.bus-marker__stale-badge{background:var(--warning);border:2px solid var(--panel-solid);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.625rem;display:flex;position:absolute;top:-4px;right:-4px}.bus-marker--depot .bus-marker__inner{opacity:.6;border-style:dashed}.bus-marker__depot-badge{border:2px solid var(--panel-solid);background:#6b7280;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:-4px;right:-4px}.selected-bus-overlay,.selected-stop-overlay{pointer-events:none;z-index:2105;position:fixed;transform:translate(-50%,-50%)}.selected-stop-overlay__circle{width:18px;height:18px;box-shadow:0 2px 8px var(--marker-shadow);background-color:#60a5fa;border:2px solid #3b82f6;border-radius:50%}.bus-path{stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.bus-path--current{stroke-dasharray:8 10;animation:1.4s linear infinite bus-path-flow}.bus-path--next{stroke-dasharray:none}@keyframes bus-path-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-36px}}.route-path{stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.route-path--pulse{stroke-dasharray:12 20;animation:9s linear infinite route-path-flow}.route-path--loading{stroke-dasharray:none;animation:1.8s ease-in-out infinite route-path-loading-pulse}@keyframes route-path-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-160px}}@keyframes route-path-loading-pulse{0%,to{opacity:.3}50%{opacity:.8}}.bus-popup{min-width:200px}.bus-popup__route{margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.bus-popup__headsign{color:var(--text-muted);margin:0 0 .75rem;font-size:.875rem}.bus-popup__details,.bus-popup__section{flex-direction:column;gap:.5rem;display:flex}.bus-popup__log{background:var(--bg);border:1px dashed var(--border);border-radius:.5rem;margin-top:.5rem;padding:.5rem .6rem}.bus-popup__log .bus-popup__row{font-size:.75rem}.bus-popup__log .bus-popup__label{color:var(--text-subtle)}.bus-popup__row{justify-content:space-between;gap:1rem;font-size:.875rem;display:flex}.bus-popup__label{color:var(--text-muted)}.bus-popup__time-ago{color:var(--text-subtle);font-size:.75rem}.bus-popup__at-stop,.bus-popup__at-depot,.bus-popup__stale-warning{text-align:center;border-radius:.5rem;margin-top:.5rem;padding:.5rem;font-size:.875rem}.bus-popup__at-stop{background:var(--success-bg);color:var(--success-text)}.bus-popup__at-depot{color:#6b7280;background:#f3f4f6}[data-theme=dark] .bus-popup__at-depot{color:#9ca3af;background:#374151}.bus-popup__stale-warning{background:var(--warning-bg);color:var(--warning-text)}.error-banner{z-index:1000;background:var(--danger-bg);border:1px solid var(--danger);border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:absolute;top:60px;left:1rem;right:1rem}.error-banner__icon{align-items:center;display:flex}.error-banner__text{color:var(--danger-text);flex:1;font-weight:500}.error-banner__details{width:100%;color:var(--danger);margin-top:.5rem;font-size:.75rem}.error-banner__details summary{cursor:pointer}.error-banner__details code{background:var(--danger-bg);word-break:break-all;border-radius:.25rem;margin-top:.25rem;padding:.5rem;display:block}.bottom-sheet__backdrop{z-index:2000;background:#0000004d;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--panel-solid);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:1rem 1rem 0 0;width:100%;max-height:min(70dvh,70vh);padding:.5rem 1rem 1rem;animation:.3s ease-out slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet__handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin:0 auto 1rem}.bottom-sheet__close{background:var(--bg);cursor:pointer;width:32px;height:32px;color:var(--text);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:1rem;right:1rem}.bottom-sheet__close:hover{background:var(--border)}.bottom-sheet__content{padding-bottom:env(safe-area-inset-bottom,0)}.bottom-sheet__header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.bottom-sheet__route-badge{color:#fff;text-shadow:0 1px 2px #00000080,0 0 4px #0000004d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.bottom-sheet__route-badge--x3{text-shadow:0 0 3px #00b047,0 0 6px #00b047;background-size:14px 14px;background-image:repeating-linear-gradient(-45deg,#00b047 0 5px,#006425 5px 10px)!important}.bottom-sheet__title h2{color:var(--text);margin:0;font-size:1.25rem}.bottom-sheet__headsign{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}.bottom-sheet__details{flex-direction:column;gap:.75rem;display:flex}.bottom-sheet__group{flex-direction:column;gap:.5rem;display:flex}.bottom-sheet__group--log{background:var(--bg);border:1px dashed var(--border);border-radius:.75rem;margin-top:.25rem;padding:.75rem}.bottom-sheet__group--log .bottom-sheet__row{padding:.35rem 0;font-size:.8125rem}.bottom-sheet__group--log .bottom-sheet__label{color:var(--text-subtle)}.bottom-sheet__group--log .bottom-sheet__value{color:var(--text-muted)}.bottom-sheet__row{border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 0;display:flex}.bottom-sheet__label{color:var(--text-muted);align-items:center;gap:.375rem;display:flex}.bottom-sheet__value{color:var(--text);font-weight:500}.bottom-sheet__time-ago{color:var(--text-subtle);font-size:.875rem}.bottom-sheet__badge{text-align:center;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;margin-top:.5rem;padding:.75rem;font-weight:500;display:flex}.bottom-sheet__badge--at-stop{background:var(--success-bg);color:var(--success-text)}.bottom-sheet__badge--stale{background:var(--warning-bg);color:var(--warning-text)}.bottom-sheet__stop-icon{color:var(--text);background:var(--bg);border-radius:.75rem;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bottom-sheet__section{margin-bottom:1rem}.bottom-sheet__section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.875rem;font-weight:600;display:flex}.bottom-sheet__bus-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.bottom-sheet__bus-item:last-child{border-bottom:none}.bottom-sheet__route-badge--small{min-width:32px;padding:.25rem .5rem;font-size:.75rem}.bottom-sheet__bus-destination{color:var(--text);align-items:center;gap:.25rem;font-size:.875rem;display:flex}.bottom-sheet__empty{color:var(--text-muted);text-align:center;padding:2rem 1rem;font-style:italic}.stop-popup__schedule{border-top:1px dashed var(--border);margin-top:.5rem;padding-top:.5rem}.stop-popup__schedule-title{color:var(--text-muted);margin-bottom:.35rem;font-size:.75rem}.stop-schedule{flex-wrap:wrap;gap:.4rem;display:flex}.stop-schedule__time{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.2rem .5rem;font-size:.75rem}.stop-schedule__time--next{color:#fff;background:#e91e8c;border-color:#e91e8c;font-weight:600}.stop-schedule__time--ended{opacity:.5;text-decoration:line-through}.stop-schedule__ended-label{color:var(--text-secondary);margin-bottom:.2rem;font-size:.65rem;font-style:italic;display:block}.stop-schedule--compact{gap:.3rem;margin-top:.35rem;margin-left:1.5rem}.stop-schedule--compact .stop-schedule__time{padding:.15rem .4rem;font-size:.7rem}.stop-popup__no-schedule{color:var(--text-muted);margin-top:.35rem;font-size:.75rem;font-style:italic}.bottom-sheet__stop-section{margin-bottom:.5rem}.bottom-sheet__stop-section:last-child{margin-bottom:0}.stop-search{position:relative}.stop-search__input{border:1px solid var(--border);background:var(--panel-solid);width:200px;color:var(--text);border-radius:9999px;outline:none;padding:.5rem 1rem;font-size:.875rem;transition:border-color .2s}.stop-search__input:focus{border-color:var(--focus)}.stop-search__dropdown{background:var(--panel-solid);box-shadow:0 4px 12px var(--shadow-lg);z-index:100;border-radius:.5rem;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow:hidden}.stop-search__result{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.stop-search__result:hover{background:var(--bg)}.stop-search__icon{align-items:center;display:flex}@media (max-width:768px){.top-bar{grid-template-columns:1fr auto;grid-template-areas:"left right""center center";align-items:center;row-gap:.5rem;padding:.5rem .75rem;display:grid}.top-bar__left{grid-area:left;min-width:0}.top-bar__right{flex-wrap:nowrap;grid-area:right;justify-self:end}.top-bar__center{grid-area:center;justify-content:center;width:100%}.top-bar__title{font-size:1rem}.top-bar__update-time,.stop-search{display:none}.filter-bar{z-index:1000;padding:.5rem;padding-bottom:max(.5rem,calc(env(safe-area-inset-bottom,0px) + .25rem));flex-direction:column;align-items:stretch;gap:.5rem;width:auto;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.filter-bar:has(.route-filter[data-lang=kl]){width:calc(100vw - 1rem);max-width:400px}.route-filter{order:2;justify-content:center;gap:.25rem;padding:.25rem;box-shadow:0 2px 12px #00000026;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--panel-solid)!important}.stop-filter{flex-shrink:0;order:1;justify-content:flex-end;display:flex}.route-filter__btn{flex-shrink:0;width:36px;height:36px;font-size:.75rem;font-weight:700}.route-filter__btn--all{width:auto;min-width:36px;height:36px;padding:0 .5rem;font-size:.6rem}.stop-filter__toggle{gap:.3rem;height:34px;padding:0 .75rem;font-size:.75rem;box-shadow:0 2px 12px #00000026;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.stop-filter__toggle:not(.stop-filter__toggle--active):not(.stop-filter__toggle--has-filters){background:var(--panel-solid)}.stop-filter__toggle svg{width:12px;height:12px}.stop-filter__panel{min-width:100%;max-width:100%;max-height:70vh;padding-bottom:max(1rem,env(safe-area-inset-bottom,0px));border-radius:1rem 1rem 0 0;position:fixed;inset:auto 0 0}}@media (max-width:480px){.top-bar__title{font-size:.95rem}}@media (max-width:900px) and (max-height:500px) and (orientation:landscape){.filter-bar{flex-direction:row;align-items:center;gap:.5rem;width:auto;max-width:none;padding:0;position:fixed;bottom:.5rem;left:auto;right:.5rem;transform:none}.route-filter{order:1;gap:.2rem;padding:.25rem}.stop-filter{order:2}.route-filter__btn{width:28px;height:28px;font-size:.6rem}.route-filter__btn--all{min-width:28px;height:28px;padding:0 .35rem;font-size:.5rem}.route-filter[data-lang=kl] .route-filter__btn--all{min-width:50px;padding:0 .4rem;font-size:.45rem}.stop-filter__toggle{height:28px;padding:0 .5rem;font-size:.6rem}}.loading-skeleton{z-index:500;background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-skeleton__content{text-align:center}.loading-skeleton__icon{color:var(--text);justify-content:center;align-items:center;animation:1s ease-in-out infinite bounce;display:flex}.loading-skeleton__text{color:var(--text-muted);margin-top:1rem;font-size:1.125rem;font-weight:500}.loading-skeleton__dots{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.loading-skeleton__dots span{background:var(--brand-accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite loading-dots}.loading-skeleton__dots span:first-child{animation-delay:0s}.loading-skeleton__dots span:nth-child(2){animation-delay:.2s}.loading-skeleton__dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes loading-dots{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.language-switcher{position:relative}.language-switcher__toggle{background:var(--panel-solid);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;padding:.375rem;transition:all .15s;display:flex;box-shadow:0 1px 2px #0000000d}.language-switcher__toggle:hover{background:var(--brand-accent-bg);border-color:var(--brand-accent)}.language-switcher__toggle:active{transform:scale(.96)}.language-switcher__flag{object-fit:cover;border-radius:2px;width:18px;height:12px;display:inline-block;box-shadow:0 0 0 1px #0000001a,0 1px 2px #00000014}.language-switcher__dropdown{background:var(--panel-solid);box-shadow:0 4px 20px var(--shadow-lg);z-index:1100;border-radius:.75rem;min-width:160px;margin:.5rem 0 0;padding:.5rem 0;list-style:none;position:absolute;top:100%;right:0;overflow:hidden}.language-switcher__option{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:.75rem;min-height:44px;padding:.625rem .875rem;font-size:.8125rem;transition:background .15s;display:flex}.language-switcher__option .language-switcher__flag{width:20px;height:14px}.language-switcher__option:hover{background:var(--brand-accent-bg)}.language-switcher__option--active{background:var(--brand-accent-bg);color:var(--brand-accent);font-weight:600}.language-switcher__name{flex:1}.language-switcher__check{color:var(--success);align-items:center;display:flex}.theme-switcher{position:relative}.theme-switcher__toggle{background:var(--panel-solid);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;padding:.375rem;transition:all .15s;display:flex;box-shadow:0 1px 2px #0000000d}.theme-switcher__toggle:hover{background:var(--brand-accent-bg);border-color:var(--brand-accent)}.theme-switcher__toggle:active{transform:scale(.96)}.theme-switcher__icon{align-items:center;display:flex}.theme-switcher__dropdown{background:var(--panel-solid);box-shadow:0 4px 20px var(--shadow-lg);z-index:1100;border-radius:.75rem;min-width:160px;margin-top:.5rem;padding:.5rem 0;list-style:none;position:absolute;top:100%;right:0;overflow:hidden}.theme-switcher__option{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:.75rem;min-height:44px;padding:.625rem .875rem;font-size:.8125rem;transition:background .15s;display:flex}.theme-switcher__option:hover{background:var(--brand-accent-bg)}.theme-switcher__option--active{background:var(--brand-accent-bg);color:var(--brand-accent);font-weight:600}.theme-switcher__name{flex:1}.theme-switcher__check{color:var(--success);align-items:center;display:flex}@media (max-width:768px){.theme-switcher__toggle,.language-switcher__toggle{width:36px;height:36px}.language-switcher__flag{font-size:.875rem}}@media (max-width:768px) and (hover:none) and (pointer:coarse){.bottom-sheet{border-radius:1.25rem 1.25rem 0 0;max-height:min(75dvh,75vh)}.bottom-sheet__row{padding:.75rem 0}.bottom-sheet__close{width:44px;height:44px;font-size:1.25rem}.route-filter__btn{width:40px;height:40px;font-size:.8rem}.route-filter__btn--all{height:40px;padding:0 .625rem;font-size:.7rem}.stop-filter__toggle{height:40px;padding:0 .75rem}.route-filter[data-lang=kl] .route-filter__btn--all{white-space:nowrap;min-width:max-content;padding:0 .5rem;font-size:.6rem}.top-bar__right{gap:.5rem}.top-bar__status{gap:.375rem}.top-bar__vehicle-count{font-size:.875rem}.top-bar__stale-count{display:none}.theme-switcher__toggle,.language-switcher__toggle{width:40px;height:40px}}@supports (padding-top:env(safe-area-inset-top)){.top-bar{padding-top:max(.75rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.bottom-sheet__content{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.detail-panel__backdrop{z-index:2000;pointer-events:none;position:fixed;inset:0}.detail-panel{background:var(--panel-solid);pointer-events:all;border-radius:.75rem;width:320px;max-height:50vh;padding:1rem;animation:.2s ease-out fadeSlideIn;position:fixed;bottom:1rem;left:1rem;overflow-y:auto;box-shadow:0 4px 20px #00000026}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-panel__close{background:var(--bg);cursor:pointer;width:28px;height:28px;color:var(--text);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.detail-panel__close:hover{background:var(--border)}