:root{color-scheme:dark;--ink:#edf5f6;--muted:#8fa6aa;--panel:#172838;--line:#294052;--accent:#f6bd3b;--green:#3ddc97;--danger:#ff8b72}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#24425a 0,#101d2c 42%,#09131f 100%);color:var(--ink);font:15px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}main{width:min(760px,100%);margin:auto;padding:22px 16px 40px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}h1{margin:0;font-size:30px;letter-spacing:-1px}.eyebrow,.label{margin:0 0 3px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:1.4px}.badge{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:30px;background:#10202c;font-size:12px;font-weight:700}.badge span{width:8px;height:8px;border-radius:50%;background:var(--muted)}.badge.live span{background:var(--green);box-shadow:0 0 10px var(--green)}.badge.inactive span{background:var(--accent)}.route-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#0d1924;margin-bottom:12px}.route-switch button{border:0;border-radius:10px;padding:11px;color:var(--muted);background:transparent;font-weight:800}.route-switch button.active{background:var(--panel);color:var(--ink);box-shadow:0 2px 8px #0005}.hero-card{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:linear-gradient(135deg,#1a3142,#142533);border:1px solid var(--line);border-radius:18px 18px 0 0}.distance{margin:0}.distance strong{font-size:42px;letter-spacing:-2px}.distance span{color:var(--muted);font-size:17px}.bus-number{text-align:right}.bus-number strong{font-size:22px;color:var(--accent)}.map-shell{height:52vh;min-height:380px;max-height:570px;position:relative;overflow:hidden;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px}.leaflet-container{height:100%;background:#132431}.map-button{position:absolute;right:12px;bottom:16px;z-index:500;width:42px;height:42px;border:1px solid #ffffff33;border-radius:50%;background:#142a3be8;color:white;font-size:25px}.stale{position:absolute;z-index:500;top:12px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:30px;background:#772d20e8;color:#fff0eb;font-size:12px;font-weight:800;white-space:nowrap}.hidden{display:none!important}.details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.details article{padding:14px;border:1px solid var(--line);border-radius:14px;background:#112230}.details strong{font-size:13px}.message{text-align:center;color:var(--muted);font-size:12px}.token-panel{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:#07111bea}.token-panel form{width:min(390px,100%);padding:25px;border:1px solid var(--line);border-radius:20px;background:#142534;box-shadow:0 25px 70px #0009}.token-panel h2{margin:0 0 6px}.token-panel p{color:var(--muted)}.token-panel input,.token-panel button{width:100%;padding:13px;border-radius:10px;font:inherit}.token-panel input{border:1px solid var(--line);background:#091722;color:white;margin:8px 0}.token-panel button{border:0;background:var(--accent);color:#17202a;font-weight:900}.bus-icon{font-size:26px;filter:drop-shadow(0 3px 3px #0008)}@media(max-width:480px){main{padding:16px 10px 30px}.map-shell{height:56vh}.distance strong{font-size:36px}.details{grid-template-columns:1fr}}