*{box-sizing:border-box}body{margin:0;font:14px Arial,Helvetica,sans-serif;background:var(--bg);color:var(--fg)}:root{--bg:#fff;--fg:#1e252b;--panel:#f1f3f5;--stripe:#f0f0f0;--border:#d5dbe0;--accent:#c5edf4;--link:#0677bf}html[data-theme=dark]{--bg:#111b27;--fg:#e5edf6;--panel:#1d2c3b;--stripe:#202f3e;--border:#3b4c5e;--accent:#214b5b;--link:#63d8ef}a{color:var(--link)}.top{display:flex;gap:14px;align-items:center;padding:9px 13px;background:#23282c;color:#ddd;flex-wrap:wrap}.top a{color:#bbb;text-decoration:none}.top .brand{font-size:16px;color:#eee}.grow{flex:1}.top select{padding:4px}.hero{background:#222 url('/static/images/background.webp') center/cover;padding:22px 20px;color:white;min-height:130px}.hero h1{font-size:clamp(24px,3vw,36px);font-weight:300;margin:0 0 10px}.hero p{margin:0 0 12px}.hero a{color:#fff}main{padding:7px 8px}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.toolbar button,.actions button,#older{background:#0878dc;color:#fff;border:0;border-radius:4px;padding:6px 12px;cursor:pointer}.toolbar button.active{background:#0c9d79}#status{font-size:12px;color:var(--link)}#filters{background:var(--panel);border:1px solid var(--border);padding:12px;margin:0 0 10px;border-radius:4px}.filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.filter-grid label{font-weight:bold;font-size:12px}.filter-grid input,.filter-grid select{width:100%;margin-top:5px;padding:7px;border:1px solid var(--border);border-radius:3px;background:var(--bg);color:var(--fg)}.filter-grid select[multiple]{min-height:104px}.check{margin-right:15px}.actions{margin-top:12px;display:flex;gap:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}th{text-align:left;background:var(--bg);padding:7px 5px}td{padding:3px 5px;height:23px}tbody tr:nth-child(odd){background:var(--stripe)}tbody tr.new{background:var(--accent)}tbody tr:hover{outline:1px solid var(--link)}th:nth-child(1){width:13%}th:nth-child(2){width:11%}th:nth-child(3){width:21%}th:nth-child(4){width:19%}th:nth-child(5){width:28%}th:nth-child(6){width:8%}.qrg{background:#ffbf0b;color:#222;border-radius:5px;padding:2px 8px;font-weight:bold;display:inline-block;min-width:65px;text-align:center}td a{text-decoration:none}td a:hover{text-decoration:underline}.footerbar{padding:12px 3px;display:flex;justify-content:space-between}footer{border-top:1px solid var(--border);padding:22px;text-align:center;color:var(--fg)}@media(max-width:950px){.filter-grid{grid-template-columns:repeat(3,1fr)}table{min-width:800px}}@media(max-width:540px){.filter-grid{grid-template-columns:repeat(2,1fr)}.top{gap:8px}.hero{padding:16px}.hero h1{font-size:23px}}
/* 3.2: readability and CTY flags */
table{font-size:14px}th{font-size:14px;font-weight:700;padding:7px 6px}td{font-size:14px;line-height:1.25;padding:4px 6px;height:26px}td a{font-size:14px}.qrg{font-size:13px;min-width:70px;padding:3px 8px}.country-flag{font-size:19px;line-height:1;display:inline-block;vertical-align:-2px;margin-right:8px}tbody tr:hover{background:var(--accent)}

/* v3.3: compact column layout, no large gaps */
table{table-layout:fixed;width:100%}
th:nth-child(1){width:12%}th:nth-child(2){width:10%}th:nth-child(3){width:20%}th:nth-child(4){width:8%}th:nth-child(5){width:34%}th:nth-child(6){width:9%}th:nth-child(7){width:7%}
.mode-tag{font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid var(--border);border-radius:3px;padding:2px 4px;white-space:nowrap}
#theme{font-size:17px;min-width:46px;text-align:center;cursor:pointer}
#status{white-space:nowrap}
@media(max-width:950px){table{min-width:860px}}

/* v3.5: original SpiderWeb-style usable filter layout */
#filters[hidden]{display:none!important}
#filters{padding:14px 16px}
#filters .filter-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px 18px;align-items:start}
#filters .filter-grid label{display:block;min-width:0;font-size:13px;font-weight:600}
#filters .filter-grid label small{display:block;margin-top:5px;font-size:11px;font-weight:normal;opacity:.8}
#filters .filter-grid input,#filters .filter-grid select{display:block;width:100%;margin-top:6px;min-height:36px;padding:7px 9px;font-size:13px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);opacity:1;cursor:auto}
#filters .filter-grid select[multiple]{height:auto;min-height:118px;cursor:pointer}
#filters .filter-grid select[multiple] option{padding:4px 8px;background:var(--bg);color:var(--fg)}
#filters .filter-grid select[multiple] option:checked{background:#1677d2 linear-gradient(#1677d2,#1677d2);color:white}
#filters .advanced{margin-top:16px;border-top:1px solid var(--border);padding-top:10px}
#filters .advanced summary{cursor:pointer;font-weight:600}
#filters .advanced-grid{margin-top:12px}
#filters .checks{display:flex;flex-direction:column;gap:8px;align-self:center}
#filters .checks .check{font-weight:normal}
#filters .checks input{width:auto;display:inline;margin-right:6px;min-height:0}
#filters .actions{margin-top:16px}
@media(max-width:950px){#filters .filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:520px){#filters .filter-grid{grid-template-columns:1fr}}

/* v3.6: compact, accessible chip filters */
#filters{padding:12px 15px;max-width:100%}
#filters .filter-core{display:grid;gap:10px}
#filters .filter-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#filters .callsign-line{grid-template-columns:2fr 2fr 1fr 1fr}
#filters label{display:block;font-size:12px;font-weight:600}
#filters label input:not([type=checkbox]),#filters label select:not([multiple]){display:block;width:100%;min-height:32px;margin-top:4px;padding:5px 8px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px}
#filters select[multiple][hidden]{display:none!important}
#filters .filter-title{font-size:12px;font-weight:700;margin-bottom:5px}
#filters .chip-list{display:flex;flex-wrap:wrap;gap:5px}
#filters .filter-chip{border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);padding:5px 10px;min-height:29px;cursor:pointer;font-size:12px}
#filters .filter-chip.selected{background:#1477c9;border-color:#1477c9;color:white;font-weight:700}
#filters .filter-chip:hover{border-color:var(--link)}
#filters .filter-chip:focus-visible{outline:2px solid var(--link);outline-offset:2px}
#filters .filter-fold{margin-top:10px;border-top:1px solid var(--border);padding-top:8px}
#filters .filter-fold summary{font-size:12px;font-weight:700;cursor:pointer;display:list-item}
#filters .fold-body{display:grid;gap:12px;margin-top:12px}
#filters .checks{display:flex;gap:18px;flex-wrap:wrap}
#filters .checks label{font-weight:400}
#filters .actions{margin-top:12px}
#filters .actions .secondary{background:#4b6175}
.filter-indicator{background:#e6a31c;color:#17202a;border-radius:4px;padding:4px 8px;font-weight:700;font-size:12px;cursor:pointer;max-width:100%;white-space:normal}
.filter-indicator[hidden]{display:none!important}
@media(max-width:900px){#filters .callsign-line{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#filters .callsign-line,#filters .filter-line{grid-template-columns:1fr}}

/* v3.7 — wyraźny DX, barwy pasm i emisji */
.table-wrap td:first-child a{font-weight:800;letter-spacing:.015em}
.qrg{background:#ffc32c;color:#161b22;border-left:4px solid transparent}
.qrg[data-band="160"]{background:#7b4da8;color:#fff}.qrg[data-band="80"]{background:#6649aa;color:#fff}.qrg[data-band="60"]{background:#3567ad;color:#fff}.qrg[data-band="40"]{background:#247bb5;color:#fff}.qrg[data-band="30"]{background:#168a96;color:#fff}.qrg[data-band="20"]{background:#1b925c;color:#fff}.qrg[data-band="17"]{background:#74a43b;color:#101b14}.qrg[data-band="15"]{background:#c1a827;color:#1b1b10}.qrg[data-band="12"]{background:#d78d2d;color:#17100b}.qrg[data-band="10"]{background:#d36835;color:#fff}.qrg[data-band="6"]{background:#c14f67;color:#fff}.qrg[data-band="VHF"]{background:#9e547e;color:#fff}.qrg[data-band="UHF"]{background:#8156a6;color:#fff}.qrg[data-band="SHF"]{background:#595d94;color:#fff}
.mode-tag{font-size:11px;font-weight:800;padding:3px 6px;display:inline-block;border-radius:4px}
.mode-tag[data-mode="CW"]{background:#244e95;color:#fff;border-color:#3265b6}.mode-tag[data-mode="PHONE"]{background:#246d4e;color:#fff;border-color:#32926b}.mode-tag[data-mode="DIGITAL"]{background:#8152a5;color:#fff;border-color:#a477c4}

/* v3.8 — hero, modern navigation and a single LIVE control */
.top{background:#0b1724;border-bottom:1px solid #30435a;gap:18px;min-height:44px;padding:8px 16px}.top .brand{font-weight:800;letter-spacing:.035em;color:#fff}.top a:not(.brand){font-size:12px;transition:color .2s}.top a:hover{color:#80d9f7}
.hero{position:relative;isolation:isolate;min-height:196px;padding:24px clamp(18px,3vw,52px);background-image:linear-gradient(90deg,rgba(5,16,31,.95) 0%,rgba(5,16,31,.85) 28%,rgba(5,16,31,.25) 68%,rgba(5,16,31,.18) 100%),url('/static/images/hero-sunset.webp');background-position:center,center 48%;background-size:cover;display:flex;align-items:center;border-bottom:2px solid #dc862b}
.hero-content{position:relative;z-index:1}.hero-kicker{font-size:10px;letter-spacing:.19em;font-weight:800;color:#f7b34b;margin-bottom:8px}.hero h1{font-size:clamp(29px,3.3vw,48px);font-weight:800;letter-spacing:-.035em;margin:0 0 2px;line-height:1.08;text-shadow:0 2px 10px #09111e}.hero h1 em{font-style:normal;color:#ffa72b}.hero-location{font-size:clamp(15px,1.5vw,22px);font-weight:650;margin:0 0 8px}.hero-location span{color:#ffa72b}.hero-subtitle{font-size:12px;color:#dce6f3;margin:0 0 12px}.hero-telnet{font-size:11px;color:#b7c8dc;font-weight:700;letter-spacing:.07em}.hero-telnet a{font-size:12px;letter-spacing:0;color:#fff;text-decoration:none;border-bottom:1px dotted #ffc278}.hero-signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:#39d995;box-shadow:0 0 8px #39d995;margin-right:6px}
.toolbar{gap:7px}.live-ticker{display:flex;align-items:center;gap:7px!important;background:#123b32!important;border:1px solid #2a9b78!important;border-radius:18px!important;padding:5px 12px!important;font-weight:800;letter-spacing:.04em}.live-ticker .live-dot{width:8px;height:8px;background:#34ed9d;border-radius:50%;box-shadow:0 0 0 3px #34ed9d24;animation:livePulse 2s infinite}.live-ticker #live-transport{font-size:10px;color:#a9ead5;font-weight:600;letter-spacing:0}.live-ticker.paused{background:#41434a!important;border-color:#737d89!important}.live-ticker.paused .live-dot{background:#adb6c1;box-shadow:none;animation:none}.live-ticker.paused #live-transport{color:#e0e0e0}@keyframes livePulse{50%{box-shadow:0 0 0 6px #34ed9d08}}
footer{font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:20px 12px;background:var(--bg)}footer a{font-weight:700;text-decoration:none}footer a:hover{text-decoration:underline}.footer-sep{opacity:.45}
@media(max-width:650px){.hero{min-height:170px;padding:20px 16px;background-position:center,62% center}.hero-subtitle{max-width:260px}.top{gap:9px}.top a:not(.brand){font-size:11px}}

/* v3.8.1: prominent links to companion services */
.top a.nav-external{display:inline-flex;align-items:center;white-space:nowrap;color:#d9e9f6;border:1px solid #36526a;background:#172b3d;border-radius:5px;padding:6px 10px;font-weight:700;letter-spacing:.02em}
.top a.nav-external:hover,.top a.nav-external:focus-visible{color:#fff;background:#234966;border-color:#5ca8d8}

/* v3.9 — improved hero resolution, active-filter chips and clean LIVE status */
.hero{background-image:linear-gradient(90deg,rgba(5,16,31,.96) 0%,rgba(5,16,31,.80) 30%,rgba(5,16,31,.14) 78%),url('/static/images/hero-v39.webp');background-position:center,center center}
.filter-indicator{display:flex;align-items:center;flex-wrap:wrap;gap:5px;background:#122536;border:1px solid #a86c21;border-radius:6px;padding:5px 7px;cursor:default;max-width:none;white-space:normal;color:#dfe9f4}
.filter-indicator-label{color:#f8b54e;font-size:11px;font-weight:800;margin-right:3px}
.active-filter-chip{display:inline-flex;align-items:center;background:#1e4771;color:#fff;border:1px solid #3c78ad;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:500;max-width:260px;overflow-wrap:anywhere}
.active-filter-chip:nth-of-type(3n){background:#235a41;border-color:#3b9169}
.active-filter-chip strong{margin-right:3px}
.clear-active{background:transparent!important;color:#f6bd68!important;border:1px solid #ad783c!important;border-radius:4px!important;padding:4px 7px!important;font-size:11px!important}
.clear-active:hover{background:#66421b!important}
.live-ticker #live-transport{display:none!important}
@media(max-width:700px){.filter-indicator{order:3;width:100%}}

/* v3.9.1: matching band and emission palette in filter buttons */
#filters #bands_chips .filter-chip{font-weight:700;border-color:color-mix(in srgb,var(--band-color) 65%,var(--border));box-shadow:inset 3px 0 0 var(--band-color);}
#filters #bands_chips .filter-chip.selected{background:var(--band-color);border-color:var(--band-color);color:var(--band-text,#fff);box-shadow:none;}
#filters #bands_chips .filter-chip[data-value="160"]{--band-color:#7b4da8}
#filters #bands_chips .filter-chip[data-value="80"]{--band-color:#6649aa}
#filters #bands_chips .filter-chip[data-value="60"]{--band-color:#3567ad}
#filters #bands_chips .filter-chip[data-value="40"]{--band-color:#247bb5}
#filters #bands_chips .filter-chip[data-value="30"]{--band-color:#168a96}
#filters #bands_chips .filter-chip[data-value="20"]{--band-color:#1b925c}
#filters #bands_chips .filter-chip[data-value="17"]{--band-color:#74a43b;--band-text:#101b14}
#filters #bands_chips .filter-chip[data-value="15"]{--band-color:#c1a827;--band-text:#1b1b10}
#filters #bands_chips .filter-chip[data-value="12"]{--band-color:#d78d2d;--band-text:#17100b}
#filters #bands_chips .filter-chip[data-value="10"]{--band-color:#d36835}
#filters #bands_chips .filter-chip[data-value="6"]{--band-color:#c14f67}
#filters #bands_chips .filter-chip[data-value="VHF"]{--band-color:#9e547e}
#filters #bands_chips .filter-chip[data-value="UHF"]{--band-color:#8156a6}
#filters #bands_chips .filter-chip[data-value="SHF"]{--band-color:#595d94}
#filters #category_chips .filter-chip[data-value="CW"]{--mode-color:#244e95}
#filters #category_chips .filter-chip[data-value="PHONE"]{--mode-color:#246d4e}
#filters #category_chips .filter-chip[data-value="DIGITAL"]{--mode-color:#8152a5}
#filters #category_chips .filter-chip{border-color:var(--mode-color);box-shadow:inset 3px 0 0 var(--mode-color);font-weight:700}
#filters #category_chips .filter-chip.selected{background:var(--mode-color);border-color:var(--mode-color);color:#fff;box-shadow:none}

/* v3.9.4: fixed readable highlight, cleared together 10s after tab becomes visible. */
#rows tr.arrived-away td{background:#b7e4f1!important;color:#10283c!important;animation:none!important}
#rows tr.arrived-away td a{color:#064c79!important;animation:none!important}
#rows tr.arrived-away .mode-tag{color:#fff!important}
#rows tr.arrived-away .qrg{color:#fff!important}
.adxo-trigger{border:0!important;background:transparent!important;padding:0 2px!important;margin-left:5px;color:#70a9fa!important;font-size:13px;cursor:pointer}
#rows td:first-child{position:relative}
.adxo-popover{position:absolute;top:100%;left:35%;z-index:30;width:min(360px,80vw);padding:12px;background:#eaf0f5;color:#152435;border:1px solid #9caebd;border-radius:8px;box-shadow:0 10px 28px #0008;font-size:12px;white-space:normal}
.adxo-popover[hidden]{display:none!important}
.adxo-popover strong{display:block;margin-bottom:6px}
.adxo-popover p{margin:5px 0 8px;line-height:1.5}
.adxo-popover a{color:#0759aa!important}