.modern-chat{background:linear-gradient(155deg,#101e33ed,#080e19fa);border-color:#29415e;min-width:0;overflow:hidden;box-shadow:0 12px 32px #0003}.modern-chat .chat-heading{background:#12213888;border-bottom:1px solid #2a405855;gap:8px;padding:18px 16px}.chat-eyebrow{letter-spacing:1.5px;color:#80b6e1;margin-bottom:7px;font-size:8px}.modern-chat .chat-heading h2{align-items:center;gap:9px;font-size:19px;display:flex}.modern-chat .chat-toggle{color:#c2daef;background:#0b1526;border:1px solid #29415e;border-radius:9px;place-items:center;min-width:44px;min-height:44px;transition:background .15s;display:grid}.modern-chat .chat-toggle:hover{background:#163350}.modern-chat .chat-status{color:#b5c6d9;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;font-size:11px;display:flex}.modern-chat .chat-status .badge{margin-left:auto;font-size:7px}.chat-connection-dot{background:#8194ab;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 4px #8194ab12}.modern-chat .chat-filter{justify-content:space-between;align-items:center;gap:8px;padding:0 16px 12px;font-size:11px;display:flex}.modern-chat .chat-filter select{color:#d7e8fa;background:#0b1423;border:1px solid #2b4261;border-radius:8px;min-width:0;max-width:60%;min-height:44px;padding:8px}.modern-chat .chat-notice{color:#9ec5e9;background:#126bff0d;border:1px solid #126bff35;border-radius:8px;margin:0 16px;padding:10px 12px;font-size:10px}.chat-transport{color:#91a7be;padding:9px 16px;font-size:10px}.chat-transport-error{color:#f5c68b}.chat-timeline{position:relative}.modern-chat .chat-messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#315a82 #09121e;overflow-anchor:none;height:340px;max-height:48vh;margin:0;padding:6px 12px;list-style:none;overflow:hidden auto}.modern-chat .chat-messages:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.modern-chat .chat-messages .chat-row{background:0 0;border-bottom:1px solid #283c512e;gap:9px;padding:11px 4px;display:flex}.chat-avatar{background:#142b43;border:1px solid #355170;border-radius:10px;flex:0 0 30px;place-items:center;height:30px;font-size:10px;font-weight:750;display:grid}.chat-row-body{flex:1;min-width:0}.modern-chat .message-meta{flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 4px;display:flex}.modern-chat .message-meta strong{overflow-wrap:anywhere;font-size:12px}.modern-chat .message-meta time{color:#8a9db3;margin-left:auto;font-size:9px}.modern-chat .chat-row p{color:#d1ddeb;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.65}.modern-chat .platform-badge{padding:1px 4px;font-size:7px}.chat-demo-tag{color:#a8bfda;letter-spacing:.5px;font-size:7px}.modern-chat .chat-color-0{color:#74caff}.modern-chat .chat-color-1{color:#bca9ff}.modern-chat .chat-color-2{color:#66d9c3}.modern-chat .chat-color-3{color:#ffbd8b}.modern-chat .chat-color-4{color:#f2a8d2}.chat-badges{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.chat-role-badge{border:1px solid;border-radius:4px;padding:1px 5px;font-size:8px}.chat-role-moderator{color:#77dcc0;background:#13342f}.chat-role-subscriber{color:#bfafff;background:#29213b}.chat-role-broadcaster{color:#ffc78f;background:#3a281e}.chat-empty{pointer-events:none;text-align:center;color:#a6c5e1;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px;display:flex;position:absolute;inset:0}.chat-empty strong{font-size:14px}.chat-empty p{color:#95a7bd;max-width:260px;font-size:11px}.chat-catchup{color:#94adc7;border-top:1px solid #253c55;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:6px 16px;font-size:10px;display:flex}.chat-catchup button{color:#a6d9ff;background:#102f52;border:1px solid #2671af;border-radius:7px;align-items:center;gap:5px;min-height:44px;padding:6px 9px;font-size:10px;display:flex}.modern-chat .chat-compose{background:#080f1c;border-top:1px solid #253c55;padding:14px 16px}.chat-compose label{color:#b4c7dc;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.chat-compose label span{letter-spacing:1px;color:#8ea6c0;margin-left:auto;font-size:7px}.chat-compose textarea{resize:none;width:100%;font:inherit;color:#a6b6cb;opacity:1;cursor:not-allowed;background:#101c2d;border:1px solid #29415c;border-radius:9px 9px 0 0;padding:12px;font-size:12px;display:block}.chat-compose textarea::placeholder{color:#8d9eb4}.chat-composer-actions{background:#101c2d;border:1px solid #29415c;border-top:0;border-radius:0 0 9px 9px;align-items:center;gap:10px;padding:5px 8px;display:flex}.chat-composer-actions button{color:#8ba5c2;background:#1c2e44;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;display:flex}.chat-counter{color:#8ea4be;margin-left:auto;font-size:10px}.chat-composer-actions .chat-send{color:#91b7e9;background:#173969;padding:0 12px}.modern-chat .chat-compose p{color:#91a3ba;margin-top:10px;font-size:10px}@media (max-width:580px){.modern-chat .chat-messages{height:310px;max-height:55vh}.modern-chat .chat-heading{padding:14px}.modern-chat .chat-filter{padding:0 14px 12px}.modern-chat .chat-heading h2{font-size:18px}}.modern-chat .chat-compose textarea:disabled{caret-color:#0000}
.streaming-home{max-width:1600px;padding-bottom:16px}.streaming-home .environment-banner{padding:12px 0}.streaming-home .branded-hero{background:radial-gradient(at 80% 60%,#126bff0e,#0000 65%);grid-template-columns:minmax(0,1fr) 100px;gap:24px;min-height:0;padding:18px 0 22px}.streaming-home .hero-copy{padding:0}.streaming-home .hero h1{letter-spacing:-1.5px;flex-wrap:wrap;gap:0 .25em;margin:9px 0;font-size:clamp(28px,3.3vw,46px);line-height:1.15;display:flex}.streaming-home .hero-copy>p:not(.eyebrow){color:#a9bcd2;max-width:none;font-size:13px}.streaming-home .hero-brand>img{filter:none;width:100px}.streaming-home .hero .eyebrow{letter-spacing:1.7px;font-size:9px}.streaming-home .watch-section{margin-top:24px}.streaming-home .section-heading{margin-bottom:16px}.streaming-home .watch-section .section-heading h2{letter-spacing:-.7px;font-size:clamp(22px,2.3vw,30px)}.watch-channel-link{color:#9ebddc;align-items:center;gap:6px;min-height:44px;font-size:12px;display:inline-flex}.watch-channel-link:hover{color:#e7f4ff}.nav-tiktok{align-items:center;gap:4px;display:inline-flex}.streaming-home .watch-grid{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.streaming-home .watch-main{gap:20px}.streaming-home .stream-panel{background:#0a1321;border:1px solid #2a4564;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 18px 48px #0004,0 0 32px #126bff0a}.streaming-home .panel-toolbar{background:linear-gradient(110deg,#132339,#0b1422);padding:12px 16px}.streaming-home .platform-switch{background:#060e1a;border:1px solid #273b53;border-radius:10px;gap:4px;padding:4px;display:flex}.streaming-home .platform-switch button{border-radius:7px;min-height:44px;padding:9px 15px;transition:background .15s,color .15s}.streaming-home .platform-switch button[aria-pressed=true]{color:#e4f3ff;background:#183c68;box-shadow:inset 0 0 0 1px #3972ae}.streaming-home .platform-switch button:hover{color:#fff;background:#162c47}.stream-state{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.stream-state>span:first-child{background:#93a7bd;border-radius:50%;width:7px;height:7px}.stream-state.state-live>span:first-child{background:#5ae3b0;box-shadow:0 0 0 4px #5ae3b012}.stream-state.state-live .badge{color:#90f3c8;background:#143428;border-color:#326853}.streaming-home .stream-state .badge{letter-spacing:1px;font-size:9px}.streaming-home .stream-stage.has-offline-art{aspect-ratio:16/9;min-height:0}.streaming-home .stream-stage.is-checking{outline-offset:-1px;outline:1px solid #244466}.streaming-home .stream-neutral{background:radial-gradient(at 50% 40%,#123152,#050b15 75%)}.streaming-home .stream-neutral strong{font-size:clamp(11px,1.4vw,16px)}.streaming-home .offline-placeholder-details{background:#0b1524;align-items:flex-start;padding:20px}.streaming-home .offline-placeholder-details>div{min-width:0}.streaming-home .offline-placeholder-details h3{overflow-wrap:anywhere;margin:10px 0 6px;font-size:clamp(17px,1.8vw,23px);line-height:1.4}.streaming-home .offline-placeholder-details p{line-height:1.7}.streaming-home .offline-placeholder-details time{color:#a6bdd6}.streaming-home .offline-placeholder-details a{border-radius:8px;transition:background .15s}.streaming-home .stream-caption{border-top:1px solid #20334a;gap:14px}.streaming-home .stream-caption>div{min-width:0}.streaming-home .broadcaster-card{background:#0a1220;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;display:grid}.broadcaster-card>img{flex-shrink:0;width:48px;height:auto}.broadcaster-card>div{overflow-wrap:anywhere;flex:1}.streaming-home .broadcaster-card .broadcaster-label{color:#80bbee;letter-spacing:1.5px;margin:0 0 3px;font-size:9px}.streaming-home .broadcaster-card h3{font-size:17px}.streaming-home .broadcaster-card .badge{font-size:8px}.streaming-home .modern-chat{border-radius:16px;box-shadow:0 18px 48px #0003}.streaming-home .modern-chat .chat-messages{height:clamp(230px,26vw,400px);max-height:48vh}.stream-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1200px){.streaming-home .watch-grid{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.streaming-home .offline-placeholder-details{flex-direction:column}.streaming-home .broadcaster-card{grid-template-columns:48px minmax(0,1fr)}.streaming-home .broadcaster-card .badge{grid-column:2;justify-self:start}}@media (max-width:1000px){.streaming-home .watch-grid{grid-template-columns:minmax(0,1fr)}.streaming-home .modern-chat .chat-messages{height:320px;max-height:48vh}.streaming-home .offline-placeholder-details{flex-direction:row}}@media (max-width:580px){.streaming-home .environment-banner{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.streaming-home .branded-hero{grid-template-columns:minmax(0,1fr) 64px;gap:10px;padding:14px 0 18px}.streaming-home .hero-brand>img{width:64px}.streaming-home .hero .eyebrow{letter-spacing:.7px;font-size:8px}.streaming-home .hero h1{letter-spacing:-1px;font-size:clamp(24px,6.8vw,36px)}.streaming-home .hero-copy>p:not(.eyebrow){font-size:11px}.streaming-home .watch-section{margin-top:12px}.streaming-home .watch-section>.section-heading{flex-direction:column;gap:2px;margin-bottom:10px}.streaming-home .watch-section .section-heading h2{max-width:none}.watch-channel-link{font-size:11px}.streaming-home .watch-section>.section-heading>.watch-channel-link{display:none}.streaming-home .panel-toolbar{gap:8px;padding:10px}.streaming-home .platform-switch{gap:2px;padding:3px}.streaming-home .platform-switch button{padding:8px;font-size:11px}.streaming-home .stream-state{gap:5px}.streaming-home .stream-state .badge{letter-spacing:.4px;font-size:8px}.streaming-home .offline-placeholder-details{flex-direction:column;padding:16px}.streaming-home .stream-caption{flex-wrap:wrap;padding:16px}.streaming-home .stream-neutral{gap:7px;padding:12px}.streaming-home .stream-neutral img{width:min(180px,60%)}}@media (prefers-reduced-motion:reduce){.streaming-home *,.streaming-home :before,.streaming-home :after{transition:none!important;animation:none!important}}
