:root{color-scheme:dark;--bg:#0c151b;--panel:#121e25;--line:#2b383d;--text:#f0f1e8;--muted:#a1adb0;--dim:#697b80;--accent:#d5ed98;--orange:#efad73;--mono:'IBM Plex Mono',Consolas,monospace;--body:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.page-shell{max-width:1200px;margin:auto;padding:0 20px;min-height:100svh;display:flex;flex-direction:column}.site-header{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-heading{font:700 25px/1 var(--display);letter-spacing:1px;margin:0}.brand{color:var(--text)}.header-meta{font:10px var(--mono);color:var(--muted)}main{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px 0 0}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;flex:1;min-height:340px;max-height:560px}.radio-column{display:flex;min-width:0;min-height:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:5px;overflow:hidden}.radio-panel{display:flex;flex-direction:column;width:100%}.panel-heading{height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;border-bottom:1px solid var(--line)}h2{margin:0;font:500 9px var(--mono);letter-spacing:1px;white-space:nowrap}.section-number{color:var(--dim);margin-right:8px}.status-badge{display:inline-flex;align-items:center;gap:6px;font:8px var(--mono);letter-spacing:.3px;white-space:nowrap}.status-dot{width:5px;height:5px;display:inline-block;flex-shrink:0;border-radius:50%;background:currentColor}.live{color:var(--accent)}.waiting{color:var(--muted)}.warning{color:var(--orange)}
.frequency-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 12px 0;border:1px solid var(--line);border-radius:3px;overflow:hidden}.frequency-tab{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 4px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font:500 10px var(--mono)}.frequency-tab:last-child{border-right:0}.frequency-tab:hover{background:#ffffff06}.frequency-tab.active{background:var(--accent);color:#1c281d}.tab-frequency{font-size:9px;opacity:.75}
.radio-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:12px}.radio-detail-top{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;color:var(--muted);font-size:11px}.radio-mode{font:8px var(--mono);color:var(--dim);letter-spacing:.6px}.frequency-display{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;margin:0}.frequency-display>span:first-child{font:600 34px/1 var(--display);letter-spacing:.4px}.frequency-unit{font:9px var(--mono);color:var(--muted)}.signal-line{display:none}.audio-message{grid-column:1/-1;min-height:14px;margin:1px 0;font-size:10px;line-height:1.4;color:var(--muted)}.audio-message.warning{color:var(--orange)}.player-controls{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.play-button,.captions-button{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;min-width:0;margin:0;padding:7px 8px;border-radius:3px;font:500 9px var(--mono);letter-spacing:.25px;white-space:nowrap}.play-button{background:var(--accent);color:#1b281f;border:1px solid var(--accent)}.play-button:hover{background:#e4f8b2}.play-button svg{width:17px;height:17px;flex-shrink:0}.captions-button{background:transparent;border:1px solid var(--line);color:var(--muted)}.captions-button:hover{color:var(--accent);border-color:var(--accent)}.cc-icon{width:21px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid currentColor;border-radius:3px;font:600 8px var(--mono);letter-spacing:-.5px}.official-listen{font-size:8px}.radio-source{display:flex;align-items:center;gap:6px;min-height:26px;flex-shrink:0;padding:5px 12px;margin-top:auto;border-top:1px solid var(--line);font-size:8px;color:var(--dim)}.radio-source a{margin-left:auto;font:7px var(--mono);color:var(--muted)}.radio-source a:hover{color:var(--accent)}.source-icon{font-size:11px}
.radio-panel.buffering{border-color:#8c784b80}.audio-loading{grid-column:1/-1;display:grid;grid-template-columns:16px minmax(0,1fr) auto auto;align-items:center;gap:7px;margin:0;padding:9px;border:1px solid #c6a25655;border-radius:3px;background:#bc964414;color:#edca84}.loading-spinner{width:16px;height:16px;border:2px solid #eac47b33;border-top-color:#edca84;border-radius:50%;animation:loading-spin .9s linear infinite}.loading-copy{min-width:0}.loading-copy p{margin:0 0 3px;font-size:10px;line-height:1.3;font-weight:600;color:#f2d49a}.loading-copy>span{display:block;font-size:9px;line-height:1.4;color:#c4b58e}.loading-elapsed{font:9px var(--mono);white-space:nowrap;color:#ddc58f}.retry-audio{min-height:40px;padding:5px 7px;border:1px solid #c6a25688;border-radius:3px;background:transparent;color:#f2d49a;font:8px var(--mono)}.status-badge.loading{color:#edca84}.status-badge.loading .status-dot{width:9px;height:9px;border:1.5px solid #edca8440;border-top-color:#edca84;background:transparent;animation:loading-spin .9s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}
.traffic-panel{display:flex;flex-direction:column;min-height:0}.range-badge{border:1px solid var(--line);border-radius:2px;padding:3px 5px;font:7px var(--mono);color:var(--muted);white-space:nowrap}.traffic-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;min-height:38px;flex-shrink:0}.traffic-summary>div{display:flex;align-items:center;gap:7px}.aircraft-count{font:600 24px/1 var(--display)}.aircraft-caption{font:7px var(--mono);color:var(--dim)}.traffic-status{display:flex;align-items:center;gap:5px;font:7px var(--mono);white-space:nowrap;color:var(--muted)}.traffic-status.live{color:var(--accent)}.traffic-status.warning{color:var(--orange)}.map-container{position:relative;isolation:isolate;flex:1;min-height:160px;margin:0 8px;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#19252a}#traffic-map{height:100%;width:100%;background:#19252a;cursor:default}.leaflet-grab{cursor:default!important}.map-loading{position:absolute;z-index:600;left:12px;right:12px;top:50%;transform:translateY(-50%);padding:12px;background:#101b23ee;border:1px solid var(--line);border-radius:3px;font:10px/1.5 var(--mono);color:var(--muted);text-align:center;pointer-events:none}.map-scale-label{width:80px;text-align:center;position:absolute;z-index:400;right:8px;top:8px;padding:6px 8px;border:1px solid #6b7f8159;border-radius:2px;background:#101a20df;color:#d3ddd3;font:7px var(--mono);letter-spacing:.6px;pointer-events:none}.map-legend{display:flex;gap:16px;padding:7px 12px 5px;flex-shrink:0}.map-legend>span{display:flex;align-items:center;gap:6px;font:7px var(--mono);color:var(--dim)}.legend-aircraft{width:7px;height:7px;background:var(--accent);clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%)}.legend-radius{width:8px;height:8px;border:1px dashed var(--accent);border-radius:50%;opacity:.6}.traffic-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:3px 10px 5px;flex-shrink:0}#traffic-update{font-size:8px;line-height:1.4;color:var(--dim)}.map-range-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.map-range-controls>span{font:7px var(--mono);color:var(--dim);margin-right:2px}.map-range-controls button{min-height:40px;min-width:43px;padding:5px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--muted);font:8px var(--mono)}.map-range-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#d5ed9812}.traffic-message{margin:0 10px 7px;font-size:9px;line-height:1.4;color:var(--orange)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:28px;flex-shrink:0;font:7px/1.4 var(--mono);color:var(--dim)}.site-footer p{margin:0;white-space:nowrap}.site-footer>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.site-footer a:hover{color:var(--accent)}.connection-notice{flex-shrink:0;margin-bottom:8px;padding:7px 10px;border:1px solid #806448;border-radius:3px;background:#332b203d;color:var(--orange);font-size:10px;line-height:1.4}
.leaflet-container{font-family:var(--body)}.leaflet-tile-pane{filter:saturate(.32) brightness(.63) contrast(1.1)}.leaflet-control-attribution{font-size:7px!important;background:#122029d9!important;color:#a1b0b4!important}.leaflet-control-attribution a{color:#b3c8cd!important}.leaflet-control-scale-line{background:#122029b0!important;color:#e0e8de!important;border-color:#b7c5c3!important;font:8px var(--mono)!important;text-shadow:none!important}.airport-marker,.aircraft-marker{border:0;background:none}.airport-dot{width:10px;height:10px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 0 5px #d5ed9823;margin:4px auto}.aircraft-symbol{height:22px;width:22px;color:var(--accent);filter:drop-shadow(0 1px 2px #000)}.aircraft-map-label{display:block;position:absolute;left:25px;top:1px;padding:3px 5px;border:1px solid #526447b0;border-radius:2px;background:#102125e8;color:#ebf5d9;font:500 9px var(--mono);white-space:nowrap}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#14232b;color:var(--text);border:1px solid var(--line)}.leaflet-popup-content{margin:12px 14px;font-size:11px;line-height:1.7}.leaflet-popup-content strong{font-family:var(--mono);color:var(--accent)}.leaflet-popup-content dl{display:grid;grid-template-columns:auto auto;column-gap:15px;margin:6px 0 0}.leaflet-popup-content dt{color:var(--muted)}.leaflet-popup-content dd{margin:0;text-align:right}.leaflet-popup-close-button{color:var(--muted)!important}
.captions-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);box-shadow:0 24px 80px #0009;font:12px/1.8 var(--body);overflow:auto}.captions-dialog::backdrop{background:#030b11bd;backdrop-filter:blur(3px)}.captions-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.captions-dialog h2{font:600 20px/1.3 var(--display);letter-spacing:.5px;color:var(--text);white-space:normal}.captions-dialog-heading button{min-width:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:25px}.captions-dialog p{margin:12px 0}.captions-dialog ol{padding-left:21px;margin:15px 0}.captions-dialog li{padding-left:4px;margin:9px 0}.captions-dialog strong{color:var(--text);font-weight:500}.captions-dialog a{display:inline-block;padding:6px 0;color:var(--accent);text-underline-offset:4px}
@media(max-width:800px){.page-shell{height:100svh;min-height:560px;padding:0 12px}.site-header{height:44px}.brand-heading{font-size:23px}.header-meta{font-size:9px}main{padding-top:8px}.dashboard{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(274px,1fr);gap:8px;max-height:none;min-height:0}.panel-heading{height:32px;padding:6px 12px}.frequency-tabs{margin-top:8px}.frequency-tab{flex-direction:column;gap:3px;font-size:9px}.tab-frequency{font-size:8px}.radio-details{padding:8px 12px 10px;gap:6px 9px}.frequency-display>span:first-child{font-size:32px}.radio-source{min-height:24px;padding-top:4px;padding-bottom:4px;margin-top:0}.map-container{min-height:144px}.traffic-summary{min-height:36px;padding:6px 12px}.traffic-bottom{padding-top:2px;padding-bottom:4px}.site-footer{min-height:26px;font-size:6.5px}.site-footer>div{gap:5px}}
@media(max-width:360px){.page-shell{padding:0 8px}.play-button,.captions-button{font-size:8px;gap:5px;padding:6px}.frequency-display>span:first-child{font-size:29px}.aircraft-caption{font-size:6.5px}.traffic-status{font-size:6.5px}.map-range-controls>span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.loading-spinner,.status-badge.loading .status-dot{border-color:#edca84;border-right-color:transparent}}

.listener-count{color:var(--accent)}
.aircraft-list{position:absolute;z-index:550;top:39px;right:8px;width:min(80px,45%);max-height:calc(100% - 68px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #9fb3a633;border-radius:3px;background:#101a2040;color:#eef5e6;text-shadow:0 1px 2px #000;font:9px/1.5 var(--mono)}
.aircraft-list-heading,.aircraft-list-rows li{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:3px;padding:4px 3px}.aircraft-list-heading{flex-shrink:0;border-bottom:1px solid #9fb3a633;font-size:7px;color:var(--accent)}.aircraft-list-heading>span:last-child,.aircraft-list-rows li>span:last-child{text-align:left}.aircraft-list-rows{min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d5ed9866 transparent}.aircraft-list-rows li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aircraft-list-rows .aircraft-list-empty{display:block;font-size:8px;color:var(--muted)}
.connection-notice{position:fixed;z-index:1100;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100vw - 24px));margin:0;pointer-events:none;background:#332b20f5}
.traffic-message{position:absolute;z-index:650;left:8px;right:auto;max-width:calc(100% - 16px);bottom:26px;margin:0;padding:7px 9px;border:1px solid #806448;border-radius:3px;background:#332b20f5;pointer-events:none}
@media(max-width:800px){.map-range-controls>span{display:none}#traffic-update{max-width:calc(100% - 147px)}}
.traffic-panel{position:relative;z-index:2;overflow:visible}.map-container{overflow:visible;z-index:2}#traffic-map{overflow:hidden;border-radius:2px}
.leaflet-aircraftPopup-pane{z-index:900;pointer-events:none;font-family:var(--body);line-height:1.5}.leaflet-aircraftPopup-pane .leaflet-popup{pointer-events:auto}.leaflet-aircraftPopup-pane a.leaflet-popup-close-button{position:absolute;top:0;right:0;width:24px;height:24px;border:0;background:transparent;text-align:center;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none}
.aircraft-viewport-popup .leaflet-popup-tip-container{left:var(--aircraft-tip-x,50%);top:100%;width:24px;height:12px;margin:0 0 0 -12px;overflow:visible}
.aircraft-viewport-popup .leaflet-popup-tip{width:0;height:0;padding:0;margin:0;border:12px solid transparent;border-top-color:#14232b;border-bottom:0;background:transparent;box-shadow:none;transform:none;pointer-events:none}
.aircraft-viewport-popup.aircraft-popup-below .leaflet-popup-tip-container{top:-12px}
.aircraft-viewport-popup.aircraft-popup-below .leaflet-popup-tip{border-top:0;border-bottom:12px solid #14232b}