:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ecf3ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle,#000000e6 0%,#000000c7 34%,#1a0a02f5 62%,#0a070c 100%),radial-gradient(circle at 0 0,#ffab4024,#0000 30%),radial-gradient(circle at 100% 100%,#ff541f1a,#0000 32%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;padding:32px}.app-shell--full-bleed{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{justify-content:space-between;align-items:flex-end;gap:16px;width:min(1280px,100%);margin:0 auto 24px;display:flex}.app-header__label{margin:0;padding-top:4px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;width:min(1280px,100%);margin:0 auto 24px;display:flex}.page-header__copy{gap:10px;display:grid}.page-header__eyebrow{margin-bottom:0}.page-header__title{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.02}.page-header__subtitle{color:#ecf3ffc7;max-width:62ch;margin:0}.page-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.app-header__actions{align-items:center;gap:10px;display:flex}.app-header__link{color:#ecf3ff;background:#ffffff0f;border:1px solid #9cbbff29;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1rem;line-height:1;text-decoration:none;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.app-header__link svg,.app-header__button svg,.settings-view__back svg{flex:none;width:18px;height:18px;display:block}.app-header__link:hover,.app-header__link:focus-visible{background:#ffa5262e;border-color:#ffab406b;transform:translateY(-1px);box-shadow:0 12px 32px #0003}.app-main{width:min(1280px,100%);margin:0 auto}.app-main--fluid{flex:1;width:100%;max-width:none;min-height:0;margin:0;display:flex;overflow:hidden}.shell{place-items:center;min-height:100vh;padding:32px;display:grid}.hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:28px;width:min(1120px,100%);display:grid}.hero--channels{grid-template-columns:minmax(0,1fr);align-items:start;width:100%}.channel-view{flex-direction:column;align-content:start;gap:14px;width:100%;min-height:0;display:flex}.channel-view--video-only{height:100%}.channel-view__stage{aspect-ratio:16/9;background:linear-gradient(160deg,#2d1008f0,#0f0704f0),radial-gradient(circle at top,#ff910059,#0000 42%);border:1px solid #ffb44d2e;border-radius:28px;flex:auto;justify-content:center;align-self:center;align-items:center;width:auto;max-width:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000059}.channel-view__overlay{inset-inline-start:18px;z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#070b14c7;border:1px solid #ffb44d33;border-radius:18px;gap:8px;width:fit-content;max-width:min(240px,100% - 36px);padding:14px 16px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 18px 42px #0000004d}.channel-view__overlay-title{letter-spacing:.24em;text-transform:uppercase;color:#ffbf66;margin:0;font-size:.64rem;font-weight:800}.channel-view__shortcut-row{align-items:center;gap:10px;display:flex}.channel-view__shortcut-key{color:#fff3df;text-align:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;flex:none;min-width:44px;padding:6px 10px;font-size:.82rem;font-weight:800}.channel-view__shortcut-text{color:#ecf3ffd6;font-size:.86rem;line-height:1.2}.channel-view__unmute-button{z-index:2;color:#ecf3ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050a16c7;border:1px solid #ffb44d33;border-radius:999px;padding:10px 14px;font-size:.85rem;position:absolute;top:18px;right:18px;box-shadow:0 12px 32px #00000047}.channel-view__unmute-button:hover{background:#0f1930eb}.channel-view__unmute-button:focus-visible{outline-offset:2px;outline:2px solid #ffab40cc}.channel-view__info{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#190a06ad;border:1px solid #ffb44d2e;border-radius:22px;grid-template-columns:minmax(0,1.45fr) auto;justify-content:space-between;align-items:stretch;gap:16px;width:100%;padding:14px 18px;display:grid;box-shadow:0 24px 80px #0000003d}.channel-view--video-only .channel-view__info{display:none}.channel-view__metrics{scrollbar-width:none;grid-auto-columns:minmax(124px,1fr);grid-auto-flow:column;align-content:center;justify-items:stretch;gap:10px;width:100%;padding-bottom:2px;display:grid;overflow-x:auto}.channel-view__metrics::-webkit-scrollbar{display:none}.channel-view__metric-card{white-space:nowrap;background:#ffffff0d;border:1px solid #ffb44d1f;border-radius:16px;gap:6px;min-width:0;padding:12px 14px 11px;display:grid}.channel-view__metric-title{letter-spacing:.24em;text-transform:uppercase;color:#ffbf66;margin:0;font-size:.64rem;font-weight:800}.channel-view__metric-value{color:#ecf3ff;margin:0;font-size:.95rem;font-weight:700}.channel-view__video,.channel-view__fallback-stage{width:100%;height:100%;position:absolute;inset:0}.channel-view__video{object-fit:contain;background:#000}.channel-view__player{flex:none;width:100%;max-width:100%;height:100%;position:relative}.channel-view__fallback-stage{place-items:center;padding:24px;display:grid}.channel-view__poster{object-fit:cover;opacity:.18;filter:blur(10px)saturate(.8);width:100%;height:100%;position:absolute;inset:0}.channel-view__fallback-card{z-index:1;text-align:center;background:#060c1ab8;border:1px solid #ffffff14;border-radius:24px;place-items:center;gap:12px;padding:28px 30px;display:grid;position:relative;box-shadow:0 24px 80px #00000059}.channel-view__fallback-initials{color:#04111f;background:linear-gradient(135deg,#73a4ff,#4ce0c3);border-radius:50%;place-items:center;width:108px;height:108px;font-size:2rem;font-weight:900;display:grid}.channel-view__fallback-card p{color:#ecf3ffcc;margin:0}.channel-view__identity{align-items:center;gap:16px;min-width:0;display:flex}.channel-view__logo-wrap{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;flex:none;place-items:center;width:58px;height:58px;display:grid;overflow:hidden}.channel-view__logo{object-fit:contain;width:100%;height:100%;display:block}.channel-view__logo-fallback{color:#9bc2ff;letter-spacing:.08em;font-weight:900}.channel-view__text{min-width:0}.channel-view__eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#8cb6ff;margin:0 0 2px;font-size:.68rem}.channel-view__name{margin:0;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1}.channel-view__show{color:#ecf3ffc7;margin:4px 0 0;font-size:.92rem}.channel-view__chips{flex-wrap:wrap;justify-content:flex-start;gap:10px;display:flex}.hero__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#190a06ad;border:1px solid #ffb44d2e;border-radius:28px;padding:18px;box-shadow:0 24px 80px #00000059}.hero__panel--channels{background:radial-gradient(circle at 100% 0,#4ce0c31f,#0000 26%),radial-gradient(circle at 0,#73a4ff2e,#0000 34%),#060c1ab8;width:100%;padding:22px}.channel-list{gap:18px;display:grid}.channel-list__header{justify-content:space-between;align-items:flex-start;gap:18px;padding:6px 2px 2px;display:flex}.channel-list__eyebrow{text-transform:uppercase;letter-spacing:.28em;color:#ffb347;margin:0 0 10px;font-size:.72rem}.channel-list__title{margin:0;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.02}.channel-list__subtitle{color:#ecf3ffc2;max-width:58ch;margin:10px 0 0;font-size:.96rem}.channel-list__summary{text-align:right;background:linear-gradient(#ffffff14,#ffffff0a);border:1px solid #ffb44d2e;border-radius:18px;gap:2px;min-width:110px;padding:14px 16px;display:grid;box-shadow:0 16px 42px #00000038}.channel-list__summary-label{text-transform:uppercase;letter-spacing:.18em;color:#ecf3ff8f;font-size:.7rem}.channel-list__summary-value{font-size:1.9rem;line-height:1}.channel-list__summary-total{color:#ecf3ffb8;font-size:.84rem}.channel-list__groups{gap:18px;display:grid}.channel-list__group{gap:12px;display:grid}.channel-list__group-header{color:#ecf3ffeb;align-items:baseline;gap:10px;padding-left:2px;display:flex}.channel-list__group-label{text-transform:uppercase;letter-spacing:.2em;color:#ecf3ff85;font-size:.7rem}.channel-list__toolbar{background:#ffffff08;border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:flex-end;gap:14px;padding:14px;display:flex}.channel-list__toolbar .channel-list__summary{flex:none;min-width:120px}.channel-list__search{flex:1;gap:8px;display:grid}.channel-list__search-label{text-transform:uppercase;letter-spacing:.22em;color:#ffb347;font-size:.78rem}.channel-list__search-input{color:#ecf3ff;background:linear-gradient(#ffffff14,#ffffff0a),#ffffff0d;border:1px solid #ffb44d38;border-radius:18px;outline:none;width:100%;padding:15px 16px 15px 18px;box-shadow:inset 0 1px #ffffff14}.channel-list__search-input::placeholder{color:#ecf3ff80}.channel-list__search-input:focus{border-color:#ffab40cc;box-shadow:0 0 0 4px #ffab402e,0 14px 32px #00000038}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:#ffb347;margin:0 0 12px;font-size:.78rem}h1{max-width:12ch;margin:0;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.95}.lead{color:#ecf3ffcc;max-width:60ch;margin:20px 0 0;font-size:1.05rem}.state-text{color:#ecf3ffcc;margin:0;padding:24px}.state-text--error{color:#ffb8b8}.state-block{gap:12px;display:grid}.back-link{color:#ecf3ffeb;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;text-decoration:none;display:inline-flex}.channel-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.channel-events-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.channel-card{background:radial-gradient(circle at 0 0,#ffab401a,#0000 32%),linear-gradient(#100b10f5,#07080cfa);border:1px solid #ffb44d24;border-radius:18px;align-items:center;gap:14px;padding:14px;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.channel-card:before{content:"";opacity:.34;background:linear-gradient(#ffcf66,#ff4d2d);width:4px;position:absolute;top:0;bottom:0;left:0}.channel-card:hover{background:linear-gradient(135deg,#ffa52633,#ff541f1a);border-color:#ffab407a;transform:translateY(-7px)scale(1.02);box-shadow:0 24px 60px #0000006b,0 0 0 1px #ffab4029}.channel-card:hover .channel-card__logo-wrap{border-color:#ffb44d6b;transform:scale(1.1)rotate(-1.5deg)}.channel-card:hover .channel-card__name{color:#fff}.channel-card:hover .channel-card__show{color:#ecf3ffeb}.channel-card__link{width:100%;color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.channel-card__button{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:0;text-decoration:none;display:flex}.channel-card__logo-wrap{background:#ffffff0a;border-radius:16px;flex:none;place-items:center;width:58px;height:58px;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,background .18s;display:grid;overflow:hidden}.channel-card__logo{object-fit:contain;width:100%;height:100%;display:block}.channel-card__fallback{letter-spacing:.08em;color:#ffcf66;font-weight:800}.channel-card__content{min-width:0}.channel-card__name{margin:0;font-size:1rem;line-height:1.2}.channel-card__show{color:#ecf3ffbd;margin:6px 0 0;font-size:.9rem}.settings-view{gap:24px;display:grid}.settings-view__eyebrow,.settings-card__eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#ffb347;margin:0 0 10px;font-size:.72rem}.settings-view__title{margin:0}.settings-view__subtitle,.settings-card__description{color:#ecf3ffc7;max-width:62ch;margin:12px 0 0}.settings-view__back,.settings-view__reset{color:#ecf3ff;background:#ffffff0d;border:1px solid #ffb44d2e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.15rem;line-height:1;text-decoration:none;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 32px #0003}.settings-view__back:hover,.settings-view__back:focus-visible,.settings-view__reset:hover,.settings-view__reset:focus-visible{background:#ffa5262e;border-color:#ffab406b;transform:translateY(-1px);box-shadow:0 16px 40px #00000047}.settings-view__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 0 0,#ffab4014,#0000 32%),linear-gradient(#120a08b8,#08080ce6);border:1px solid #ffb44d29;border-radius:24px;padding:18px;box-shadow:0 24px 80px #0000003d}.settings-card__title{margin:0;font-size:1.1rem}.settings-card__options{gap:12px;margin-top:18px;display:grid}.settings-card__options--stacked{grid-template-columns:1fr}.settings-toggle{color:#ecf3ff;text-align:left;background:#ffffff0d;border:1px solid #ffb44d1f;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:flex}.settings-toggle:hover,.settings-toggle:focus-visible,.settings-toggle--active{background:linear-gradient(135deg,#ffa52629,#ff541f14);border-color:#ffab4061;transform:translateY(-2px);box-shadow:0 16px 40px #00000047}.settings-toggle__copy{gap:4px;display:grid}.settings-toggle__label{font-weight:700}.settings-toggle__description{color:#ecf3ffb8;font-size:.92rem}.settings-toggle__state{white-space:nowrap;color:#ecf3ffe6;background:#120a08b8;border:1px solid #ffb44d24;border-radius:999px;padding:8px 12px}.settings-view__reset{justify-self:start}.channel-browser{background:radial-gradient(circle,#000000e6 0%,#000000c7 34%,#1a0a02f5 62%,#0a070c 100%),radial-gradient(circle at 0 0,#ffab4024,#0000 30%),radial-gradient(circle at 100% 100%,#ff541f1a,#0000 32%);min-height:100vh;padding:18px;position:relative;overflow:auto}.channel-browser__container{gap:14px;width:min(1280px,100%);margin:0 auto;display:grid}.channel-browser__eyebrow{text-transform:uppercase;letter-spacing:.28em;color:#ffb347;margin:0;font-size:.72rem}.channel-browser__icon-link{color:#ecf3ff;background:#ffffff0f;border:1px solid #ffb44d2e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;line-height:1;text-decoration:none;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.channel-browser__icon-link:hover,.channel-browser__icon-link:focus-visible{background:#ffa5262e;border-color:#ffab406b;transform:translateY(-1px);box-shadow:0 12px 32px #0003}.channel-browser--fullscreen{overflow:hidden}.channel-browser__list-shell{z-index:1;opacity:1;filter:blur();transition:opacity .36s cubic-bezier(.16,1,.3,1),transform .36s cubic-bezier(.16,1,.3,1),filter .36s;position:relative;transform:translateY(0)scale(1)}.channel-browser__list-shell--hidden{opacity:0;filter:blur(6px);visibility:hidden;pointer-events:none;transform:translateY(-18px)scale(.92)}.channel-browser__search-shell{margin-bottom:18px}.channel-browser__events-section{gap:18px;margin-bottom:22px;display:grid}.channel-event-card{background:linear-gradient(#ffffff0d,#ffffff08),#060c1abd;border:1px solid #ffb44d24;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 46px #0000003d}.channel-event-card__button{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:0;padding:0;display:grid}.channel-event-card__media{background:radial-gradient(circle at top,#ff910059,#0000 48%),#02060eeb;min-height:180px;position:relative}.channel-event-card__image{object-fit:cover;width:100%;height:100%;min-height:180px;display:block}.channel-event-card__fallback{letter-spacing:.12em;color:#ffcf66;place-items:center;font-size:2rem;font-weight:900;display:grid;position:absolute;inset:0}.channel-event-card__content{align-content:center;gap:10px;padding:22px 22px 20px;display:grid;position:relative}.channel-event-card__content:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ff541f17,#0000 36%),radial-gradient(circle at 0,#ffab4024,#0000 38%);position:absolute;inset:0}.channel-event-card__eyebrow,.channel-event-card__channel,.channel-event-card__time,.channel-event-card__show,.channel-event-card__name{z-index:1;margin:0;position:relative}.channel-event-card__eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#ffb347;font-size:.72rem}.channel-event-card__name{font-size:1.2rem;line-height:1.08}.channel-event-card__show{color:#ecf3ffd1}.channel-event-card__channel,.channel-event-card__time{color:#ecf3ffa8;font-size:.92rem}.channel-event-card:hover{border-color:#ffab406b;box-shadow:0 24px 60px #00000057}.channel-event-card:hover .channel-event-card__image{transform:scale(1.03)}.channel-event-card__image{transition:transform .22s}.channel-browser__player-shell{z-index:20;opacity:1;will-change:top, right, bottom, left, width, height, transform, border-radius, box-shadow;transform-origin:100% 100%;transition:top .42s cubic-bezier(.2,.9,.2,1),right .42s cubic-bezier(.2,.9,.2,1),bottom .42s cubic-bezier(.2,.9,.2,1),left .42s cubic-bezier(.2,.9,.2,1),width .42s cubic-bezier(.2,.9,.2,1),height .42s cubic-bezier(.2,.9,.2,1),opacity .24s,transform .42s cubic-bezier(.2,.9,.2,1),border-radius .42s cubic-bezier(.2,.9,.2,1),box-shadow .42s cubic-bezier(.2,.9,.2,1);position:fixed}.channel-browser__player-shell--fullscreen{box-shadow:none;background:#040812f5;border-radius:0;flex-direction:column;padding:18px;display:flex;inset:0;transform:scale(1)}.channel-browser__player-shell--mini{border-radius:28px;flex-direction:column;width:min(420px,100vw - 36px);height:min(260px,100vh - 36px);display:flex;inset:auto 18px 18px auto;transform:scale(.88)translateY(18px)rotate(.15deg);box-shadow:0 28px 72px #00000085}.channel-browser__player{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.channel-browser__mini-controls{z-index:2;gap:8px;display:flex;position:absolute;top:12px;right:12px}.channel-browser__icon-button,.channel-browser__back-button,.channel-browser__close-button{z-index:2;color:#ecf3ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#140a06d6;border:1px solid #ffb44d33;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s,box-shadow .18s,border-color .18s,color .18s;position:absolute;box-shadow:0 12px 32px #00000047}.channel-browser__icon-button{border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:1.15rem;line-height:1;display:grid;position:static}.channel-browser__back-button,.channel-browser__close-button{border-radius:999px;place-items:center;min-width:42px;min-height:42px;padding:0;font-size:1.2rem;line-height:1;display:grid}.channel-browser__icon-button:hover,.channel-browser__back-button:hover,.channel-browser__close-button:hover{background:#ffa5262e;border-color:#ffab407a;transform:translateY(-2px)scale(1.08);box-shadow:0 16px 40px #00000061,0 0 0 1px #ffab402e}.channel-browser__icon-button:active,.channel-browser__back-button:active,.channel-browser__close-button:active{transform:translateY(0)scale(.95)}.channel-browser__back-button{top:26px;left:26px}.channel-browser__close-button{top:18px;right:18px}.channel-browser__icon-button:focus-visible,.channel-browser__back-button:focus-visible,.channel-browser__close-button:focus-visible{outline-offset:2px;outline:2px solid #ffab40d9}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px;display:grid}.stat-card,.player-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060c1aad;border:1px solid #9cbbff29;box-shadow:0 24px 80px #00000059}.stat-card{border-radius:18px;padding:18px}.stat-card span{text-transform:uppercase;letter-spacing:.12em;color:#ecf3ff8f;font-size:.82rem;display:block}.stat-card strong{margin-top:8px;font-size:1.05rem;display:block}.player-card{border-radius:28px;padding:18px}.player-card__screen{text-align:center;background:linear-gradient(160deg,#122141eb,#060a15eb),radial-gradient(circle at top,#67a4ff59,#0000 42%);border-radius:22px;place-items:center;min-height:480px;padding:24px;display:grid;position:relative;overflow:hidden}.player-card__screen:before{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:18px;position:absolute;inset:16px}.player-card__badge{letter-spacing:.12em;text-transform:uppercase;background:#ffffff1a;border-radius:999px;padding:8px 12px;font-size:.78rem;position:absolute;top:22px;left:22px}.player-card__play{color:#04111f;background:linear-gradient(135deg,#73a4ff,#4ce0c3);border-radius:50%;place-items:center;width:96px;height:96px;font-size:2rem;display:grid;box-shadow:0 14px 44px #4ce0c347}.player-card__screen p{color:#ecf3ffcc;max-width:26ch;margin:0;position:absolute;bottom:24px}.player-card__controls{gap:12px;margin-top:16px;display:flex}.player-card__controls button{color:#04111f;background:linear-gradient(135deg,#c8dfff,#7ee7d9);border-radius:14px;flex:1;padding:14px 18px;font-weight:700}.player-card__controls .secondary{color:#ecf3ff;background:#ffffff14;border:1px solid #ffffff1f}.app-header__session{color:#ecf3ffe6;background:#ffffff0f;border:1px solid #ffb44d2e;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;display:inline-flex}.app-header__button{color:#ecf3ff;background:#ffffff0f;border:1px solid #ffb44d2e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1rem;line-height:1;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.app-header__button:hover,.app-header__button:focus-visible{background:#ffa5262e;border-color:#ffab406b;transform:translateY(-1px);box-shadow:0 12px 32px #0003}.auth-page{background:radial-gradient(circle at 0 0,#ffab4047,#0000 30%),radial-gradient(circle at 100% 100%,#ff541f38,#0000 34%),linear-gradient(#120701 0%,#090b11 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-panel{background:linear-gradient(160deg,#1c0a06f5,#080a12f5),radial-gradient(circle at 0 0,#ffab4029,#0000 34%);border:1px solid #ffb44d2e;border-radius:32px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;width:min(1080px,100%);padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000070}.auth-panel__glow{filter:blur(16px);pointer-events:none;border-radius:50%;position:absolute}.auth-panel__glow--one{background:#ff7a1838;width:220px;height:220px;top:-70px;right:-40px}.auth-panel__glow--two{background:#ffab402e;width:180px;height:180px;bottom:-40px;left:-50px}.auth-panel__copy,.auth-card{z-index:1;position:relative}.auth-panel__copy{align-content:center;gap:16px;padding:28px 18px 28px 8px;display:grid}.auth-panel__eyebrow,.auth-card__eyebrow{text-transform:uppercase;letter-spacing:.28em;color:#ffb347;margin:0;font-size:.72rem}.auth-panel__title{max-width:12ch;margin:0;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95}.auth-panel__description{color:#ecf3ffc7;max-width:54ch;margin:0;font-size:1.02rem}.auth-panel__notes{flex-wrap:wrap;gap:10px;display:flex}.auth-panel__notes span{color:#ecf3ffdb;background:#ffffff0f;border:1px solid #ffb44d29;border-radius:999px;padding:8px 12px}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060c1ab8;border:1px solid #ffb44d2e;border-radius:28px;align-self:center;gap:16px;padding:22px;display:grid;box-shadow:0 24px 80px #00000047}.auth-card__field{gap:8px;display:grid}.auth-card__label{text-transform:uppercase;letter-spacing:.18em;color:#ffb347;font-size:.84rem}.auth-card__input{color:#ecf3ff;background:#ffffff0d;border:1px solid #ffb44d2e;border-radius:18px;outline:none;width:100%;padding:16px 18px}.auth-card__input:focus{border-color:#ffab40cc;box-shadow:0 0 0 4px #ffab402e,0 14px 32px #0000003d}.auth-card__error{color:#ffb8b8;margin:0}.auth-card__button{color:#04111f;background:linear-gradient(135deg,#ffcf66,#ff4d2d);border-radius:16px;padding:15px 18px;font-weight:800;box-shadow:0 16px 40px #ff7a1847}.auth-card__button:disabled{opacity:.7;cursor:progress}.auth-card__help{color:#ecf3ffb8;margin:0;font-size:.92rem}@media (width<=900px){.shell,.app-shell{padding:20px}.auth-page{place-items:start center;padding:16px}.auth-panel{border-radius:24px;grid-template-columns:1fr;gap:18px;padding:18px}.auth-panel__copy{padding:8px 0 0}.auth-panel__title{max-width:none;font-size:clamp(1.9rem,8vw,3.2rem)}.auth-panel__description{max-width:none;font-size:.98rem}.auth-panel__notes{gap:8px}.auth-panel__notes span{padding:7px 10px}.auth-card{border-radius:22px;padding:18px}.hero,.hero--channels{grid-template-columns:1fr}.channel-list__toolbar{flex-direction:column;align-items:stretch}.channel-list__toolbar .channel-list__summary{width:100%}.channel-list__header,.settings-view__header{flex-direction:column}.settings-view__grid{grid-template-columns:1fr}.settings-view__back,.settings-view__reset{flex:none;width:44px;height:44px}.app-header{flex-direction:column;align-items:flex-start}.app-header__actions{align-self:flex-start;width:auto}.app-header__link,.app-header__button{width:44px;height:44px}.channel-browser__topbar{flex-direction:column;align-items:flex-start}.channel-browser__container{width:100%}.channel-browser__topbar-actions{justify-content:flex-start;width:100%}.channel-event-card__button,.channel-events-grid{grid-template-columns:1fr}.channel-event-card__media,.channel-event-card__image{min-height:220px}.channel-view__overlay{flex-direction:column;align-items:flex-start}.channel-view__info{grid-template-columns:1fr}.channel-view__metrics{grid-auto-columns:minmax(124px,1fr);justify-items:stretch;width:100%}.channel-view__chips{justify-content:flex-start}.channel-browser{padding:12px}.channel-browser__player-shell--mini{width:min(320px,100vw - 24px);height:min(220px,100vh - 24px);bottom:12px;right:12px}.channel-browser__player-shell--fullscreen{padding:12px}.channel-browser__back-button,.channel-browser__close-button{top:16px}.channel-browser__back-button{left:16px}.channel-browser__close-button{right:12px}.settings-toggle{flex-direction:column;align-items:flex-start}.settings-toggle__state{align-self:flex-start}h1{max-width:none}}@media (width<=560px){.auth-page{padding:12px}.auth-panel{border-radius:20px;gap:14px;padding:14px}.auth-panel__glow{display:none}.auth-panel__copy{gap:12px}.auth-panel__title{font-size:clamp(1.7rem,9vw,2.8rem)}.auth-panel__notes{flex-direction:column;align-items:flex-start}.auth-card{padding:16px}.auth-card__input,.auth-card__button{border-radius:14px}.stats{grid-template-columns:1fr}.player-card__screen{min-height:360px}.player-card__controls{flex-direction:column}.channel-card{align-items:flex-start}.channel-view__overlay{padding:18px}.channel-view__identity{align-items:flex-start}.channel-view__logo-wrap{width:64px;height:64px}}