:root{--bg:#f7f8f3;--panel:#ffffff;--ink:#151711;--muted:#666d5d;--line:#dfe3d7;--accent:#146c43;--accent-strong:#0b4e30;--warn:#b45309;--danger:#b42318;--shadow:0 18px 60px rgba(26,32,20,0.08)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding:18px clamp(18px,4vw,56px)}.brand{display:grid;grid-gap:2px;gap:2px}.brand strong{font-size:1.02rem}.brand span,.meta,.muted{color:var(--muted)}.container{margin:0 auto;max-width:1180px;padding:28px clamp(18px,4vw,56px) 56px}.hero{align-items:end;display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);margin-bottom:28px}.hero h1{font-size:clamp(2rem,5vw,4.5rem);line-height:.95;margin:0 0 18px;max-width:780px}.hero p{color:var(--muted);font-size:1.05rem;line-height:1.65;margin:0;max-width:700px}.status-strip{background:var(--ink);border-radius:8px;color:white;display:grid;grid-gap:12px;gap:12px;padding:18px}.status-strip span{color:rgba(255,255,255,.68);font-size:.84rem}.status-strip strong{font-size:1.4rem}.grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card,.grid{display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);grid-gap:18px;gap:18px;padding:18px}.section-title{margin:0}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.badge{align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:.82rem;min-height:30px;padding:5px 10px}.badge.live{background:#e9f8ef;border-color:#a8dfbd;color:var(--accent-strong)}.button{align-items:center;background:var(--accent);border:0;border-radius:6px;color:white;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:42px;padding:0 14px}.button:hover{background:var(--accent-strong)}.button.secondary{background:#edf1e6;color:var(--ink)}.page-grid{align-items:start;display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(0,1fr) 340px}.player-frame{background:#090b08;border-radius:8px;overflow:hidden}.player-frame video{aspect-ratio:16/9;display:block;object-fit:contain;width:100%}.diagnostics{display:grid;grid-gap:6px;gap:6px;margin:10px 0}.diagnostics span{background:#edf1e6;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.82rem;padding:7px 9px;overflow-wrap:anywhere}.stream-link{color:var(--accent-strong);display:inline-flex;font-weight:700;margin-bottom:12px;overflow-wrap:anywhere}.source-list{display:grid;grid-gap:18px;gap:18px}.live-channels-card{grid-template-rows:auto auto minmax(0,1fr);max-height:min(70vh,680px);overflow:hidden}.live-channels-card .source-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-gutter:stable}.continent-group{display:grid;grid-gap:10px;gap:10px;min-width:0}.continent-heading{align-items:center;background:var(--panel);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:2px 0 8px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.continent-heading h3{font-size:.82rem;margin:0;text-transform:uppercase}.continent-heading span{color:var(--muted);font-size:.78rem}.continent-channels{display:grid;grid-gap:10px;gap:10px;min-width:0}.source-button{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.plain-button,.source-button{cursor:pointer;display:grid;grid-gap:6px;gap:6px;text-align:left}.plain-button{background:transparent;border:0;color:inherit;padding:0;width:100%}.plain-button:disabled{cursor:not-allowed;opacity:.55}.source-button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.source-button strong{overflow-wrap:anywhere}.source-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:8px}.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#7c2d12;line-height:1.55;padding:14px}.playback-warning{margin-bottom:12px}.skeleton{animation:pulse 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e8ebdf 25%,#f3f5ee 37%,#e8ebdf 63%);background-size:400% 100%;border-radius:8px;min-height:180px}.analytics-container{display:grid;grid-gap:22px;gap:22px}.analytics-hero{align-items:end;display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1fr) 300px}.analytics-kicker{color:var(--accent-strong);display:inline-flex;font-size:.78rem;font-weight:800;letter-spacing:0;margin-bottom:10px;text-transform:uppercase}.analytics-hero h1{font-size:clamp(2.5rem,7vw,6rem);line-height:.92;margin:0 0 14px}.analytics-hero p{color:var(--muted);font-size:1.02rem;line-height:1.6;margin:0;max-width:640px}.analytics-card,.analytics-panel,.analytics-status{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.analytics-status{display:grid;grid-gap:10px;gap:10px;padding:18px}.analytics-card p,.analytics-card span,.analytics-status span,.panel-heading span,.ranking-row em,.traffic-row span{color:var(--muted)}.analytics-status strong{font-size:1.35rem}.analytics-metrics{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-card{display:grid;grid-gap:8px;gap:8px;min-height:142px;padding:16px}.analytics-card span{font-size:.82rem;font-weight:700}.analytics-card strong{font-size:clamp(2rem,4vw,3.25rem);line-height:1}.analytics-card p{align-self:end;line-height:1.45;margin:0}.analytics-grid{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(300px,.68fr)}.analytics-panel{display:grid;grid-gap:18px;gap:18px;padding:18px}.panel-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.panel-heading h2{font-size:1.1rem;margin:0}.panel-heading span{font-size:.84rem}.channel-rankings,.traffic-list{display:grid;grid-gap:14px;gap:14px}.traffic-row{display:grid;grid-gap:8px;gap:8px}.ranking-row,.traffic-row>div:first-child{align-items:center;display:flex;gap:10px;justify-content:space-between}.ranking-row em,.ranking-row strong,.traffic-row span,.traffic-row strong{font-size:.92rem}.traffic-bar{background:#edf1e6;border-radius:999px;height:9px;overflow:hidden}.traffic-bar span{background:var(--accent);border-radius:inherit;display:block;height:100%}.ranking-row{border-bottom:1px solid var(--line);padding-bottom:12px}.ranking-row:last-child{border-bottom:0;padding-bottom:0}.ranking-row>span{align-items:center;background:#edf1e6;border-radius:999px;color:var(--accent-strong);display:inline-flex;flex:0 0 30px;font-size:.82rem;font-weight:800;height:30px;justify-content:center;width:30px}.ranking-row strong{flex:1 1;min-width:0;overflow-wrap:anywhere}.ranking-row em{font-style:normal;white-space:nowrap}@keyframes pulse{0%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:800px){body,html{overflow-x:hidden}.analytics-grid,.analytics-hero,.hero,.page-grid{grid-template-columns:1fr}.brand,.hero>*,.page-grid>*,.plain-button,.source-button,.source-button strong,.source-meta,.source-meta span{min-width:0;max-width:100%}.brand span,.source-button strong,.source-meta,.source-meta span{overflow-wrap:anywhere;word-break:break-word}.badge,.player-frame{max-width:100%}.source-button{min-height:48px;overflow:hidden}.topbar{align-items:start;flex-direction:column}.topbar .badge-row{width:100%}.topbar .badge{flex:1 1 150px;justify-content:center;text-align:center}.live-channels-card{max-height:min(62vh,560px)}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.topbar{gap:14px;padding:14px 16px}.container{padding:20px 16px 36px}.hero{gap:16px;margin-bottom:20px}.hero h1{font-size:2.25rem;line-height:1;margin-bottom:12px}.hero p{font-size:.95rem;line-height:1.5}.status-strip{gap:8px;padding:14px}.status-strip strong{font-size:1.15rem;overflow-wrap:anywhere}.page-grid{gap:16px}.card{gap:14px;padding:14px}.live-channels-card{max-height:min(58vh,480px)}.live-channels-card .source-list{padding-right:3px}.source-button{padding:11px}.source-meta{display:grid;grid-gap:4px;gap:4px;width:100%}.stream-link{max-width:100%}.analytics-metrics{grid-template-columns:1fr}.analytics-hero h1{font-size:3rem}.analytics-card{min-height:126px}.panel-heading,.ranking-row,.traffic-row>div:first-child{align-items:start}}