:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05030a;color:#eef5ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #05030a;--panel: rgba(22, 12, 39, .84);--panel-strong: rgba(28, 15, 50, .94);--line: rgba(216, 180, 254, .14);--line-strong: rgba(192, 132, 252, .24);--text: #eef5ff;--muted: #91a2ba;--cyan: #c084fc;--pink: #f472b6;--lime: #a78bfa;--gold: #ffd166;--violet: #a78bfa;--radius: 8px}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-shell{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;background:linear-gradient(180deg,#070a14e6,#030712fa),linear-gradient(120deg,#05030a,#160b2f 44%,#08040f);isolation:isolate}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:22px 16px;border-right:1px solid var(--line);background:#050a18d1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow-y:auto;scrollbar-color:rgba(148,163,184,.45) transparent}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7 46%,#f0abfc);box-shadow:0 14px 36px #a855f747}.brand strong,.brand small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand strong{font-size:18px;letter-spacing:0}.brand small{margin-top:2px;color:var(--muted);font-size:11px}.nav-list{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:var(--radius);color:#b7c5d9;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-link:hover,.nav-link.active{color:#fff;background:#4166dc29}.nav-link:hover{transform:translate(3px)}.nav-link.active svg{color:var(--cyan)}.sidebar-section h2{margin:0 0 12px;color:#6f819d;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.channel-list{display:grid;gap:8px}.channel-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:48px;padding:6px;border-radius:var(--radius);transition:background .18s ease,transform .18s ease}.channel-row:hover{background:#94a3b814;transform:translate(3px)}.channel-row img{width:38px;height:38px;border-radius:50%;object-fit:cover}.channel-copy{min-width:0}.channel-copy strong,.channel-copy small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-copy strong{color:#f8fbff;font-size:13px}.channel-copy small{margin-top:2px;color:#8290a6;font-size:11px}.viewer-count{display:inline-flex;align-items:center;gap:5px;color:#7fcf9b;font-size:11px}.viewer-count i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55ecc}.mini-streams{display:grid;gap:12px}.mini-stream{position:relative;overflow:hidden;border-radius:var(--radius);background:#0f172ab8;border:1px solid rgba(148,163,184,.08)}.mini-stream img{width:100%;aspect-ratio:16 / 9;object-fit:cover;opacity:.9;transition:transform .24s ease}.mini-stream:hover img{transform:scale(1.04)}.mini-live{position:absolute;top:8px;left:8px;padding:4px 6px;border-radius:6px;background:#ff4d7d;color:#fff;font-size:10px;font-weight:900}.mini-meta{display:block;padding:9px 10px 10px}.mini-meta strong,.mini-meta small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-meta strong{font-size:12px}.mini-meta small{margin-top:3px;color:var(--muted);font-size:11px}.sidebar-note{margin:auto 0 0;padding:12px;border-radius:var(--radius);border:1px solid rgba(192,132,252,.18);color:#aab8cc;background:#7e22ce1c;font-size:11px;line-height:1.45}.workspace{min-width:0;display:flex;flex-direction:column}.directory-shell{position:relative;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(168,85,247,.18),transparent 34%),linear-gradient(120deg,#05030a,#140826 46%,#07030d);isolation:isolate}.directory-page{width:min(1180px,100%);margin:0 auto;padding:22px 24px 56px}.directory-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}.directory-actions{display:flex;align-items:center;gap:12px}.directory-steam-button{min-height:40px;padding:0 15px;border:0;border-radius:7px;color:#fff;background:linear-gradient(135deg,#4c1d95,#db2777);cursor:pointer;font-size:13px;font-weight:900}.directory-hero{display:grid;gap:14px;padding:70px 0 34px}.directory-hero h1{max-width:760px;margin:0;color:#fff;font-size:72px;line-height:.95}.directory-hero p{max-width:680px;margin:0;color:#c9badb;font-size:16px;line-height:1.6}.directory-hero strong{color:#f5d0fe}.directory-grid,.directory-streams{display:grid;gap:14px}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-streams{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.directory-card,.directory-stream-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);color:inherit;background:#0d1426d1;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.directory-card:hover,.directory-stream-card:hover{transform:translateY(-2px);border-color:#d8b4fe57;background:#201138eb}.directory-card:focus-visible,.directory-stream-card:focus-visible,.directory-steam-button:focus-visible{outline:3px solid rgba(216,180,254,.34);outline-offset:3px}.directory-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:86px;padding:14px;text-align:left}.directory-card img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid rgba(192,132,252,.56)}.directory-card span,.directory-stream-card strong,.directory-stream-card small{min-width:0}.directory-card strong,.directory-card small,.directory-stream-card strong,.directory-stream-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-card strong{color:#fff;font-size:16px}.directory-card small,.directory-stream-card small{margin-top:4px;color:#9dadc5;font-size:12px}.directory-card b{color:#7cf3a3;font-size:12px}.directory-stream-card{position:relative;display:block;overflow:hidden;padding:0 0 13px;text-align:left}.directory-stream-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.directory-stream-card strong,.directory-stream-card small{padding:0 13px}.directory-stream-card strong{margin-top:12px;color:#fff;font-size:14px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:16px 28px;border-bottom:1px solid var(--line);background:#060a13bd;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.search-box{display:flex;align-items:center;gap:9px;width:min(440px,100%);height:40px;padding:0 14px;border:1px solid rgba(148,163,184,.11);border-radius:var(--radius);color:#71829a;background:#0f172ab8}.search-box:focus-within{border-color:#c084fc75;box-shadow:0 0 0 3px #a855f71a}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font-size:13px}.search-box input::placeholder{color:#6e7d92}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-button{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(148,163,184,.12);border-radius:var(--radius);color:#d7e4f5;background:#0f172ab8;cursor:pointer}.notification-dot{position:absolute;top:9px;right:10px;width:8px;height:8px;border:2px solid #0f172a;border-radius:50%;background:#fb7185}.profile-help{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(216,180,254,.62);color:#fff;background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.26),transparent 26%),linear-gradient(135deg,#4c1d95,#a855f7);box-shadow:0 0 0 6px #c084fc1a;cursor:pointer;font-size:22px;font-weight:900}.profile-help:hover{transform:translateY(-1px)}.profile-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.62);box-shadow:0 0 0 6px #c084fc1a}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;width:min(1540px,100%);margin:0 auto;padding:24px}.center-stage{min-width:0;display:grid;gap:18px;container-type:inline-size}.stream-window{min-width:0;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#0e162abd,#040811db);box-shadow:0 24px 80px #00000059;overflow:hidden}.video-shell{position:relative;aspect-ratio:16 / 9;min-height:420px;overflow:hidden;background:#10051f}.stream-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover;object-position:center;transform:scale(1.14);transform-origin:center;background:#05030a;pointer-events:none}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(216,180,254,.34);background:#07040d}.video-placeholder>img{display:none}.video-placeholder-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 49.8%,rgba(216,180,254,.14) 50%,transparent 50.2%),linear-gradient(180deg,transparent 49.8%,rgba(216,180,254,.14) 50%,transparent 50.2%);opacity:.36}.video-placeholder-copy{position:relative;z-index:2;display:grid;justify-items:center;gap:12px;width:min(560px,calc(100% - 48px));text-align:center}.live-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border:1px solid rgba(240,171,252,.26);border-radius:7px;color:#f5d0fe;background:#4c1d9566;font-size:12px;font-weight:900}.play-orb{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#7c3aed,#d946ef);box-shadow:0 0 0 12px #c084fc1a,0 24px 64px #581c877a}.video-placeholder-copy h2{margin:4px 0 0;color:#fff;font-size:32px;line-height:1.05}.video-placeholder-copy p{margin:0;max-width:440px;color:#d8c8ef;font-size:14px;line-height:1.5}.stream-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.88;filter:saturate(.86) contrast(1.03)}.video-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.26),transparent 28%,rgba(0,0,0,.3)),linear-gradient(90deg,rgba(3,7,18,.26),transparent 45%,rgba(3,7,18,.36))}.video-topbar{position:absolute;top:24px;left:26px;right:86px;display:flex;align-items:center;gap:26px;min-height:34px;padding:0 14px;border-radius:8px;background:#080d179e;color:#dce6f3;font-size:11px;font-weight:800;text-transform:uppercase;white-space:nowrap;overflow:hidden}.video-topbar span{display:inline-flex;align-items:center;gap:7px}.video-topbar .active-tab{color:#f0abfc}.settings-panel{position:absolute;top:82px;left:26px;right:86px;bottom:78px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:42px;padding:22px;border-radius:8px;background:#97a39b2e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-avatar{width:160px;height:160px;border-radius:8px;background:linear-gradient(135deg,#ff0041a6,#37020adb),linear-gradient(45deg,transparent 46%,rgba(255,255,255,.12) 48%,transparent 52%);box-shadow:inset 0 0 0 1px #ffffff1f}.settings-rows{display:grid;align-content:start;gap:12px;padding-top:18px}.settings-row{display:grid;grid-template-columns:150px minmax(90px,1fr) 56px;align-items:center;gap:14px;min-height:18px;color:#f1f5f9c7;font-size:12px}.settings-row i{display:block;height:6px;max-width:100%;border-radius:999px;background:linear-gradient(90deg,#e2e8f066,#e2e8f0e6);box-shadow:0 0 18px #e2e8f02e}.settings-row b{color:#ffffffd1;font-size:11px;font-weight:800;text-align:right}.webcam{position:absolute;left:26px;bottom:24px;width:min(285px,32%);aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.16);border-radius:8px;object-fit:cover;box-shadow:0 16px 38px #00000059}.right-dock{position:absolute;top:24px;right:22px;bottom:24px;width:34px;display:grid;align-content:start;gap:9px;padding:9px 0}.right-dock span{width:24px;height:24px;margin:0 auto;border-radius:6px;background:linear-gradient(135deg,#c084fc9e,#a78bfa6b);box-shadow:inset 0 0 0 1px #ffffff1f}.right-dock span:nth-child(3n){background:linear-gradient(135deg,#fb7185a3,#facc1570)}.right-dock span:nth-child(4n){background:linear-gradient(135deg,#22c55e9e,#14b8a670)}.scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0,rgba(192,132,252,.12) 50%,transparent 100%);height:38%;transform:translateY(-110%);animation:scan 5.8s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}.floaters span{position:absolute;bottom:-18px;width:5px;height:5px;border-radius:50%;background:#c084fcd1;box-shadow:0 0 18px #a855f794;animation:rise linear infinite}.floaters span:nth-child(2n){background:#fb7185d1;box-shadow:0 0 16px #fb718580}.floaters span:nth-child(3n){background:#7cf3a3bf;box-shadow:0 0 16px #7cf3a380}.stream-details{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(260px,1fr) minmax(320px,.95fr);align-items:stretch;gap:16px}.stream-profile,.stream-copy,.promo-panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#0d1426d1;box-shadow:0 18px 48px #00000040}.stream-profile{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:18px}.stream-profile>img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(192,132,252,.58)}.streamer-line{display:flex;align-items:center;gap:10px;min-width:0}.streamer-line h1{margin:0;min-width:0;overflow-wrap:anywhere;color:#fff;font-size:24px;line-height:1.1}.streamer-line span{flex:0 0 auto;padding:4px 7px;border-radius:6px;color:#fff;background:#ef476f;box-shadow:0 0 20px #ef476f47;font-size:10px;font-weight:900}.stream-profile p{margin:8px 0 12px;color:#e2e8f0;font-size:15px;font-weight:700}.metrics{display:flex;flex-wrap:wrap;gap:8px}.metrics span{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:7px;color:#96a7bd;background:#94a3b814;font-size:12px}.metrics b{color:#8ddcff}.stream-copy{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:18px}.stream-copy p{margin:0;color:#b8c7da;font-size:13px;line-height:1.55;max-width:72ch}.action-row{display:flex;flex-wrap:wrap;gap:8px}.action-row button,.promo-panel button,.chat-input button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:0;border-radius:7px;color:#dbeafe;background:#6d28d940;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.action-row button{padding:0 12px;font-size:12px;font-weight:800}.action-row button:hover,.promo-panel button:hover,.chat-input button:hover{transform:translateY(-1px);background:#a855f747}.action-row .primary-action{color:#fff;background:linear-gradient(135deg,#7c3aed,#d946ef);box-shadow:0 14px 28px #a855f73d}.promo-panel{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(280px,1fr);grid-template-rows:auto auto;gap:16px;padding:14px;align-items:center;overflow:hidden}.promo-art{width:100%;aspect-ratio:1 / 1;border-radius:8px;object-fit:cover;border:1px solid rgba(216,180,254,.18)}.promo-copy{min-width:0}.promo-eyebrow{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:6px;color:#f5d0fe;background:#a855f72e;font-size:11px;font-weight:900;text-transform:uppercase}.promo-copy strong{display:block;margin-top:8px;color:#fff;font-size:25px;line-height:1;text-shadow:0 0 18px rgba(217,70,239,.42);overflow-wrap:anywhere}.promo-copy span{display:block;margin-top:8px;color:#aebdd0;font-size:12px;line-height:1.35}.promo-copy ul{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0;padding:0;list-style:none}.promo-copy li{min-height:25px;padding:5px 8px;border:1px solid rgba(216,180,254,.16);border-radius:6px;color:#e9d5ff;background:#ffffff0f;font-size:11px;font-weight:800}.qr-code{width:92px;height:92px;border-radius:8px;object-fit:cover;padding:4px;background:#fff}.promo-panel button{grid-column:2;justify-self:end;min-width:132px;padding:0 14px;color:#fff;background:linear-gradient(135deg,#db2777,#7c3aed);font-size:13px;font-weight:900}.chat-panel{position:sticky;top:104px;height:calc(100vh - 132px);min-height:600px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0f172af0,#030712f5),#0f172ae6;box-shadow:0 22px 72px #00000052}.chat-header{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:0 20px;border-bottom:1px solid var(--line);background:#141d33c2}.chat-header h2{margin:0;color:#fff;font-size:20px}.chat-header span{display:inline-flex;align-items:center;gap:6px;color:#d8b4fe;font-size:12px;font-weight:800}.chat-feed{display:flex;flex-direction:column;gap:12px;min-height:0;padding:18px 18px 22px;overflow-y:auto;scrollbar-color:rgba(192,132,252,.42) transparent}.chat-message{display:block;margin:0;color:#dbe7f7;font-size:13px;line-height:1.45;animation:messageIn .28s ease both}.chat-message strong{margin-right:5px}.chat-message.cyan strong{color:var(--cyan)}.chat-message.pink strong{color:var(--pink)}.chat-message.lime strong{color:var(--lime)}.chat-message.gold strong{color:var(--gold)}.chat-message.violet strong{color:var(--violet)}.chat-badge{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:20px;margin-right:7px;padding:0 5px;border-radius:5px;color:#06111b;background:linear-gradient(135deg,#c084fc,#ffd166);font-size:10px;font-weight:900;vertical-align:1px}.chat-input{display:grid;grid-template-columns:20px minmax(0,1fr) 40px;gap:10px;align-items:center;margin:0 16px 16px;min-height:46px;padding:0 6px 0 13px;border:1px solid rgba(148,163,184,.14);border-radius:var(--radius);color:#72839a;background:#0f172aeb}.chat-input:focus-within{border-color:#c084fc73}.chat-input input{min-width:0;border:0;outline:0;color:#eef5ff;background:transparent;font-size:13px}.chat-input button{width:36px;min-width:36px;height:34px;color:#fff;background:linear-gradient(135deg,#7c3aed,#d946ef)}.rsh1kt7gfaro{position:relative}.rsh1kt7gfaro:focus-visible{outline:3px solid rgba(216,180,254,.42);outline-offset:3px}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 18%,rgba(168,85,247,.22),transparent 34%),#030208c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.auth-modal-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.auth-modal{position:relative;width:min(440px,100%);display:grid;justify-items:center;gap:14px;padding:30px 26px 24px;border:1px solid rgba(216,180,254,.2);border-radius:var(--radius);background:linear-gradient(180deg,#2a124bf5,#0d071bfa),#160b2f;box-shadow:0 28px 90px #0000008c;text-align:center;transform:translateY(12px) scale(.98);transition:transform .22s ease}.auth-modal-backdrop.is-open .auth-modal{transform:translateY(0) scale(1)}.auth-close{position:absolute;top:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(216,180,254,.18);border-radius:7px;color:#e9d5ff;background:#ffffff0f;cursor:pointer}.auth-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#7c3aed,#d946ef);box-shadow:0 0 0 10px #c084fc1f}.auth-modal h2{margin:4px 0 0;color:#fff;font-size:24px;line-height:1.15}.auth-modal p{margin:0;color:#d8c8ef;font-size:14px;line-height:1.55}.steam-login-button{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:7px;color:#fff;background:linear-gradient(135deg,#4c1d95,#db2777);box-shadow:0 16px 32px #a855f73d;cursor:pointer;font-weight:900}.auth-modal small{color:#a99abb;font-size:12px;line-height:1.45}@keyframes scan{0%,18%{transform:translateY(-115%)}62%,to{transform:translateY(230%)}}@keyframes rise{0%{transform:translateZ(0);opacity:0}12%{opacity:.8}to{transform:translate3d(28px,-760px,0);opacity:0}}@keyframes messageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@container (max-width: 980px){.stream-details,.promo-panel{grid-template-columns:1fr}.promo-panel button{grid-column:1;justify-self:stretch}.qr-code{display:none}}@container (min-width: 981px) and (max-width: 1200px){.stream-details{grid-template-columns:minmax(280px,.8fr) minmax(320px,1fr)}.promo-panel{grid-column:1 / -1}}@media(max-width:1280px){.app-shell{grid-template-columns:232px minmax(0,1fr)}.content-grid{padding:20px}}@media(max-width:1180px){.content-grid{grid-template-columns:minmax(0,1fr)}.chat-panel{position:relative;top:auto;height:560px;min-height:0}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.directory-grid,.directory-streams{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{position:relative;height:auto;max-height:none;display:grid;grid-template-columns:1fr;border-right:0;border-bottom:1px solid var(--line)}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-link{justify-content:center}.channel-list,.mini-streams{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-details,.promo-panel{grid-template-columns:1fr}.promo-panel button{grid-column:1;justify-self:stretch}.qr-code{display:none}}@media(max-width:720px){.directory-page{padding:18px 16px 42px}.directory-topbar{align-items:flex-start;flex-direction:column}.directory-actions{width:100%;justify-content:space-between}.directory-steam-button{flex:1}.directory-hero{padding:46px 0 28px}.directory-hero h1{font-size:44px;line-height:1}.directory-hero p{font-size:14px}.directory-grid,.directory-streams{grid-template-columns:1fr}.topbar{padding:14px}.content-grid{padding:14px;gap:16px}.video-shell{min-height:360px}.video-topbar{left:14px;right:14px;top:14px;gap:14px}.settings-panel{left:14px;right:54px;top:64px;bottom:104px;grid-template-columns:1fr;gap:10px;padding:14px}.settings-avatar{display:none}.settings-row{grid-template-columns:112px minmax(60px,1fr) 44px;gap:9px;font-size:11px}.right-dock{top:62px;right:10px}.webcam{width:46%;left:14px;bottom:14px}.channel-list,.mini-streams,.nav-list,.promo-panel{grid-template-columns:1fr}.qr-code{display:none}.promo-panel button{grid-column:1 / -1;justify-self:stretch}.promo-copy strong{font-size:22px}}@media(max-width:520px){.topbar{align-items:stretch;flex-direction:column}.topbar-actions{justify-content:space-between}.video-shell{min-height:310px}.settings-panel{right:14px;bottom:86px}.settings-rows{gap:8px}.right-dock{display:none}.stream-profile{grid-template-columns:56px minmax(0,1fr)}.stream-profile>img{width:56px;height:56px}.streamer-line h1{font-size:20px}}