:root{--bg: #0a0e14;--surface: #10151c;--surface-2: #151b25;--surface-3: #1c2330;--grid: #1a2230;--grid-strong: #243042;--border: #243042;--border-strong: #324158;--text: #cfd6e4;--text-dim: #6b7a90;--text-bright: #eef3fb;--text-mute: #455066;--amber: #ffb648;--amber-soft: rgba(255, 182, 72, .12);--amber-line: rgba(255, 182, 72, .32);--signal: #4cd1c0;--signal-soft: rgba(76, 209, 192, .12);--alert: #ff4f4f;--alert-soft: rgba(255, 79, 79, .12);--ok: #6fd170;--ok-soft: rgba(111, 209, 112, .12);--radius: 2px;--radius-sm: 2px;--shadow-sm: 0 1px 0 rgba(0, 0, 0, .5);--shadow-md: 0 6px 18px rgba(0, 0, 0, .55);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .7);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;font-family:var(--font-sans);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","ss02","tnum";font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text)}body{overscroll-behavior:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px}button{font:inherit;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:transparent;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);padding:8px 14px;cursor:pointer;transition:background .12s,border-color .12s,color .12s;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;position:relative}button:hover:not(:disabled){background:var(--surface-3);border-color:var(--text-dim);color:var(--text-bright)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.35;cursor:not-allowed}button.primary{background:var(--amber);color:#1a1208;border-color:var(--amber)}button.primary:hover:not(:disabled){background:#ffc46b;border-color:#ffc46b}button.primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.18);pointer-events:none}button.block{width:100%}button.icon{padding:4px 8px;border-color:transparent;color:var(--text-dim);min-height:28px;min-width:28px;font-size:12px;letter-spacing:0}button.icon:hover:not(:disabled){background:var(--alert-soft);border-color:#ff4f4f4d;color:var(--alert)}input,select{font:inherit;font-family:var(--font-sans);background:var(--bg);color:var(--text-bright);border:1px solid var(--border-strong);border-radius:var(--radius);padding:9px 12px;width:100%;min-height:36px;transition:border-color .12s,box-shadow .12s,background .12s}input:focus,select:focus{outline:none;border-color:var(--amber);background:var(--surface);box-shadow:0 0 0 1px var(--amber)}input::placeholder{color:var(--text-mute)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px}.app{display:grid;grid-template-rows:auto auto 1fr;height:100vh;height:100dvh}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:linear-gradient(180deg,#0d1219,#0a0e14);border-bottom:1px solid var(--border);z-index:10;position:relative}.header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--amber-line) 20%,var(--amber-line) 80%,transparent)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--amber);color:var(--amber);font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.05em;flex-shrink:0;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:6px;height:6px;border:1px solid var(--amber)}.brand-mark:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.brand-mark:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.brand-meta{display:flex;flex-direction:column;line-height:1}.brand-meta .title{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--text-bright);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-meta .subtitle{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;margin-top:4px}.header-actions{display:flex;gap:6px;flex-shrink:0}.statusbar{display:flex;align-items:stretch;gap:0;background:var(--surface);border-bottom:1px solid var(--border);padding:0 18px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);overflow-x:auto;white-space:nowrap;scrollbar-width:none}.statusbar::-webkit-scrollbar{display:none}.status-cell{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 0;margin-right:16px;border-right:1px solid var(--border);min-height:30px}.status-cell:last-child{border-right:none;margin-right:0;padding-right:0;margin-left:auto}.status-cell .label{color:var(--text-mute)}.status-cell .value{color:var(--text-bright);font-weight:600}.status-cell .value.dim{color:var(--text-dim)}.status-cell .value.live{color:var(--amber)}.status-cell .value.alert{color:var(--alert)}.status-cell .value.ok{color:var(--ok)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--text-dim);flex-shrink:0}.dot.live{background:var(--amber);box-shadow:0 0 #ffb64899;animation:pulse-amber 1.6s ease-out infinite}.dot.ok{background:var(--ok)}.dot.alert{background:var(--alert)}@keyframes pulse-amber{0%{box-shadow:0 0 #ffb64880}to{box-shadow:0 0 0 8px #ffb64800}}.layout{display:grid;grid-template-columns:1fr 380px;overflow:hidden;min-height:0}.map-wrap{position:relative;min-height:0;border-right:1px solid var(--border)}.map-wrap .leaflet-container{height:100%;width:100%;background:#0a0e14}.map-wrap:before,.map-wrap:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;z-index:500;border:1px solid var(--amber)}.map-wrap:before{top:8px;left:8px;border-right:none;border-bottom:none}.map-wrap:after{bottom:8px;right:8px;border-left:none;border-top:none}.map-channel{position:absolute;top:8px;right:8px;z-index:500;display:flex;align-items:center;gap:8px;padding:5px 10px;background:#0a0e14d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase}.map-channel .value{color:var(--amber);font-weight:700}.sidebar{display:flex;flex-direction:column;gap:0;padding:0;overflow-y:auto;background:var(--bg);-webkit-overflow-scrolling:touch}.panel{background:var(--surface);border-bottom:1px solid var(--border);padding:0}.panel:last-child{border-bottom:none}.panel-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);position:relative}.panel-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--amber-line)}.panel-header .channel{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.18em;color:var(--amber);text-transform:uppercase}.panel-header .title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--text-bright);text-transform:uppercase;flex:1}.panel-header .meta{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.1em}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 6px;font-family:var(--font-mono);font-size:10px;font-weight:700;background:var(--amber);color:#1a1208;border-radius:0;letter-spacing:0;text-transform:none}.panel-body{padding:12px 14px}.stack{display:flex;flex-direction:column;gap:8px}.field-label{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;display:block}.station-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:0;border-top:1px dashed var(--border)}.station-list li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:9px 2px 9px 0;border-bottom:1px dashed var(--border);transition:background .1s}.station-list li:hover{background:var(--surface-2)}.station-list .row-tag{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--text-mute);letter-spacing:.1em;text-align:center}.station-list .name{flex:1;min-width:0}.station-list .name strong{display:block;font-size:13px;font-weight:600;color:var(--text-bright)}.station-list .name small{display:block;color:var(--text-dim);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;font-family:var(--font-mono);letter-spacing:.02em}.current-incident{display:flex;align-items:stretch;gap:0;margin-top:10px;background:var(--alert-soft);border:1px solid rgba(255,79,79,.4)}.current-incident .stripe{width:6px;background:repeating-linear-gradient(-45deg,var(--alert),var(--alert) 4px,rgba(255,79,79,.55) 4px,rgba(255,79,79,.55) 8px)}.current-incident .info{flex:1;min-width:0;padding:8px 10px}.current-incident .info .tag{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--alert);text-transform:uppercase;margin-bottom:2px}.current-incident .info strong{display:block;font-size:12px;color:var(--text-bright);font-family:var(--font-mono);word-break:break-word;line-height:1.3}.current-incident .info .coords{display:block;font-family:var(--font-mono);font-size:10px;color:var(--text-dim);margin-top:4px;letter-spacing:.05em}.current-incident button.icon{align-self:stretch;border-radius:0;border:none;border-left:1px solid rgba(255,79,79,.4);padding:0 12px}.sort-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}.result{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--border);transition:background .1s}.result:hover{background:var(--surface-2)}.result .rank{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;font-family:var(--font-mono);font-weight:700;font-size:12px;background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border-strong);border-radius:0}.result .info{flex:1;min-width:0}.result .info strong{display:block;font-size:13px;font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result .info small{display:block;font-family:var(--font-mono);color:var(--text-dim);font-size:10px;margin-top:3px;letter-spacing:.05em}.result .metrics{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-bright);text-align:right;letter-spacing:.02em}.result .metrics .secondary{display:block;font-size:9px;font-weight:500;color:var(--text-dim);margin-top:2px;letter-spacing:.1em;text-transform:uppercase}.result.error .rank{background:var(--alert-soft);color:var(--alert);border-color:#ff4f4f66}.result.error .info strong{color:var(--text-dim)}.error-banner{background:var(--alert-soft);border:1px solid rgba(255,79,79,.4);border-left-width:3px;color:#ffb3b3;padding:8px 12px;border-radius:0;font-family:var(--font-mono);font-size:11px;margin-top:8px;letter-spacing:.04em}.hint{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:8px;line-height:1.5;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-2);border-left:2px solid var(--border-strong)}.hint:before{content:"›";color:var(--amber);font-weight:700}.spinner{display:inline-block;width:12px;height:12px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}.autocomplete{position:relative}.autocomplete-spinner{position:absolute;right:12px;top:50%;width:12px;height:12px;margin-top:-6px;border:1.5px solid var(--text-dim);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;pointer-events:none}.suggestions{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:1000;background:var(--surface);border:1px solid var(--border-strong);border-radius:0;padding:0;margin:0;list-style:none;max-height:280px;overflow-y:auto;box-shadow:var(--shadow-lg)}.suggestions li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);cursor:pointer;font-size:12px;line-height:1.35}.suggestions li:last-child{border-bottom:none}.suggestions li:hover,.suggestions li.active{background:var(--amber-soft)}.suggestion-label{color:var(--text-bright);flex:1;min-width:0}.suggestion-layer{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--amber);text-transform:uppercase;letter-spacing:.12em;background:var(--amber-soft);padding:2px 6px;border:1px solid var(--amber-line);flex-shrink:0}.leaflet-marker-icon.station-marker,.leaflet-marker-icon.incident-marker{background:transparent;border:none}.marker-pin{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 3px 8px #0000008c;border:2px solid white}.marker-pin>.marker-rank,.marker-pin>.marker-emoji{transform:rotate(45deg);font-family:var(--font-mono);font-weight:700;font-size:12px;color:#fff;line-height:1}.marker-pin>.marker-emoji{font-size:11px;letter-spacing:.05em}.marker-pin-incident{width:36px;height:36px;background:var(--alert);animation:pulse-incident 2s ease-out infinite}.marker-pin-incident>.marker-emoji{font-size:13px}@keyframes pulse-incident{0%,to{box-shadow:0 3px 8px #0000008c,0 0 #ff4f4f8c}50%{box-shadow:0 3px 8px #0000008c,0 0 0 12px #ff4f4f00}}.leaflet-popup-content-wrapper{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:0;box-shadow:var(--shadow-lg)}.leaflet-popup-content{margin:8px 12px;font-size:12px;font-family:var(--font-mono);line-height:1.45;letter-spacing:.02em}.leaflet-popup-content strong{color:var(--amber);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.leaflet-popup-tip{background:var(--surface);border:1px solid var(--border-strong)}.leaflet-container a.leaflet-popup-close-button{color:var(--text-dim)}.leaflet-control-attribution{background:#0a0e14cc!important;color:var(--text-dim)!important;font-family:var(--font-mono);font-size:10px!important}.leaflet-control-attribution a{color:var(--text)!important}.leaflet-control-zoom a,.leaflet-bar a{background:var(--surface)!important;color:var(--text-bright)!important;border-color:var(--border-strong)!important;border-radius:0!important;font-family:var(--font-mono)}.leaflet-control-zoom a:hover,.leaflet-bar a:hover{background:var(--surface-3)!important}.leaflet-bar{border-radius:0!important}@media(max-width:768px){.header{padding:9px 12px}.brand-mark{width:30px;height:30px;font-size:11px}.brand-meta .title{font-size:12px}.brand-meta .subtitle{display:none}.header-actions button{padding:7px 10px;font-size:10px}.header-actions button .label-desktop{display:none}.statusbar{padding:0 12px;font-size:9px}.status-cell{padding:6px 10px 6px 0;margin-right:10px;gap:6px}.layout{grid-template-columns:1fr;grid-template-rows:50vh 1fr}.map-wrap{border-right:none;border-bottom:1px solid var(--border)}.sidebar{border-left:none}.panel-body{padding:11px 12px}button{min-height:40px;padding:10px 14px}input,select{min-height:40px;font-size:16px}button.icon{min-height:32px;min-width:32px}}@media(min-width:769px)and (max-width:1024px){.layout{grid-template-columns:1fr 340px}}.label-mobile{display:none}@media(max-width:768px){.label-mobile{display:inline}.label-desktop{display:none}}