:root{--bg:#080a10;--panel:#11151d;--text:#f4f3f0;--muted:#a3a7b0;--accent:#b7f69a}body{background:#080a10;color:var(--text)}.shell{display:block;max-width:1800px;margin:auto}.sidebar{position:static;width:auto;min-height:0;flex-direction:row;align-items:center;gap:16px;padding:22px 4%;border:0;background:transparent}.sidebar .brand{margin:0 auto 0 0}.sidebar .nav-label,.sidebar .sidebar-bottom,.sidebar a,.sidebar #open-import{display:none}.sidebar .nav-item{width:auto;white-space:nowrap;font-size:16px}.main{margin:0;padding:0 4% 40px;max-width:none}.topbar{margin-bottom:12px}.search-section{padding:12px 0 24px}.title-row{display:none}.search-box{max-width:none;background:#171b24;border:1px solid #363b48;border-radius:14px}.suggestions{display:none}.content-grid{display:flex;flex-direction:column;gap:24px}.left-pane{width:100%;display:flex;flex-direction:column;gap:26px}.player-section{border:0;background:radial-gradient(ellipse at 75% 10%,#274839 0,transparent 60%),linear-gradient(120deg,#151c2b,#090d13);padding:24px;border-radius:24px}.player-frame{height:clamp(290px,43vw,580px);aspect-ratio:auto;background:transparent;border-radius:16px}.player-placeholder{background:transparent}.player-placeholder strong{font-size:clamp(24px,3vw,44px);font-weight:500}.play-symbol{background:#b7f69a;color:#152018;box-shadow:0 0 90px #a8ef7840}.right-pane{display:block}.right-pane .quick-card{display:none}.iq-panel{border-radius:18px}.iq-panel .metric-row,.iq-panel .history,.iq-panel .panel-desc,.iq-panel>.fineprint{display:none}.iq-panel .wide{width:auto;margin-right:10px}.results-section{background:transparent;border:0;padding:0}.result{background:#141821;border:1px solid #292f3b;border-radius:14px;margin:10px 0;padding:20px}.section-search{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.section-search h2{margin:0;font-size:28px}.section-search form{display:flex;gap:10px;margin-left:auto}.section-search input{background:#161b24;color:white;border:1px solid #343c49;padding:14px;border-radius:10px}.section-search p{width:100%;color:#a3a7b0;margin:0}.primary{background:#b7f69a;color:#142018;border:0}details{margin-top:24px;border:1px solid #303744;border-radius:16px;padding:20px}summary{cursor:pointer;font-size:18px}.quality-observatory{border:0;padding:20px 0;background:transparent}.cloud-pill{font-size:10px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b7f69a;outline-offset:5px}.nav-item.selected{background:#b7f69a;color:#142018}.observatory-actions #quality-demo{display:none}@media(max-width:760px){.sidebar{flex-wrap:wrap;gap:5px}.sidebar .brand{width:100%;margin-bottom:8px}.sidebar .nav-item{font-size:13px;padding:10px}.sidebar #open-pair{margin-left:auto}.main{padding:0 5% 24px}.topbar .eyebrow,.cloud-pill{display:none}.player-section{padding:14px}.player-frame{height:300px}.section-search form{width:100%;margin:0}.section-search input{min-width:0;flex:1}.result{padding:14px}.top-tools{margin-left:auto}.section-title h2{font-size:19px}}
.channel-quality{margin-top:12px;padding:12px;border-radius:10px}.channel-quality summary{font-size:15px;color:#b7f69a}.channel-quality p{font-size:13px;color:#a3a7b0;line-height:1.5;white-space:normal}.channel-quality svg{width:100%;max-height:180px;display:block;background:linear-gradient(#ffffff05,#ffffff00);border-bottom:1px solid #454b57}

.channel-quality strong{font-size:15px;color:#b7f69a;display:block}.result-text{min-width:0;flex:1}.channel-quality{min-width:220px}
[hidden]{display:none!important}.sidebar{gap:12px;flex-wrap:nowrap;padding:16px 2%}.sidebar .brand{margin:0;flex-shrink:0;font-size:18px}.sidebar .brandmark{width:30px;height:30px}.sidebar .nav-item{padding:12px 8px}.sidebar #open-import{display:block}.sidebar #search-form{position:relative;flex:1;min-width:200px;margin:0;padding:6px 10px;gap:6px}.sidebar #query{font-size:17px;min-width:0}.sidebar #search-form>button[type=submit]{padding:10px}.main{padding:0 2% 30px}.search-section,.topbar .cloud-pill,.topbar .eyebrow{display:none}.topbar{height:auto;padding:4px 0}.player-section{padding:0;overflow:hidden}.player-section>.section-title,.player-footer{display:none}.player-frame{height:clamp(260px,32vw,500px);border-radius:18px}.playback-controls{position:absolute;bottom:16px;left:16px;right:16px;display:flex;gap:12px;z-index:5}.playback-controls button{background:#0c2828e8;border:1px solid #21bd8e;color:#fff;padding:14px 20px;border-radius:12px}.playback-controls #full-screen{margin-left:auto}.player-placeholder{background:radial-gradient(ellipse at center,#17483e,#101822);padding-bottom:70px}.channel-row{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(250px,1.8fr) 180px 120px;gap:20px;align-items:center;background:#0d1b23;border:1px solid #24343d;border-radius:14px;padding:18px;margin:10px 0}.channel-name{display:flex;align-items:center;gap:15px;font-size:18px}.rank{padding:12px;border-radius:10px;background:#133f34;color:#a9f9d8}.channel-epg{display:flex;flex-direction:column;gap:8px}.channel-epg small,.compact-quality small{color:#b7c2c8;font-size:12px}.channel-epg progress{width:100%;height:5px;accent-color:#28ce9c}.compact-quality{width:180px}.compact-quality strong{font-size:20px}.compact-quality svg{display:block;width:180px;height:52px}.compact-quality small{display:block}.connection-diagnostic{color:#f6bd59!important}.channel-tools button{width:100%;padding:14px}.typeahead{position:absolute;top:100%;left:0;width:100%;z-index:40;background:#0d2027;border:1px solid #2b8a70;border-radius:12px;padding:8px}.typeahead button{display:block;width:100%;text-align:left;padding:16px;background:transparent;color:#fff;border:0}.typeahead button:focus{background:#154f42}.section-search form{position:relative}.section-search p{display:none}#keyboard{position:absolute;left:0;top:100%;width:min(650px,90vw);background:#14232d;padding:14px;border:1px solid #45605c;border-radius:14px;z-index:50}.key-row{display:flex;gap:5px;margin:5px 0}.key-row button{flex:1;min-width:0;padding:12px 3px}#keyboard>button{padding:12px;margin:4px}.fullscreen-list{display:none}.full-player{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-height:none!important;border-radius:0!important;z-index:1000;background:#000}.full-player video{width:100%;height:100%;object-fit:contain}.full-player .playback-controls,.full-player #improvement,.full-player .player-placeholder{display:none!important}.full-player.controls-visible .playback-controls{display:flex!important;bottom:auto;top:25px}.full-player.controls-visible .fullscreen-list{display:flex;position:absolute;bottom:20px;left:20px;right:20px;max-height:35vh;overflow:auto;background:#081820ed;padding:16px;gap:10px;flex-wrap:wrap}.full-player.controls-visible .fullscreen-list button{padding:18px}.right-pane .quick-card{display:block}.right-pane{width:100%}.channel-quality{display:none}#improvement{display:none!important}@media(max-width:800px){.sidebar{flex-wrap:wrap}.sidebar #search-form{order:0;min-width:70%;}.sidebar .brand{width:auto}.sidebar .nav-item{font-size:13px}.channel-row{grid-template-columns:1fr 100px;gap:12px;padding:12px}.channel-name{grid-column:1}.channel-epg{grid-column:1;grid-row:2}.compact-quality{grid-column:2;grid-row:1/3;width:100px}.compact-quality svg{width:100px}.channel-tools{grid-column:1/3}.playback-controls button{font-size:12px;padding:10px}.playback-controls{gap:5px;left:8px;right:8px}.section-search{gap:10px}}
#catalogue-tools{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:20px}#catalogue-tools label{display:flex;align-items:center;gap:8px}#catalogue-tools select,#catalogue-tools input{background:#14242d;color:#effbf5;border:1px solid #38544b;border-radius:8px;padding:10px;max-width:180px}.modal button{margin:5px}.modal select{padding:10px;background:#14242d;color:white;border:1px solid #38544b;border-radius:8px}