*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--route-highlight: #fff;--bg-page: #1a1a1a;--bg-panel: rgba(37, 37, 37, .95);--bg-panel-solid: #252525;--bg-overlay: rgba(0, 0, 0, .6);--bg-overlay-content: #252525;--bg-input: #444;--bg-input-hover: #555;--bg-departure: #1e1e1e;--text-primary: #fff;--text-secondary: #e0e0e0;--text-muted: #ccc;--text-dim: #999;--text-dimmer: #777;--text-disabled: #666;--border: #444;--border-light: #333;--shadow: rgba(0, 0, 0, .4);--shadow-strong: rgba(0, 0, 0, .5);--theme-color: #1a1a1a}[data-theme=light]{--route-highlight: #1a1a1a;--bg-page: #f5f5f5;--bg-panel: rgba(255, 255, 255, .95);--bg-panel-solid: #fff;--bg-overlay: rgba(0, 0, 0, .3);--bg-overlay-content: #fff;--bg-input: #e0e0e0;--bg-input-hover: #d0d0d0;--bg-departure: #fafafa;--text-primary: #1a1a1a;--text-secondary: #333;--text-muted: #555;--text-dim: #666;--text-dimmer: #777;--text-disabled: #999;--border: #ccc;--border-light: #ddd;--shadow: rgba(0, 0, 0, .15);--shadow-strong: rgba(0, 0, 0, .2);--theme-color: #f5f5f5}html{-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-page);color:var(--text-secondary);height:100vh;height:100dvh;overflow:hidden;touch-action:manipulation}#app{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column}.ad-footer{flex-shrink:0;min-height:50px;background:var(--bg-panel);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:4px 0}.ad-footer .adsbygoogle{margin:0 auto}header{flex-shrink:0;padding:.5rem .75rem .6rem;background:var(--bg-panel-solid);border-bottom:1px solid var(--border)}header h1{font-size:1.1rem;font-weight:600;color:var(--text-primary)}header p{font-size:.875rem;color:var(--text-dim);margin-top:.25rem}.theme-select-wrap{display:flex;align-items:center;gap:.4rem;flex-shrink:0;margin-top:.35rem;padding-top:.3rem;border-top:1px solid var(--border)}.theme-label{font-size:.8rem;color:var(--text-muted);flex-shrink:0}#theme-select{font-size:.8rem;padding:.3rem .5rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;flex:1;min-width:0}#layers-panel{position:absolute;top:max(.5rem,env(safe-area-inset-top));right:max(.5rem,env(safe-area-inset-right));z-index:1000;padding:.4rem .6rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;min-width:110px;max-width:calc(100vw - 1rem);box-shadow:0 2px 12px var(--shadow);transition:min-width .2s,padding .2s}#layers-panel.collapsed{min-width:60px;padding:.35rem .45rem}#layers-panel.collapsed .panel-header{cursor:pointer;margin-bottom:0}#layers-panel.collapsed .panel-title{display:block;font-size:.8rem}#layers-panel.collapsed .panel-body{display:none}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}#layers-panel .panel-title{display:none;font-size:.75rem;font-weight:600;margin-bottom:0;color:var(--text-muted);flex:1}.panel-toggle{flex-shrink:0;min-width:2rem;min-height:2rem;width:2rem;height:2rem;padding:0;border:none;border-radius:4px;background:var(--bg-input);color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.panel-toggle:hover{background:var(--bg-input-hover);color:var(--text-primary)}#layers-panel.collapsed .panel-toggle{font-size:1rem}.layer-controls{margin-top:.35rem;display:flex;flex-direction:column;gap:.25rem}.panel-body{margin-top:0}.layer-row{display:flex;align-items:center;gap:.25rem}.layer-row label{flex:1}.info-btn{flex-shrink:0;min-width:1.15rem;min-height:1.15rem;width:1.15rem;height:1.15rem;padding:0;border:none;border-radius:50%;background:var(--bg-input);color:var(--text-muted);font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.info-btn:hover{background:var(--bg-input-hover);color:var(--text-primary)}.layer-color-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.layer-color-dot.bus{background:#e63946}.layer-color-dot.flybuss{background:#ff6b35}.layer-color-dot.metro{background:#2a9d8f}.layer-color-dot.tram{background:#e9c46a}.layer-color-dot.water{background:#457b9d}.layer-color-dot.rail{background:#9b59b6}.layer-color-dot.flytog{background:#e056fd}.layer-controls label{display:flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.8rem;padding:.2rem 0;min-height:1.75rem}.layer-controls label input[disabled]{cursor:not-allowed}.layer-controls label:has(input[disabled]){color:var(--text-disabled);cursor:not-allowed}.routes-toggle{display:block;margin-top:.3rem;padding:.25rem 0 .1rem;border-top:1px solid var(--border);font-size:.8rem}#vehicle-count{margin-top:.3rem;font-size:.7rem;color:var(--text-dimmer);max-width:130px;line-height:1.3;word-wrap:break-word}#map-container{position:relative;flex:1;min-height:0;background:var(--bg-page)}.stop-search-wrap{position:absolute;top:max(.5rem,env(safe-area-inset-top));left:max(.5rem,env(safe-area-inset-left));z-index:1000;width:min(280px,calc(100vw - 6rem))}.stop-search-input{width:100%;padding:.5rem .75rem;font-size:.9rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);box-shadow:0 2px 8px var(--shadow);transition:border-color .15s,box-shadow .15s}.stop-search-input::placeholder{color:var(--text-dim)}.stop-search-input:focus{outline:none;border-color:var(--text-muted);box-shadow:0 2px 12px var(--shadow)}.stop-search-results{position:absolute;top:100%;left:0;right:0;margin:.25rem 0 0;padding:.25rem 0;list-style:none;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px var(--shadow);max-height:280px;overflow-y:auto}.stop-search-results li{padding:.5rem .75rem;font-size:.9rem;cursor:pointer;color:var(--text-secondary);transition:background .1s}.stop-search-results li[data-id]:hover,.stop-search-results li[data-id].highlighted{background:var(--bg-input-hover);color:var(--text-primary)}.stop-search-results li.stop-search-empty{cursor:default;color:var(--text-dim)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.leaflet-container{font-family:inherit;background:var(--bg-page)}.leaflet-control-zoom a{background:var(--bg-panel-solid)!important;color:var(--text-secondary)!important;border-color:var(--border)!important}.leaflet-control-zoom a:hover{background:var(--bg-input-hover)!important;color:var(--text-primary)!important}path.leaflet-interactive:focus{outline:none}.leaflet-popup-content-wrapper{background:var(--bg-panel-solid);color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 12px var(--shadow-strong)}.leaflet-popup-tip{background:var(--bg-panel-solid)}.leaflet-popup-content{margin:.75rem 1rem;font-size:.9rem;min-width:140px}.leaflet-popup-content strong{color:var(--text-primary)}.leaflet-tooltip{background:var(--bg-panel-solid);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-size:.85rem}.leaflet-tooltip-top:before{border-top-color:var(--bg-panel-solid)}.leaflet-tooltip-bottom:before{border-bottom-color:var(--bg-panel-solid)}.leaflet-tooltip-left:before{border-left-color:var(--bg-panel-solid)}.leaflet-tooltip-right:before{border-right-color:var(--bg-panel-solid)}.vehicle-marker{border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px var(--shadow)}.vehicle-marker.bus{background:#e63946}.vehicle-marker.flybuss{background:#ff6b35}.vehicle-marker.metro{background:#2a9d8f}.vehicle-marker.tram{background:#e9c46a}.vehicle-marker.water{background:#457b9d}.vehicle-marker.rail{background:#9b59b6}.vehicle-marker.flytog{background:#e056fd}.vehicle-marker-with-label{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5);line-height:1}.vehicle-line-num{pointer-events:none;-webkit-user-select:none;user-select:none}.departure-board-popup .leaflet-popup-content-wrapper{padding:0;border-radius:8px;min-width:380px;max-width:min(460px,calc(100vw - 2rem))}.departure-board{padding:.75rem 1rem;font-size:.9rem;background:var(--bg-departure);color:var(--text-secondary);min-width:360px}.departure-stop-name{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.departure-table{width:100%;min-width:340px;border-collapse:collapse;table-layout:auto}.departure-table th{text-align:left;padding:.35rem .6rem .3rem 0;font-size:.75rem;color:var(--text-dimmer);font-weight:500;white-space:nowrap}.departure-table th:nth-child(1){min-width:3.5rem}.departure-table th:nth-child(2){min-width:11rem}.departure-table th:nth-child(3){min-width:2.75rem}.departure-table th:nth-child(4){width:1%;white-space:nowrap}.departure-table th:nth-child(5){width:1%;white-space:nowrap}.departure-table td{padding:.3rem .6rem .3rem 0;border-top:1px solid var(--border-light);vertical-align:top}.departure-line{font-weight:600;white-space:nowrap;min-width:3rem}.departure-dest{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem;min-width:6rem}.departure-time{white-space:nowrap;color:var(--text-dim);font-size:.9em;min-width:2.5rem}.departure-mins{white-space:nowrap;color:#2a9d8f;font-size:.85em;font-weight:500;min-width:3.5rem}.departure-badges{font-size:.7rem;color:var(--text-disabled);white-space:nowrap;min-width:3.5rem}.departure-realtime{color:#2a9d8f}.departure-delayed{color:#ff6b35}.departure-loading,.departure-empty,.departure-error{padding:1rem;color:var(--text-dim);font-size:.9rem}.departure-error{color:#e63946}.leaflet-interactive{cursor:pointer}.stop-marker{background:transparent!important;border:none!important}.stop-marker-dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 2px #0000004d;vertical-align:middle}.stop-marker-label{display:inline-block;margin-left:4px;font-size:.7rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;text-shadow:0 0 2px var(--bg-page),0 1px 2px var(--bg-page)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;padding:1rem}.overlay.hidden{display:none}.overlay-content{background:var(--bg-overlay-content);border:1px solid var(--border);border-radius:8px;padding:1rem;max-width:min(360px,calc(100vw - 2rem));box-shadow:0 4px 24px var(--shadow-strong)}.overlay-content h3{font-size:1rem;margin-bottom:.75rem;color:var(--text-primary)}.overlay-content p{font-size:.9rem;line-height:1.5;color:var(--text-muted);margin-bottom:1rem}.overlay-close{padding:.5rem 1rem;background:var(--bg-input);border:none;border-radius:4px;color:var(--text-primary);font-size:.9rem;cursor:pointer}.overlay-close:hover{background:var(--bg-input-hover)}