:root{font-family:Space Grotesk,Segoe UI,Helvetica Neue,sans-serif;color-scheme:dark;--bg-0: #181920;--bg-1: #22232b;--bg-2: #101116;--bg-3: #0a0b0f;--ink-0: #f0f2f7;--ink-1: #c7cad4;--ink-2: #8e93a3;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .2);--accent: #59b9ff;--accent-green: #8eff5e;--accent-pink: #f68ee9}body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:radial-gradient(circle at 10% 5%,#2e2f39 0%,transparent 40%),radial-gradient(circle at 90% 95%,#23242d 0%,transparent 45%),linear-gradient(145deg,#4c4d59,#3f404b 28%,#2f3039 65%,#252630);color:var(--ink-0)}#map{height:100%;width:100%;z-index:1}#ui-overlay{position:absolute;top:20px;left:20px;z-index:1000;background:linear-gradient(180deg,#14151bf5,#090a0ff5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px;border-radius:16px;border:1px solid var(--line);box-shadow:0 14px 30px #0000007a,inset 0 1px #ffffff0f;color:var(--ink-0);width:336px;max-height:calc(100dvh - 64px);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s ease,box-shadow .25s ease}#ui-overlay:hover{border-color:#59b9ff8c;box-shadow:0 18px 34px #00000094,0 0 0 1px #59b9ff26}#ui-overlay h1{margin:0;font-size:1.06rem;font-weight:700;letter-spacing:.01em;color:var(--ink-0)}#overlay-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,#101116,#0b0c11);border:1px solid var(--line)}#overlay-header h1{margin:0}#overlay-collapse{border:1px solid var(--line-strong);background:linear-gradient(180deg,#232632,#1a1c25);color:var(--ink-1);border-radius:9px;padding:6px 11px;font-size:.78rem;font-weight:600;cursor:pointer}#overlay-collapse:hover{background:linear-gradient(180deg,#314d68,#223548);border-color:#59b9ffbf;color:#f6fbff}#overlay-body{margin-top:10px;margin-right:-10px;padding-right:10px;padding-bottom:14px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}#stats p{margin:6px 0;font-size:.8rem;color:var(--ink-2);display:flex;justify-content:space-between;align-items:center;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,var(--bg-2),var(--bg-3));padding:8px 10px}#stats span{color:var(--ink-0);font-weight:600;letter-spacing:.02em;background:linear-gradient(180deg,#242734,#191b24);border:1px solid var(--line);padding:3px 9px;border-radius:6px}#overlay-toggles{margin-top:12px;display:grid;gap:8px}#line-toggles{margin-top:8px;display:grid;gap:8px}#overlay-toggles button{width:100%;padding:10px 12px;font-size:.81rem;font-weight:600;letter-spacing:.02em;border-radius:11px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#0f1015,#090a0f);color:var(--ink-1);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}#overlay-toggles button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#1a202c,#111722);border-color:#59b9ff73}#overlay-toggles button.active{background:linear-gradient(180deg,#2f4d65,#223746);border-color:#59b9ffe6;color:#f5f9ff}#line-toggles button{--toggle-line-color: #95ff71;--toggle-line-color-rgb: 149, 255, 113;--toggle-line-text: #061204;width:100%;padding:10px 12px;font-size:.81rem;font-weight:600;letter-spacing:.01em;border-radius:11px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#0f1015,#090a0f);color:var(--ink-1);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}#line-toggles button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#151821,#0d0f16);border-color:#59b9ff61}#line-toggles button.active{background:linear-gradient(180deg,rgba(var(--toggle-line-color-rgb),.98),rgba(var(--toggle-line-color-rgb),.74));border-color:rgba(var(--toggle-line-color-rgb),.92);color:var(--toggle-line-text)}#line-toggles button:disabled,#line-toggles button.disabled{background:linear-gradient(180deg,#16171d,#111218);border-color:#ffffff14;color:#666d7d;cursor:not-allowed}#line-toggles button:disabled:hover,#line-toggles button.disabled:hover{background:#ffffff08;border-color:#ffffff14}#sim-controls{margin-top:6px;display:grid;gap:7px}.sim-live,.sim-system-date,.sim-date,.sim-time,.sim-follow,.sim-follow-select{display:flex;align-items:center;justify-content:space-between;font-size:.79rem;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-1);border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,#121319,#0a0b10);padding:8px 10px}#sim-live-mode{accent-color:var(--accent)}.sim-speed{display:flex;align-items:center;justify-content:space-between;font-size:.79rem;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-1);border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,#121319,#0a0b10);padding:8px 10px}.sim-speed-controls{display:flex;align-items:center;gap:6px}.sim-speed-controls button{width:26px;height:26px;line-height:1;border-radius:7px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#202331,#171925);color:var(--ink-0);cursor:pointer}.sim-speed-controls button:hover{background:linear-gradient(180deg,#2f4d65,#223746);border-color:#59b9ffe6}#sim-speed-value{min-width:46px;text-align:center;font-weight:700;color:#ecf6ff}#sim-time-input,#sim-date-input{background:linear-gradient(180deg,#1d2029,#161821);color:var(--ink-0);border:1px solid var(--line-strong);border-radius:7px;padding:5px 8px;font-size:.8rem}#sim-follow-tram{background:linear-gradient(180deg,#1d2029,#161821);color:var(--ink-0);border:1px solid var(--line-strong);border-radius:7px;padding:5px 8px;font-size:.78rem;max-width:180px}#help-box{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#101116,#0a0b10);padding:9px 10px}#help-box summary{cursor:pointer;font-size:.82rem;font-weight:600;color:var(--ink-0);-webkit-user-select:none;user-select:none}#help-box ul{margin:8px 0 0 16px;padding:0;color:var(--ink-1);font-size:.78rem;line-height:1.35}#ui-overlay.collapsed{width:220px;padding:10px}#ui-overlay.collapsed #overlay-body{display:none}@media(max-width:900px){#ui-overlay{top:12px;left:12px;right:12px;width:auto;max-width:none;padding:11px;border-radius:14px;max-height:calc(100dvh - 36px)}#overlay-collapse{padding:8px 12px;font-size:.84rem}#overlay-toggles button,#line-toggles button{min-height:40px;font-size:.9rem}.sim-speed-controls button{width:32px;height:32px;font-size:1rem}#sim-time-input,#sim-date-input,#sim-follow-tram{min-height:36px;font-size:.9rem}.sim-live,.sim-system-date,.sim-date,.sim-time,.sim-follow,.sim-follow-select,.sim-speed{font-size:.84rem}#help-box summary{font-size:.9rem}#help-box ul{font-size:.86rem;line-height:1.45}}.tram-icon{background:none!important;border:none!important}.leaflet-container{background:#0d1117}.leaflet-layer,.leaflet-control-zoom-in,.leaflet-control-zoom-out,.leaflet-control-map-provider-btn,.leaflet-control-attribution{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}.leaflet-control-map-provider{margin-top:8px}.leaflet-control-map-provider-btn{width:34px!important;height:34px!important;line-height:34px!important;text-align:center;font-size:10px;font-weight:700;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.leaflet-control-map-provider-btn.active{background:#dbeafe!important;color:#0f172a!important}.leaflet-control-map-provider-btn.disabled{pointer-events:none;opacity:.45}.leaflet-popup-content-wrapper{background:#0d1117e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.leaflet-popup-tip{background:#0d1117e6}#toggle-placement{margin-top:14px;width:100%;padding:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#c9d1d9;border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s ease}#toggle-placement:hover{background:#58a6ff33;border-color:#58a6ff80}#toggle-placement.active{background:#ff505040;border-color:#ff505099;color:#f66}#placement-panel{position:absolute;bottom:20px;left:20px;right:20px;z-index:1000;background:#0d1117e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;color:#e6edf3;max-height:220px;overflow-y:auto}#placement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;font-size:.95rem}#placement-toolbar{display:flex;gap:6px}#placement-toolbar button{padding:4px 10px;font-size:.8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#c9d1d9;border-radius:6px;cursor:pointer;transition:all .15s}#placement-toolbar button:hover{background:#58a6ff33;border-color:#58a6ff66}#coords-output{margin:0;font-size:.78rem;font-family:Fira Code,Consolas,monospace;color:#8b949e;white-space:pre-wrap;line-height:1.5;max-height:150px;overflow-y:auto}.placement-mode,.placement-mode .leaflet-grab{cursor:crosshair!important}.stop-label{background:#0d1117d9!important;border:1px solid rgba(0,255,136,.3)!important;color:#0f8!important;font-size:.72rem!important;padding:2px 6px!important;border-radius:4px!important;box-shadow:0 2px 8px #0006!important}.stop-label:before{border-top-color:#00ff884d!important}