:root{--bg:#1e2124;--bg-deep:#121416;--surface:#2f3136;--surface-2:#282b2f;--surface-3:#383b40;--red:#ef4444;--red-dark:#dc2626;--red-light:#f87171;--text:#fff;--muted:#9ca3af;--line:#ffffff1a;--radius:14px;--shadow:0 24px 70px #00000059;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}code{font-family:SFMono-Regular,Consolas,monospace}::selection{color:#fff;background:var(--red-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#484b50;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--red)}.app-shell{min-height:100vh;overflow:clip}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.cluster{align-items:center;gap:8px;display:flex}.site-header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0e10c7;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.8px;align-items:center;gap:10px;font-size:19px;font-style:italic;font-weight:950;display:inline-flex}.brand__mark{background:var(--red);border-radius:9px 3px;place-items:center;width:34px;height:34px;display:grid;transform:skew(-5deg);box-shadow:0 0 30px #ef444457}.brand__mark svg{transform:skew(5deg)}.brand__accent{color:var(--red);margin-left:3px}.site-nav{align-items:center;gap:6px;display:flex}.site-nav a{color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:750;transition:all .16s;display:flex}.site-nav a:hover,.site-nav a.active{color:#fff;background:#ffffff12}.site-nav a.active svg{color:var(--red-light)}.eyebrow{color:var(--muted);letter-spacing:.18em;align-items:center;gap:7px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.eyebrow--red{color:var(--red-light)}em{color:var(--red);font-style:italic}.button{background:var(--surface);color:#fff;cursor:pointer;letter-spacing:.055em;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:12px;font-weight:900;transition:transform .15s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.5}.button--primary{background:var(--red);box-shadow:0 10px 30px #ef444433}.button--primary:hover:not(:disabled){background:var(--red-dark)}.button--ghost{border-color:var(--line);background:#ffffff09}.button--ghost:hover:not(:disabled){background:#ffffff12;border-color:#ffffff3d}.button--muted{background:var(--surface-3);box-shadow:none}.button--small{min-height:36px;padding-inline:12px;font-size:10px}.button--compact{min-height:36px;padding-inline:12px}.hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:72px;min-height:645px;padding-block:70px 80px;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(circle at 75%,#ef444424,#0000 56%);position:absolute;inset:0 40% 0 -50vw}.hero__glow{z-index:-1;filter:blur(110px);background:#ef44442e;border-radius:50%;width:340px;height:340px;position:absolute;top:15%;right:5%}.hero h1{letter-spacing:-.065em;margin:18px 0 20px;font-size:clamp(53px,6vw,82px);font-style:italic;font-weight:950;line-height:.9}.hero__copy{color:#c0c4cb;max-width:570px;margin:0;font-size:17px;line-height:1.7}.hero__actions{gap:12px;margin-top:32px;display:flex}.hero__metrics{margin-top:48px;display:flex}.hero__metrics span{border-right:1px solid var(--line);color:#737982;letter-spacing:.1em;flex-direction:column;min-width:120px;margin-right:24px;padding-right:24px;font-size:9px;font-weight:850;display:flex}.hero__metrics span:last-child{border:0}.hero__metrics strong{color:#fff;letter-spacing:-.04em;font-size:23px}.hero-card{background:var(--surface);box-shadow:var(--shadow);border:1px solid #ffffff21;border-radius:18px;position:relative;overflow:hidden;transform:perspective(900px)rotateY(-3deg)rotateX(1deg)}.hero-card:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff14}.hero-card__screen{aspect-ratio:16/9;background:radial-gradient(circle at 50% 45%,#4b171b,#17191b 62%);place-items:center;display:grid;position:relative;overflow:hidden}.hero-card__screen:before,.hero-card__screen:after{content:"";background:linear-gradient(90deg, transparent, var(--red), transparent);opacity:.45;width:62%;height:1px;position:absolute;transform:rotate(-35deg)}.hero-card__screen:after{transform:rotate(35deg)}.hero-card__noise{opacity:.12;background-image:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff1f 4px);position:absolute;inset:0}.hero-card__letter{z-index:1;color:#fff;text-shadow:14px 14px 0 var(--red-dark), 0 0 50px #ef444466;font-size:clamp(85px,10vw,150px);font-style:italic;font-weight:1000;line-height:1;transform:skew(-7deg)}.hero-card__screen .status-badge{z-index:2;position:absolute;top:16px;left:16px}.hero-card__details{align-items:center;gap:13px;min-height:78px;padding:13px 16px;display:flex}.hero-card__details>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.hero-card__details strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.hero-card__details span:not(.viewer-chip){color:var(--muted);font-size:11px}.avatar{border:2px solid var(--red);color:#fff;background:#151719;border-radius:50%;flex:none;place-items:center;width:43px;height:43px;font-style:italic;font-weight:950;display:grid;box-shadow:0 0 22px #ef44442e}.avatar--large{width:52px;height:52px;font-size:19px}.viewer-chip{color:#d5d8dd;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.viewer-chip--kick{color:#b7ff9e}.kick-subscribe{color:#091006;background:#53fc18;border-color:#53fc18;font-weight:950}.kick-subscribe:hover{color:#091006;background:#76ff47;border-color:#76ff47}.status-badge{color:#bec2c8;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101214d6;border:1px solid #ffffff1f;border-radius:5px;align-items:center;gap:7px;width:max-content;padding:6px 9px;font-size:9px;font-weight:950;display:inline-flex}.status-badge i{background:#7b8087;border-radius:50%;width:6px;height:6px}.status-badge--live{color:#fff;border-color:var(--red);background:var(--red-dark)}.status-badge--live i{background:#fff;animation:1.4s infinite pulse}.status-badge--starting i,.status-badge--processing i{background:#fbbf24}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.feature-strip{border-block:1px solid var(--line);background:#191b1e}.feature-strip__inner{color:#8f949c;justify-content:space-between;align-items:center;min-height:62px;display:flex}.feature-strip__inner span{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:800;display:inline-flex}.feature-strip__inner svg{width:17px;color:var(--red-light)}.section{padding-block:78px 100px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.section-heading h2,.watch-vods h2{letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(30px,4vw,45px);font-style:italic;line-height:1}.retention-note{color:#7e848d;font-size:11px}.vod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.vod-grid--compact{max-width:850px}.vod-card{min-width:0}.vod-card__image{aspect-ratio:16/9;background:#151719;border-radius:11px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000038}.vod-card__image:after{content:"";border-radius:inherit;border:1px solid #ffffff17;transition:border-color .18s;position:absolute;inset:0}.vod-card__image:hover:after{border-color:var(--red)}.vod-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.vod-card__image:hover img{transform:scale(1.025)}.vod-card__placeholder{background:radial-gradient(circle at 50% 35%,#541a1e,#17191b 65%);place-items:center;display:grid;position:absolute;inset:0}.vod-card__placeholder span{text-shadow:9px 9px var(--red-dark);font-size:85px;font-style:italic;font-weight:1000}.vod-card__play{z-index:2;opacity:0;background:#ef4444eb;border-radius:50%;place-items:center;width:48px;height:48px;transition:all .18s;display:grid;transform:scale(.8)}.vod-card__image:hover .vod-card__play{opacity:1;transform:scale(1)}.vod-card__play svg{width:20px}.vod-card__duration{z-index:3;background:#000c;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:9px;right:9px}.vod-card__body{padding:14px 3px}.vod-card__body h3{margin:0;font-size:15px}.vod-card__body h3 a:hover{color:var(--red-light)}.vod-card__body p{color:var(--muted);margin:5px 0 0;font-size:11px}.empty-state,.loading-block{border-radius:var(--radius);text-align:center;background:#ffffff05;border:1px dashed #ffffff26;flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex}.empty-state__mark{width:54px;height:54px;color:var(--red-light);background:#ef44441f;border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.empty-state h3{margin:0 0 6px;font-size:17px}.empty-state p,.empty-copy{color:var(--muted);margin:0;font-size:12px}.spinner{border:2px solid #ffffff29;border-top-color:var(--red);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin;display:inline-block}.loading-block{color:var(--muted);flex-direction:row;gap:11px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.notice{color:#f4c2c2;background:#ef444414;border:1px solid #ef444440;border-radius:8px;width:100%;margin:18px 0;padding:12px 15px;font-size:12px}.notice--error{margin-top:0}.watch-page{background:var(--bg-deep);min-height:calc(100vh - 68px)}.watch-page~.site-footer{display:none}.watch-layout{grid-template-columns:minmax(0, 1fr) 6px var(--chat-width,360px);min-height:calc(100vh - 68px);transition:grid-template-columns .18s;display:grid}.watch-layout--chat-closed{grid-template-columns:minmax(0,1fr) 0 0}.watch-main{background:var(--bg);min-width:0}.watch-stage{aspect-ratio:16/9;background:#000;width:100%;max-height:calc(100vh - 160px)}.chat-resize-handle{z-index:8;cursor:col-resize;touch-action:none;background:#17191c;width:6px;transition:background .14s;position:relative}.chat-resize-handle:after{content:"";background:#ffffff1f;position:absolute;inset:0 2px}.chat-resize-handle:hover,.chat-resize-handle:focus-visible{background:var(--red-dark);outline:0}.watch-layout--chat-closed .chat-resize-handle{opacity:0;pointer-events:none}.yossix-theater-mode .site-header{display:none}.watch-page--theater,.watch-page--theater .watch-layout{height:100vh;min-height:100vh}.watch-page--theater .watch-main{height:100vh}.watch-page--theater .watch-stage{aspect-ratio:auto;height:100vh;max-height:none}.watch-page--theater .channel-bar,.watch-page--theater .watch-vods{display:none}.watch-page--theater .chat-panel{height:100vh;top:0}.video-player{color:#fff;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.video-player video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.player-state{z-index:3;color:#c9cbd0;background:radial-gradient(circle,#202327,#0b0c0d);justify-content:center;align-items:center;gap:11px;font-size:13px;display:flex;position:absolute;inset:0}.player-state--error{color:#ffc3c3}.audio-only-state{z-index:2;color:#fff;pointer-events:none;background:radial-gradient(circle at 50% 45%,#321416,#08090a 68%);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.audio-only-state svg{width:42px;height:42px;color:var(--red-light);border:1px solid #ef444466;border-radius:50%;padding:10px}.audio-only-state strong{letter-spacing:.09em;font-size:15px;font-style:italic}.audio-only-state span{color:var(--muted);font-size:11px}.player-gradient{pointer-events:none;opacity:0;background:linear-gradient(#0000,#000000c7);transition:opacity .17s;position:absolute;inset:55% 0 0}.player-controls{z-index:5;opacity:0;align-items:center;gap:4px;transition:all .17s;display:flex;position:absolute;bottom:10px;left:12px;right:12px;transform:translateY(5px)}.video-player:hover .player-controls,.video-player:focus-within .player-controls,.video-player:hover .player-timeline,.video-player:focus-within .player-timeline,.video-player:hover .player-gradient{opacity:1;transform:translateY(0)}.player-button{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:36px;height:36px;padding:0 8px;display:inline-flex}.player-button:hover{background:#ffffff1f}.player-button svg{width:20px;height:20px}.volume-control{align-items:center;gap:3px;display:flex}.volume-slider{width:92px;accent-color:var(--red);cursor:pointer}.volume-value{color:#d3d6da;font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-size:10px}.player-timeline{z-index:6;opacity:0;align-items:center;gap:11px;transition:all .17s;display:flex;position:absolute;bottom:54px;left:14px;right:14px;transform:translateY(5px)}.player-timeline input{min-width:0;accent-color:var(--red);cursor:pointer;flex:1}.player-timeline input:disabled{cursor:wait;opacity:.55}.player-timeline output{color:#f5f5f5;font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 1px 3px #000;min-width:78px;font-size:11px;font-weight:750}.player-spacer{flex:1}.live-pill{letter-spacing:.08em;align-items:center;gap:6px;margin-left:7px;font-size:9px;font-weight:950;display:inline-flex}.live-pill i{background:var(--red);border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse}.live-pill time{font-variant-numeric:tabular-nums;letter-spacing:.02em}.p2p-indicator{color:#d3d6da;align-items:center;gap:5px;margin-right:6px;font-size:10px;font-weight:750;display:flex}.p2p-indicator svg{color:var(--red-light)}.quality-control{position:relative}.quality-button span{font-size:10px;font-weight:800}.quality-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e2124f7;border:1px solid #ffffff21;border-radius:9px;width:178px;padding:6px;position:absolute;bottom:44px;right:0;box-shadow:0 15px 35px #00000073}.quality-menu button{cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:9px 10px;font-size:11px;display:flex}.quality-menu button:hover{background:#ffffff14}.quality-menu button span{align-items:center;gap:7px;display:flex}.quality-menu button>svg{color:var(--red-light)}.offline-stage{text-align:center;background:radial-gradient(circle at 50% 35%,#35171a,#101214 64%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:420px;padding:40px;display:flex}.offline-stage__signal{width:76px;height:76px;color:var(--red);background:#ef444414;border:1px solid #ef44444d;border-radius:21px 7px;place-items:center;margin-bottom:20px;display:grid}.offline-stage h1{letter-spacing:-.05em;margin:11px 0 8px;font-size:clamp(31px,4vw,55px);font-style:italic;line-height:.95}.offline-stage p{color:var(--muted);margin:0 0 24px;font-size:13px}.channel-bar{border-bottom:1px solid var(--line);background:#202327;align-items:center;gap:13px;min-height:84px;padding:14px 21px;display:flex}.channel-bar__identity{flex:1;min-width:0}.channel-bar__identity h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.channel-bar__identity p{color:var(--muted);margin:4px 0 0;font-size:11px}.connection-dot{background:#6b7077;border-radius:50%;width:7px;height:7px}.connection-dot--online{background:#34d399;box-shadow:0 0 9px #34d39980}.chat-toggle{display:none}.watch-vods{padding:35px 24px 60px}.watch-vods h2{margin-bottom:20px;font-size:28px}.chat-panel{border-left:1px solid var(--line);background:#202327;flex-direction:column;min-width:0;height:calc(100vh - 68px);transition:opacity .15s;display:flex;position:sticky;top:68px;overflow:hidden}.watch-layout--chat-closed .chat-panel{opacity:0;pointer-events:none}.chat-panel__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:67px;padding:11px 13px 11px 16px;display:flex}.chat-panel__header>div:first-child{flex-direction:column;gap:6px;display:flex}.chat-panel__header strong{font-size:13px}.icon-button{color:#bbc0c7;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:34px;height:34px;padding:0;display:grid}.icon-button:hover{border-color:var(--line);color:#fff;background:#ffffff0f}.icon-button--danger:hover{color:var(--red-light);background:#ef444414;border-color:#ef44444d}.kick-chat{background:#121416;border:0;flex:1;width:100%;min-height:0}.chat-panel__external{border-top:1px solid var(--line);height:34px;color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:750;display:flex}.chat-panel__external:hover{color:#fff}.native-chat{flex-direction:column;flex:1;min-height:0;display:flex}.native-chat__messages{flex:1;min-height:0;padding:15px;overflow-y:auto}.chat-message{color:#d3d6da;overflow-wrap:anywhere;margin:0 0 11px;font-size:12px;line-height:1.5}.chat-message strong{color:var(--red-light);margin-right:4px}.chat-form{border-top:1px solid var(--line);gap:7px;padding:12px;display:flex}.chat-form input{border:1px solid var(--line);color:#fff;background:#151719;border-radius:7px;outline:0;flex:1;min-width:0;height:40px;padding:0 12px;font-size:12px}.chat-form input:focus{border-color:var(--red)}.chat-form button{background:var(--red-dark);cursor:pointer;border:0;border-radius:7px;width:40px}.kick-pixel{z-index:-1;opacity:.001;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;right:0;overflow:hidden}.kick-pixel iframe{border:0;display:block}.vk-player{background:#000;flex-direction:column;width:100%;height:100%;display:flex}.vk-player iframe{border:0;flex:1;width:100%;min-height:0;display:block}.vk-player__actions{border-top:1px solid var(--line);background:#151719;justify-content:space-between;align-items:center;min-height:38px;padding:2px 12px;display:flex}.vk-player__actions>a{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.vk-player__actions>a:hover{color:#fff}.vk-control-copy{color:var(--muted);font-size:13px;line-height:1.7}.vk-config-result{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.dashboard-config>.vk-control-copy,.ingest-panel>.vk-control-copy,.dashboard-config>.notice,.ingest-panel>.button{margin-inline:18px}.vk-config-result code{overflow-wrap:anywhere}.vk-setup-steps{color:#c0c4cb;padding:0 18px 0 38px;font-size:13px;line-height:1.8}.vk-setup-steps li{margin-bottom:12px;padding-left:4px}.vk-setup-steps strong{color:#fff;overflow-wrap:anywhere}.vk-preview-section{margin-top:32px}.vk-preview-section h2{font-size:28px;font-style:italic}.vk-preview{aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;width:100%;overflow:hidden}.vk-preview .offline-stage{min-height:0}.chat-unavailable{padding:20px;line-height:1.6}.vod-page{padding-block:32px 80px}.vod-page .video-player{aspect-ratio:16/9;border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:12px}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:18px;font-size:12px;font-weight:750;display:inline-flex}.back-link:hover{color:#fff}.vod-page__info{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:25px;padding-block:24px;display:flex}.vod-page__info h1{letter-spacing:-.04em;margin:7px 0 0;font-size:clamp(25px,4vw,42px)}.vod-meta{color:var(--muted);gap:16px;font-size:11px;display:flex}.vod-meta span{align-items:center;gap:6px;display:inline-flex}.center-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:calc(100vh - 170px);padding:30px;display:flex}.center-page h1{letter-spacing:-.06em;margin:0;font-size:clamp(34px,6vw,68px);font-style:italic}.center-page p{color:var(--muted)}.dashboard{padding-block:52px 90px}.dashboard-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.dashboard-heading h1{letter-spacing:-.055em;margin:10px 0 8px;font-size:clamp(39px,5vw,61px);font-style:italic;line-height:.95}.dashboard-heading p{max-width:650px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.dashboard-status{flex-direction:column;align-items:end;gap:10px;display:flex}.connection-label{color:#777c84;padding-left:12px;font-size:10px;font-weight:750;position:relative}.connection-label:before{content:"";background:#6b7077;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;left:0}.connection-label--online{color:#a7e8d0}.connection-label--online:before{background:#34d399}.dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start;gap:20px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 14px 35px #0000001f}.panel__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:14px 18px;display:flex}.panel__heading>div{align-items:center;gap:12px;display:flex}.panel__heading h2{margin:0;font-size:15px}.panel__heading p{color:var(--muted);margin:3px 0 0;font-size:10px}.panel__icon{width:39px;height:39px;color:var(--red-light);background:#ef44441f;border-radius:9px;place-items:center;display:grid}.panel__icon svg{width:19px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid}.field{color:#d5d8dc;letter-spacing:.05em;text-transform:uppercase;flex-direction:column;gap:7px;font-size:10px;font-weight:850;display:flex}.field--wide{grid-column:1/-1}.field input,.input-with-icon{border:1px solid var(--line);color:#fff;background:#1b1e21;border-radius:7px;outline:0;width:100%;height:42px}.field input{text-transform:none;letter-spacing:0;padding:0 12px;font-size:12px}.field input:focus,.input-with-icon:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #ef444414}.field small,.switch-field small{color:#858b93;letter-spacing:0;text-transform:none;font-size:9px;font-weight:500;line-height:1.4}.input-with-icon{color:var(--muted);align-items:center;padding-left:12px;display:flex}.input-with-icon input{background:0 0;border:0;height:38px;box-shadow:none!important}.switch-field{border:1px solid var(--line);background:#0000001f;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:60px;padding:10px 12px;display:flex}.switch-field span{flex-direction:column;gap:4px;display:flex}.switch-field strong{font-size:11px}.switch-field input{appearance:none;cursor:pointer;background:#4b4e54;border-radius:99px;flex:none;width:40px;height:22px;transition:background .16s;position:relative}.switch-field input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px}.switch-field input:checked{background:var(--red)}.switch-field input:checked:after{transform:translate(18px)}.ingest-panel{overflow:hidden}.ingest-flow{justify-content:center;align-items:center;gap:10px;padding:22px 18px 16px;display:flex}.ingest-flow span{color:#f5b6b6;text-transform:uppercase;background:#ef444412;border:1px solid #ef444438;border-radius:5px;padding:7px 9px;font-size:9px;font-weight:900}.ingest-flow i{background:var(--red);opacity:.5;width:20px;height:1px}.copy-row{border:1px solid var(--line);background:#1a1c1f;border-radius:7px;grid-template-columns:58px minmax(0,1fr) 36px;align-items:center;margin:0 18px 8px;display:grid;overflow:hidden}.copy-row>span{color:var(--muted);text-transform:uppercase;padding-left:10px;font-size:9px;font-weight:800}.copy-row code{color:#fff;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;padding:10px;font-size:11px;overflow:hidden}.copy-row button{border:0;border-left:1px solid var(--line);cursor:pointer;background:0 0;align-self:stretch;place-items:center;display:grid}.copy-row button:hover{background:#ffffff0f}.spec-list{grid-template-columns:1fr 1fr;gap:8px;padding:11px 18px 18px;display:grid}.spec-list span{color:#7f858d;background:#0000001f;border-radius:6px;flex-direction:column;padding:9px;font-size:9px;display:flex}.spec-list strong{color:#dfe1e5;font-size:11px}.simulation-box{border-top:1px solid var(--line);background:#00000017;padding:14px 18px 18px}.simulation-box p{color:var(--muted);margin:0 0 10px;font-size:10px}.simulation-box p strong{color:#fff}.simulation-box>div{gap:8px;display:flex}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0;display:grid}.metric-card{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;align-items:center;gap:13px;min-height:83px;padding:15px;display:flex}.metric-card>span{width:40px;height:40px;color:var(--red-light);background:#ef444417;border-radius:9px;place-items:center;display:grid}.metric-card svg{width:19px}.metric-card div{flex-direction:column;display:flex}.metric-card strong{letter-spacing:-.03em;font-size:19px}.metric-card small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.vod-admin{margin-top:20px}.vod-admin>.empty-copy{padding:25px 20px}.vod-table{padding:8px 14px 14px}.vod-table__row{border-bottom:1px solid var(--line);grid-template-columns:46px minmax(0,1fr) auto 34px 34px 34px;align-items:center;gap:11px;min-height:62px;padding:8px 5px;display:grid}.vod-table__row:last-child{border:0}.vod-table__mark{height:30px;color:var(--red-light);background:#ef44441f;border-radius:5px;place-items:center;font-size:8px;font-weight:950;display:grid}.vod-table__row>div{flex-direction:column;min-width:0;display:flex}.vod-table__row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.vod-table__row small{color:var(--muted);margin-top:4px;font-size:9px}.published,.unpublished{border-radius:4px;padding:4px 6px;font-size:8px;font-weight:900}.published{color:#6ee7b7;background:#34d3991a}.unpublished{color:var(--muted);background:#ffffff0f}.site-footer{border-top:1px solid var(--line);min-height:125px;color:var(--muted);background:#16181a;justify-content:space-between;align-items:center;gap:30px;padding:30px max(24px,50vw - 590px);display:flex}.site-footer>span{color:#fff;font-size:16px;font-style:italic;font-weight:950}.site-footer>span span{color:var(--red)}.site-footer p{letter-spacing:.05em;font-size:10px}@media (width<=980px){.hero{grid-template-columns:1fr;gap:50px;padding-top:60px}.hero__content{max-width:700px}.hero-card{max-width:720px;transform:none}.dashboard-grid{grid-template-columns:1fr}.watch-layout{display:block}.chat-resize-handle{display:none}.chat-panel{z-index:80;width:min(390px,100%);height:calc(100vh - 68px);transition:transform .18s;position:fixed;top:68px;bottom:0;right:0;transform:translate(100%);box-shadow:-20px 0 50px #00000080}.chat-panel--open{transform:translate(0)}.watch-layout--chat-closed .chat-panel{opacity:1}.chat-toggle{min-width:44px;height:44px;display:inline-flex}.chat-panel__header .icon-button{width:44px;height:44px}.watch-stage{max-height:none}.player-controls,.player-timeline{opacity:1;transform:none}.player-button{min-width:44px;height:44px}}@media (width<=980px) and (orientation:landscape){.watch-stage{aspect-ratio:auto;height:calc(100dvh - 68px)}.vod-page .video-player{aspect-ratio:auto;height:clamp(180px,100dvh - 154px,56.25vw)}}@media (width<=680px){.shell{width:min(100% - 28px,1180px)}.site-header{height:61px;padding-inline:14px}.brand{font-size:16px}.brand__mark{width:31px;height:31px}.site-nav a{justify-content:center;width:44px;height:44px;padding:0;font-size:0}.site-nav svg{width:18px}.hero{min-height:0;padding-block:50px 60px}.hero h1{font-size:clamp(48px,15vw,68px)}.hero__copy{font-size:14px}.hero__actions{flex-direction:column;align-items:stretch}.hero__metrics{justify-content:space-between;gap:10px;margin-top:35px}.hero__metrics span{min-width:0;margin:0;padding-right:10px}.hero__metrics strong{font-size:19px}.hero-card{border-radius:12px}.hero-card__details{min-height:68px;padding:10px}.feature-strip__inner{flex-direction:column;align-items:flex-start;gap:13px;padding-block:20px}.section{padding-block:55px 75px}.section-heading{flex-direction:column;align-items:flex-start}.vod-grid{grid-template-columns:1fr}.watch-page{min-height:calc(100vh - 61px)}.watch-stage{aspect-ratio:16/10}.offline-stage{min-height:0;padding:22px}.offline-stage__signal{width:55px;height:55px;margin-bottom:12px}.offline-stage__signal svg{width:28px}.offline-stage h1{font-size:29px}.offline-stage p{margin-bottom:14px}.channel-bar{grid-template-columns:44px minmax(0,1fr) auto 44px;gap:7px 9px;min-height:0;padding:11px;display:grid}.avatar--large{grid-area:1/1/span 2;width:42px;height:42px}.channel-bar__identity{grid-area:1/2/auto/span 2;align-self:center}.channel-bar .status-badge,.channel-bar .connection-dot{display:none}.channel-bar .viewer-chip{grid-area:2/2;justify-self:start;margin-left:0}.channel-bar .viewer-chip--kick{grid-area:2/3}.kick-subscribe{grid-area:3/1/auto/-1;width:100%;min-height:44px}.chat-toggle{grid-area:1/4/span 2;width:44px;min-width:44px;height:44px;padding:0;font-size:0}.chat-panel{height:calc(100dvh - 61px);top:61px}.player-controls{opacity:1;gap:0;bottom:4px;left:5px;right:5px;transform:none}.player-timeline{opacity:1;bottom:56px;left:9px;right:9px;transform:none}.player-timeline output{min-width:68px;font-size:10px}.volume-slider{width:58px}.volume-value,.p2p-indicator{display:none}.live-pill{margin-left:3px;font-size:8px}.player-button{padding:0 7px}.quality-button span{display:none}.watch-vods{padding-inline:14px}.vod-page{padding-top:18px}.vod-page__info{flex-direction:column;align-items:flex-start}.vod-meta{flex-wrap:wrap}.dashboard{padding-block:35px 60px}.dashboard-heading{flex-direction:column;align-items:flex-start}.dashboard-status{align-items:flex-start}.form-grid{grid-template-columns:1fr;padding:15px}.field--wide{grid-column:auto}.spec-list{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:1fr}.vod-table__row{grid-template-columns:40px minmax(0,1fr) 32px 32px 32px}.vod-table__row>.published,.vod-table__row>.unpublished{display:none}.site-footer{flex-direction:column;align-items:flex-start;min-height:100px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}