:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(63,94,251,.1),transparent 34%),linear-gradient(180deg,#0f131a,#06080c);color:#ecf1f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent;color:#ecf1f8}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr) 360px;gap:20px;padding:20px}.centered{display:grid;place-items:center}.panel{background:#0d1218d6;border:1px solid rgba(130,154,188,.14);border-radius:22px;box-shadow:0 18px 60px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.left-rail,.main-stage,.right-rail{min-height:0}.left-rail,.right-rail{display:grid;gap:18px;align-content:start}.brand,.category-panel,.favorites-panel,.search-panel,.channel-list-panel,.player-panel,.guide-panel{padding:20px}.main-stage{display:grid;gap:18px;align-content:start}.brand{display:flex;align-items:flex-start;justify-content:space-between}.brand h1,.section-header h2,.player-header h2,.guide-card h3,.channel-card h3{margin:0}.eyebrow{margin:0 0 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#7e8ea5}.ghost-button,.primary-button,.category-chip,.favorite-button{border:0}.ghost-button,.primary-button{padding:10px 14px;border-radius:999px;background:#ffffff0f;color:#f5f8fc}.ghost-button:hover,.primary-button:hover{background:#ffffff1f}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.section-header span,.channel-meta,.channel-card p,.meta-grid dd,.guide-card p,.player-status,.channel-number{color:#93a0b4}.category-list,.channel-list{display:flex;flex-direction:column;gap:12px}.category-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff0a;color:#dfe8f4;text-align:left}.category-chip strong{display:inline-grid;place-items:center;min-width:36px;min-height:36px;border-radius:999px;background:#ffffff0f}.category-chip.active{background:linear-gradient(135deg,#486aff66,#19222ff2);box-shadow:inset 0 0 0 1px #99b7ff66}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.meta-grid dt{margin-bottom:6px;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#6e7c92}.meta-grid dd{margin:0}.player-header,.player-footer{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.player-badges{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:8px 12px;border-radius:999px;background:#ffffff0f;color:#ecf2ff;font-size:.82rem}.badge.proxy{background:#2686ff2e}.badge.direct{background:#00b8872e}.badge.warning{background:#ffb3472e;color:#ffdca8}.video-shell{position:relative;margin:18px 0;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#020406,#111822);aspect-ratio:16 / 9}.video-shell video{width:100%;height:100%;display:block;background:#000}.video-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#04080ca3;color:#a6b3c6}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-card{padding:18px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(130,154,188,.1)}.search-input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(120,143,174,.18);background:#ffffff0a;color:#f2f7ff;outline:none}.search-input:focus{border-color:#7197ff8f;box-shadow:0 0 0 4px #4368cd2e}.channel-list-panel{min-height:0;display:flex;flex-direction:column}.channel-list{min-height:0;overflow:auto;padding-right:4px}.channel-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid transparent;transition:transform .14s ease,border-color .14s ease,background .14s ease}.channel-card:hover{transform:translateY(-1px);background:#ffffff0f}.channel-card.active{border-color:#95b0ff52;background:linear-gradient(135deg,#364c80bf,#121a26fa)}.channel-card-main{display:flex;gap:12px;align-items:center;min-width:0}.channel-card-logo{width:48px;height:48px;border-radius:14px;background:#ffffff0f;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.channel-card-logo img{width:100%;height:100%;object-fit:cover}.channel-card-copy{min-width:0}.channel-card-copy h3,.channel-card-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-card-copy p{margin:4px 0 0}.favorite-button{flex:0 0 auto;width:38px;height:38px;border-radius:999px;background:#ffffff0f;color:#a8b5c8;font-size:1rem}.favorite-button.active{color:#ffd262}.error-panel{max-width:420px;padding:28px}.error-text{color:#f6a8a8}.empty-state{padding:22px 12px;border-radius:18px;text-align:center;color:#8a98ad;background:#ffffff08}@media(max-width:1280px){.shell{grid-template-columns:240px minmax(0,1fr) 320px}}@media(max-width:1080px){.shell{grid-template-columns:1fr}.left-rail,.right-rail,.main-stage{min-height:auto}.channel-list-panel{max-height:460px}.guide-cards{grid-template-columns:1fr}}