:root{color:#16181d;background:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#fff;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.stage{min-height:100vh;min-height:100dvh;padding:0;background:#fff}.frame{width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0;background:#fff;border-radius:0;box-shadow:none;padding:12px 48px 72px;position:relative;display:flex;flex-direction:column}.frame>main{flex:1;display:flex;flex-direction:column;padding-top:8px}.frame>main>section,.frame>main>.stack-form,.frame>main>.empty,.frame>main>.pad{display:flex;flex-direction:column;gap:28px}.nav{display:flex;align-items:center;gap:14px;position:relative;padding:4px 0}.brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.04em;font-size:22px}.logo-img{width:28px;height:28px;object-fit:contain}.links{display:flex;gap:4px;align-items:center;flex:none}.links a{padding:8px 12px;border-radius:999px;color:#5d6470;font-weight:600;font-size:14px;white-space:nowrap}.links a.active{background:#f3f5f8;color:#16181d;box-shadow:inset 0 0 0 1px #eceff3}.search{margin-left:auto;display:flex;align-items:center;gap:8px;background:#f4f6f8;border-radius:999px;padding:12px 16px;min-width:180px;color:#98a0ab}.search input{border:0;background:transparent;outline:none;width:100%}.icon-btn,.account{border:0;background:#fff;border-radius:999px;height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;position:relative;color:#222}.dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ff3b5c;border-radius:99px;border:2px solid #fff}.guest-face{width:32px;height:32px;border-radius:99px;background:conic-gradient(from 120deg,#7b5cff,#5ad7ff,#b16bff);display:block}.avatar{border-radius:99px;object-fit:cover;background:#eee}.verified{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-left:3px}.pop{position:absolute;top:58px;right:18px;background:#fff;border-radius:16px;box-shadow:0 16px 50px #141e3224;padding:16px;display:flex;flex-direction:column;gap:6px;min-width:260px;z-index:5;border:1px solid #eef0f4}.pop a,.pop button{text-align:left;background:none;border:0;padding:12px 14px;border-radius:10px;cursor:pointer}.pop a:hover,.pop button:hover{background:#f6f7fa}.discover,.channel,.clips-page,.spots-page,.clip-page,.audio-page{display:flex;flex-direction:column;gap:36px}.channel{gap:16px}.hero-wrap{position:relative}.hero-card{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center;animation:hero-in .45s ease}@keyframes hero-in{0%{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){.hero-card{animation:none}}.hero-media .thumb,.hero-placeholder{aspect-ratio:16/10.2;border-radius:18px}.hero-placeholder{background:linear-gradient(135deg,#efeaff,#e7f3ff 55%,#ffe8f3)}.hero-copy h1{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:8px 0}.hero-copy p{white-space:pre-line;color:#5c6572;margin:8px 0 16px}.who{display:inline-flex;align-items:center;gap:8px;font-weight:700}.pills,.title-actions,.hero-actions,.filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pill,.chip,.view-pill{border:1px solid #e6e8ee;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;color:#444;font-weight:650}.chip{cursor:pointer}.chip.on,.pill.on{background:#16181d;color:#fff;border-color:#16181d}.chip.cam.on{background:#21d15f;color:#073016;border-color:#21d15f}.earn-toggle{width:100%;min-height:108px;border:0;border-radius:24px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;text-align:left;background:#f4f5f8;color:#1a1020}.earn-toggle.on{background:#21d15f;color:#073016}.earn-toggle b{display:block;font-size:40px;letter-spacing:-.05em;line-height:1}.earn-toggle small{display:block;margin-top:8px;font-size:16px;font-weight:750;color:inherit}.earn-toggle:disabled{cursor:wait}.earn-toggle .streamer-knob{background:#d7dbe3}.earn-toggle.on .streamer-knob{background:#ffffff73}.earn-toggle .streamer-knob:after{transition:transform .18s ease}.earn-toggle.on .streamer-knob:after{transform:translate(42px)}@media(prefers-reduced-motion:reduce){.earn-toggle .streamer-knob:after{transition:none}}.star-pill{border:1px solid #e6e8ee;border-radius:999px;padding:8px 14px;font-weight:750;white-space:nowrap}.earn-clock{display:flex;align-items:center;gap:6px;line-height:1}.earn-clock svg{width:32px;height:32px;flex:none}.earn-rim{fill:#fff;stroke:#e6e8ee;stroke-width:1}.earn-face{fill:none;stroke:#eceff4;stroke-width:3}.earn-tick{stroke:#9aa3b2;stroke-width:1;stroke-linecap:round}.earn-arc{fill:none;stroke:url(#earn-rainbow);stroke-width:3;stroke-linecap:round}.earn-hand{stroke:#15171c;stroke-width:1.5;stroke-linecap:round}.earn-cap{fill:#15171c}.earn-clock b{font-size:12px;font-variant-numeric:tabular-nums}.earn-clock small{font-size:10px;letter-spacing:.02em;color:#5c6572}.xp-link{display:inline-flex}.xp-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6e8ee;border-radius:999px;padding:8px 12px;white-space:nowrap}.xp-pill b{font-size:12px}.xp-pill small{color:#8b93a0;font-size:11px;font-weight:750}.xp-track{position:relative;display:block;width:72px;height:8px;border-radius:99px;overflow:hidden;background:#eef0f4;flex:none}.xp-track.wide,.stat-box .xp-track{width:100%;height:10px;margin-top:10px}.xp-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.85) 45%,transparent 70%);background-size:220% 100%;animation:xp-sheen 2.6s linear infinite}.xp-track>i{position:relative;display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ff2a1a,#ff8a00,#ffe14a,#2ee66a,#2f6bff,#b44dff,#ff2bd6,#ff2a1a);background-size:220% 100%;animation:xp-flow 3.2s linear infinite}.stat-box.locked{background:#fff;border-color:#eceff3}.stat-box.locked b{color:#8b93a0}.xp-pop{position:fixed;top:68px;right:16px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.xp-pop b{background:#15171c;color:#fff;border-radius:999px;padding:7px 12px;font-size:13px;animation:xp-rise 1.8s ease forwards}@keyframes xp-flow{to{background-position:-220% 0}}@keyframes xp-sheen{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes xp-rise{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@media(prefers-reduced-motion:reduce){.xp-track:before,.xp-track>i,.xp-pop b{animation:none}}.stats-page{width:min(1100px,100%);margin:0 auto;display:flex;flex-direction:column;gap:32px;padding:8px 0 48px}.stats-page h1{font-size:34px}.stats-lead{margin:6px 0 0;color:#5c6572}.stat-hero{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:20px;align-items:stretch}.stat-side,.stat-box{border:2px solid transparent;border-radius:16px;padding:20px 22px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(105deg,#ff2a1a,#ff8a00 16%,#ffe14a,#2ee66a,#2f6bff 70%,#b44dff 86%,#ff2bd6) border-box}.stat-side{text-align:center;display:flex;flex-direction:column;justify-content:center}.stat-side b,.stat-box b{display:block;font-size:28px;letter-spacing:-.04em}.stat-side span,.stat-box strong{display:block;margin-top:4px}.stat-side p,.stat-box p{margin:10px 0 0;color:#8b93a0;font-size:13px;line-height:1.5}.stat-hero .stat-star{color:#fff;border:0;border-radius:18px;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:28px 18px;background:linear-gradient(105deg,#ff2a1a,#ff8a00 16%,#ffe14a,#2ee66a,#2f6bff 70%,#b44dff 86%,#ff2bd6)}.stat-hero .stat-star b{display:block;font-size:clamp(56px,7vw,88px);line-height:.95;letter-spacing:-.06em}.stat-hero .stat-star small{display:block;margin-top:8px;color:#fff;font-size:18px;font-weight:750}.stat-hero .stat-star p{margin:10px 0 0;color:#fff;font-size:13px}.stat-star .xp-track{background:#ffffff73}.stat-group h2{font-size:18px;margin-bottom:10px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}@media(max-width:720px){.stat-hero{grid-template-columns:1fr}}.star-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.star-table{width:100%;border-collapse:collapse}.star-table td{padding:14px 0;border-bottom:1px solid #f0f2f6}.star-table td:last-child{text-align:right;font-weight:700}.view-pill{display:inline-flex;gap:6px;align-items:center;background:#f3f5f8}.btn{border:0;border-radius:999px;padding:12px 18px;font-weight:750;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.btn.gradient{color:#fff;background:linear-gradient(90deg,#ff4d8d,#7a5cff 55%,#3aa0ff)}.btn.dark{background:#15171c;color:#fff}.btn.ghost{background:#fff;border:1px solid #e4e7ee}.btn.live-btn{background:#fff;border:1.5px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#ff5a7a,#7a5cff);background-origin:border-box;background-clip:padding-box,border-box}.btn.live-btn i{width:8px;height:8px;border-radius:99px;background:#ff3b5c;display:inline-block}.streamer-toggle{width:100%;min-height:108px;border:0;border-radius:24px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;text-align:left;color:#fff;background:linear-gradient(105deg,#ff2a1a,#ff8a00 16%,#ffe14a,#2ee66a,#2f6bff 70%,#b44dff 86%,#ff2bd6)}.streamer-toggle b{display:block;font-size:40px;letter-spacing:-.05em;line-height:1}.streamer-toggle small{display:block;margin-top:8px;font-size:16px;font-weight:750;color:#fff}.streamer-knob{flex:none;width:96px;height:54px;border-radius:999px;background:#ffffff61;position:relative}.streamer-knob:after{content:"";position:absolute;top:5px;left:5px;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 4px 12px #0000002e;transition:transform .18s ease}.streamer-toggle.on .streamer-knob:after{transform:translate(42px)}@media(prefers-reduced-motion:reduce){.streamer-knob:after{transition:none}}.arrow{position:absolute;top:42%;width:36px;height:36px;border-radius:99px;border:0;background:#fff;box-shadow:0 8px 24px #141e321f;cursor:pointer;font-size:22px}.arrow.left{left:10px;z-index:2}.arrow.right{right:10px;z-index:2}.dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.dots button{width:6px;height:6px;border-radius:99px;border:0;background:#d5d8e0;padding:0}.dots button.on{background:#8d93a0}.cat-row,.card-row,.trend-row,.card-grid,.clip-grid{display:grid;gap:24px}.cat-row,.theme-grid{grid-template-columns:repeat(3,1fr)}.cat-card,.panel,.creator-card,.spot-card,.row-card{background:#fff;border:1px solid #eceff4;border-radius:16px}.cat-card{display:flex;gap:14px;align-items:center;padding:18px 20px;text-align:left;cursor:pointer}.cat-card.on{box-shadow:0 0 0 2px #d9d3ff}.cat-card b,.cat-card small{display:block}.cat-card small{color:#8b93a0;font-weight:600}.cat-ico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#f4f5f8}.section-head,.panel header,.chat header,.dash-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-head h2,h1,h2,h3{letter-spacing:-.03em;margin:0;line-height:1.2}.section-head p,.clips-head p,.dash-head p{margin-top:8px;line-height:1.55}.section-head p,.muted,small{color:#8b93a0}.section-head a,.panel header button,.panel header a{color:#8d94a1;background:none;border:0;font-weight:700;cursor:pointer}.card-row,.card-grid,.clip-grid{grid-template-columns:repeat(4,1fr)}.games-page{display:flex;flex-direction:column;gap:36px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px}.game-card{color:inherit}.game-card img,.game-poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:16px;background:#111;display:block}.game-card span{display:flex;flex-direction:column;gap:6px;padding:16px 6px 8px}.game-card small{color:#8b93a0;font-weight:600}.game-hero{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:32px;align-items:start}.top-gamer{display:flex;flex-direction:column;gap:16px;min-width:0}.top-player{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#0e1016;color:inherit}.top-player .thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}.top-player .hover-play{z-index:1}.top-empty{display:grid;place-items:center;padding:16px}.top-empty p{margin:0;color:#c5cad3;text-align:center}.top-meta{display:flex;gap:14px;align-items:center;color:inherit;min-width:0}.top-meta span{display:flex;flex-direction:column;min-width:0}.top-meta b{display:flex;align-items:center;gap:6px}.top-meta small{color:#8b93a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-row{grid-template-columns:repeat(4,1fr)}.creator-card{overflow:hidden}.creator-meta,.clip-foot,.clip-meta{display:flex;gap:14px;align-items:center;padding:16px 12px 12px}.creator-meta span,.clip-meta,.clip-foot{display:flex;flex-direction:column;min-width:0}.creator-meta b,.clip-foot span{display:flex;align-items:center;font-size:14px}.creator-meta small,.clip-meta small,.clip-foot small{color:#8b93a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#1b1030}.thumb-scene{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 40%,hsl(var(--hue),90%,60%) 0 8px,transparent 9px),linear-gradient(180deg,hsl(var(--hue),45%,18%),#120c22 70%)}.neon-star{position:absolute;left:18%;top:22%;width:42px;height:42px;background:conic-gradient(#ff4d4d,#ffb000,#39e27a,#3d7bff,#d24bff,#ff4d4d);filter:blur(.2px) drop-shadow(0 0 8px hsl(var(--hue),90%,60%));clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%)}.palm{position:absolute;bottom:18%;width:40px;height:70px;background:linear-gradient(#123,transparent);clip-path:polygon(50% 100%,0 40%,20% 45%,10% 10%,50% 28%,90% 8%,75% 46%,100% 38%);opacity:.55}.palm-l{left:8%}.palm-r{right:8%}.desk{position:absolute;left:8%;right:8%;bottom:10%;height:16%;border-radius:8px 8px 0 0;background:linear-gradient(#2a2144,#161226)}.thumb-game .thumb-scene{background:linear-gradient(160deg,hsl(var(--hue),70%,42%),#1a1240 40%,#071426)}.skyline,.waves,.paint{position:absolute;inset:auto 0 18% 0;height:46%}.skyline{background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.18) 12px 18px);clip-path:polygon(0 100%,0 60%,8% 40%,14% 70%,22% 20%,30% 55%,40% 30%,55% 62%,68% 18%,80% 48%,100% 36%,100% 100%)}.waves{background:repeating-linear-gradient(90deg,transparent,rgba(255,255,255,.7) 2px,transparent 4px);opacity:.7}.paint{background:radial-gradient(circle at 20% 40%,#ff5ad1,transparent 40%),radial-gradient(circle at 70% 30%,#7af,transparent 42%),radial-gradient(circle at 50% 70%,#ffe14a,transparent 40%)}.thumb-shot,.hover-play,.hover-play video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.thumb-setup{display:flex;gap:14px;align-items:center}.thumb-setup .thumb{width:240px;flex:none}.thumb-setup .btn{cursor:pointer}.hover-play{z-index:1;background:#000;pointer-events:none}.chat-line{display:block;line-height:22px}.smojii{display:inline-block;width:22px;height:22px;vertical-align:middle;object-fit:contain}.smojii-grid{display:flex;flex-wrap:wrap;gap:8px}.smojii-grid button,.smojii-card{border:1px solid #eceff4;background:#fff;border-radius:12px;padding:8px;display:flex;align-items:center;gap:8px}.smojii-grid img,.smojii-card img{width:36px;height:36px;object-fit:contain}.smojii-pop{position:absolute;bottom:54px;right:12px;background:#fff;border:1px solid #eceff4;border-radius:14px;padding:8px;display:flex;flex-wrap:wrap;gap:6px;width:220px;z-index:3;box-shadow:0 12px 30px #141e321f}.badge-live,.badge-view,.badge-time{position:absolute;z-index:2;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.04em}.badge-live{top:8px;left:8px;background:#21d15f;color:#073016;padding:3px 6px}.badge-view,.badge-time{top:8px;right:8px;background:#0c0e14b8;color:#fff;padding:3px 7px;display:inline-flex;gap:4px;align-items:center}.badge-time{top:auto;bottom:8px}.badge-live.tiny{position:static;margin-left:6px}.badge-live.on-player{top:12px;left:12px;z-index:8}.banner{min-height:92px;border-radius:18px;padding:20px 24px;display:flex;align-items:center;gap:18px;color:#fff;background:linear-gradient(100deg,hsl(var(--hue),58%,34%),hsl(calc(var(--hue) + 28),72%,46%));position:relative;overflow:hidden}.banner-id{min-width:0}.banner h2{margin:0 0 2px;font-size:26px;display:flex;align-items:center;gap:6px}.banner p{margin:0;opacity:.92}.banner .head-actions{margin-left:auto}.banner .btn.dark{background:#16181d;color:#fff}.banner .btn.ghost,.banner .icon-btn{background:#ffffff38;color:#fff;border-color:transparent}.banner-star{width:74px;height:74px;margin-right:24px;flex:none;background:conic-gradient(#ff4b6a,#ffa033,#7d5cff,#4db2ff,#ff4bd8);clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%);filter:drop-shadow(0 0 12px rgba(255,255,255,.45))}.theme-pill{margin-left:8px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em;background:#00000047;padding:3px 8px;border-radius:99px}.theme-dream .banner{background:linear-gradient(105deg,#ff2a1a,#ff8a00 16%,#ffe14a,#2ee66a,#2f6bff 70%,#b44dff 86%,#ff2bd6)}.theme-dream .banner-star{background:url(/logo.png) center / contain no-repeat;clip-path:none;width:86px;height:86px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.28))}.theme-dream .player{border:3px solid transparent;background:linear-gradient(#0e1016,#0e1016) padding-box,linear-gradient(120deg,#ff2a1a,#ffe14a,#2ee66a,#2f6bff,#b44dff) border-box}.theme-dream .chat{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,#ff2a1a,#ffe14a,#2ee66a,#2f6bff,#d12bff) border-box}.theme-dream .tabs button.on{color:#5b2dff;box-shadow:inset 0 -2px #ff4d8d}.theme-midnight .banner{background:linear-gradient(100deg,#070b18,#24357a 55%,#6d7cff)}.theme-neon .banner{background:linear-gradient(100deg,#ff2bd6,#2a1048 42%,#14d4ff)}.theme-aurora .banner{background:linear-gradient(100deg,#04382c,#1ad6a0 48%,#245bff)}.theme-sunset .banner{background:linear-gradient(100deg,#ff5a36,#ffb020 58%,#ff4d8d)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.theme-card{border:1px solid #eceff4;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.theme-card.equipped{box-shadow:0 0 0 2px #16181d}.theme-copy{padding:16px 18px 0;display:flex;flex-direction:column;gap:8px}.theme-copy p{margin:0 0 8px;color:#5c6572;font-size:14px}.theme-copy small{color:#8b93a0;font-weight:700}.theme-card .title-actions{padding:0 18px 18px}.swatch{height:92px;position:relative}.swatch span{position:absolute;right:16px;top:18px;width:46px;height:46px;background:conic-gradient(#ff4b6a,#ffa033,#7d5cff,#4db2ff,#ff4bd8);clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%)}.swatch-classic{background:linear-gradient(100deg,#5b4b8a,#8a6cff)}.swatch-dream{background:linear-gradient(105deg,#ff2a1a,#ff8a00 16%,#ffe14a,#2ee66a,#2f6bff 70%,#b44dff 86%,#ff2bd6)}.swatch-dream span{background:url(/logo.png) center / contain no-repeat;clip-path:none;filter:none}.swatch-midnight{background:linear-gradient(100deg,#070b18,#6d7cff)}.swatch-neon{background:linear-gradient(100deg,#ff2bd6,#14d4ff)}.swatch-aurora{background:linear-gradient(100deg,#04382c,#245bff)}.swatch-sunset{background:linear-gradient(100deg,#ff5a36,#ff4d8d)}.channel-head{display:flex;gap:14px;align-items:center}.channel-head h1{font-size:22px;display:flex;align-items:center}.avatar-upload{cursor:pointer}.head-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.tabs{display:flex;gap:24px;border-bottom:1px solid #eef0f4}.tabs button{background:none;border:0;padding:14px 0;color:#8b93a0;font-weight:700;cursor:pointer}.tabs button.on{color:#16181d;box-shadow:inset 0 -2px #16181d}.watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.player-card{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:16px}.watch-grid>.banner{grid-column:1 / -1;grid-row:2;width:100%}.under-bar{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:16px}.chat{grid-column:2;grid-row:1;border:1px solid #eceff4;border-radius:16px;min-height:0;align-self:stretch;display:flex;flex-direction:column}.side-stack{grid-column:2;grid-row:3;display:flex;flex-direction:column;gap:20px;align-self:start}.channel.wide .watch-grid{grid-template-columns:1fr}.channel.wide .player-card,.channel.wide .watch-grid>.banner,.channel.wide .under-bar,.channel.wide .chat,.channel.wide .side-stack{grid-column:1;grid-row:auto}.channel.wide .player{aspect-ratio:16 / 9}.channel.wide .chat{min-height:280px}.channel.wide .side-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.channel.glitch .watch-grid{animation:screen-glitch .72s steps(1,end)}.channel.glitch .player:before,.channel.glitch .player:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.channel.glitch .player:before{background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.22) 2px 3px);mix-blend-mode:overlay;animation:glitch-bars .72s steps(2,end)}.channel.glitch .player:after{box-shadow:inset 0 0 0 2px #ff2850b3,5px 0 #00ffff80,-5px 0 #ff005a80;animation:glitch-rgb .72s steps(2,end)}@keyframes screen-glitch{0%{transform:none;filter:none;clip-path:none}14%{transform:translate(-8px,1px);filter:hue-rotate(85deg) contrast(1.7) saturate(1.8)}28%{transform:translate(7px,-2px) skew(2deg);filter:hue-rotate(-55deg)}42%{transform:translate(-4px);clip-path:inset(14% 0 52% 0)}56%{transform:translate(6px,2px);clip-path:inset(46% 0 16% 0);filter:contrast(1.8)}70%{transform:translate(-6px,-1px) skew(-3deg);clip-path:none;filter:hue-rotate(140deg)}to{transform:none;filter:none;clip-path:none}}@keyframes glitch-bars{0%,to{opacity:0}30%{opacity:1;transform:translateY(-8px)}60%{opacity:.85;transform:translateY(12px)}}@keyframes glitch-rgb{0%,to{opacity:0}20%,75%{opacity:1}}@media(prefers-reduced-motion:reduce){.channel.glitch .watch-grid,.channel.glitch .player:before,.channel.glitch .player:after{animation:none}}.player{position:relative;background:#0e1016;border-radius:16px;overflow:hidden;aspect-ratio:16/10}.player video,.player .thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.player video.fit{object-fit:contain;background:#000}.player.large{aspect-ratio:16/9}.player-controls{position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;color:#fff;font-size:12px;font-weight:800}.hack-btn{width:36px;height:36px;padding:0;border:0;border-radius:999px;display:inline-grid;place-items:center;font-size:18px;font-weight:800;line-height:1;color:#1a1020;cursor:pointer;text-decoration:none;background:linear-gradient(100deg,#ff2a1a,#ff8a00,#ffe14a,#2ee66a,#2f6bff,#b44dff,#ff2bd6)}.hack-modal{width:min(480px,100%)}.hack-preview,.hack-inbox video,.hack-row video{width:100%;aspect-ratio:16/10;background:#111;border-radius:12px;object-fit:cover}.hack-suggestions{display:flex;flex-wrap:wrap;gap:6px}.hack-inbox,.hack-row{display:flex;flex-direction:column;gap:10px}.hack-inbox article,.hack-row{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;padding:16px;border:1px solid #eceff4;border-radius:16px}.hack-inbox .video-frame,.hack-row .video-frame{width:180px}.hack-inbox p,.hack-row p{margin:4px 0}.player .hack-pip{position:absolute;top:12px;right:12px;z-index:6;width:168px;height:96px;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 10px 24px #00000073;border:2px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(120deg,#ff2a1a,#ffe14a,#2ee66a,#2f6bff,#ff2bd6) border-box}.player .hack-pip video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.player .hack-pip b{position:absolute;left:6px;bottom:6px;z-index:1;color:#fff;font-size:11px;background:#0000008c;border-radius:99px;padding:2px 6px}.player .sponsor-pip{position:absolute;top:12px;left:12px;z-index:7;width:min(336px,calc(100% - 24px));max-height:calc(100% - 24px);display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 10px 24px #00000073;border:2px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(120deg,#ff2a1a,#ffe14a,#2ee66a,#2f6bff,#ff2bd6) border-box;cursor:pointer}.player .sponsor-pip .sponsor-stage{position:relative;width:100%;aspect-ratio:336 / 192;min-height:0;max-height:calc(100% - 32px)}.player .sponsor-break{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;flex-direction:column;background:#000;cursor:pointer}.player .sponsor-break .sponsor-stage{position:relative;flex:1;min-height:0}.player .sponsor-pip video,.player .sponsor-break video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.player .sponsor-break video{object-fit:contain;background:#000}.player .sponsor-pip .sponsor-tag,.player .sponsor-break .sponsor-tag{position:absolute;left:8px;bottom:8px;z-index:1;color:#fff;font-size:12px;font-weight:800;background:#0000008c;border-radius:99px;padding:3px 8px;pointer-events:none}.player .sponsor-pip .sponsor-skip,.player .sponsor-break .sponsor-skip{position:absolute;top:8px;right:8px;z-index:2;border:0;border-radius:999px;background:#000000bf;color:#fff;font-size:12px;font-weight:800;padding:4px 10px;cursor:pointer}.player .sponsor-pip .sponsor-cta,.player .sponsor-break .sponsor-cta{display:block;flex:none;width:100%;max-width:100%;border:0;background:#111;color:#fff;text-align:left;padding:8px 10px;font-size:12px;font-weight:700;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playbar{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;gap:12px;padding:36px 16px 14px;background:linear-gradient(transparent,#0000009e);color:#fff}.playbar>button{flex:none;width:28px;height:28px;padding:0;border:0;background:none;color:#fff;display:grid;place-items:center;cursor:pointer}.playbar-track{position:relative;flex:1;height:18px;cursor:pointer}.playbar-track:before{content:"";position:absolute;left:0;right:0;top:7px;height:4px;border-radius:99px;background:#ffffff6b}.playbar-fill{position:absolute;left:0;top:7px;height:4px;border-radius:99px;background:linear-gradient(90deg,#ff4bd8,#ff4b6a 22%,#ff8a33 58%,#ffe14a)}.playbar-knob{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059;z-index:3}.playbar-mark{position:absolute;top:50%;z-index:2;width:12px;height:12px;margin:0;padding:0;border:2px solid #fff;border-radius:50%;background:#6a5cff;transform:translate(-50%,-50%);cursor:pointer}.playbar-mark .tip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#15171c;color:#fff;padding:6px 8px;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:700;pointer-events:none}.playbar-mark .tip small{display:block;font-weight:600;color:#c9c4ff}.playbar-mark:hover .tip,.playbar-mark:focus-visible .tip{display:block}.playbar-menu{position:absolute;right:52px;bottom:48px;background:#101014eb;border-radius:12px;display:flex;flex-direction:column;padding:6px;min-width:110px}.playbar-menu button{background:none;border:0;color:#fff;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer}.playbar-menu button.on,.playbar-menu button:hover{background:#ffffff1f}.past-streams{margin-top:22px}.past-row{display:flex;gap:10px;overflow:auto;padding-bottom:4px}.past-card{display:flex;flex-direction:column;gap:10px;min-width:180px}.past-open{display:flex;flex-direction:column;gap:4px;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit}.video-frame{position:relative}.video-frame .frame-hit{display:block;width:100%;background:none;border:0;padding:0;cursor:pointer;color:inherit}.danger-btn.on-video{position:absolute;top:8px;right:8px;z-index:5;width:28px;height:28px;border-radius:99px;background:#08080c9e}.past-row .thumb{width:180px}.row-open{flex:1;display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit;min-width:0}.danger-btn{position:relative;flex:none;width:22px;height:22px;padding:0;border:0;background:none;color:transparent;font-size:0;cursor:pointer;align-self:flex-start;overflow:hidden}.danger-btn:before{content:"×";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:20px;font-weight:800;line-height:1;background:linear-gradient(100deg,#ff2a1a,#ff8a00,#ffe14a,#2ee66a,#2f6bff,#b44dff,#ff2bd6);-webkit-background-clip:text;background-clip:text;color:transparent}.danger-btn:hover:before,.danger-btn:focus-visible:before{background:none;color:#e10600;animation:x-spin .4s linear infinite}@keyframes x-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.danger-btn:hover:before,.danger-btn:focus-visible:before{animation:none}.affiliate:before{animation:none;opacity:1}}.clip-tile{position:relative}.clip-tile>a{display:block}.row-card .video-frame{flex:none;width:160px}.row-card .video-frame .thumb,.broadcast .video-frame .thumb{width:100%}.broadcast .video-frame{width:100%;min-width:0;flex:none;overflow:hidden}.studio-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.studio-hint{flex-basis:100%;font-size:13px}.player-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0}.player-foot .studio-bar{flex:1 1 420px;min-width:0}.affiliate{position:relative;display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:center;flex:1 1 280px;min-width:0;margin:0;padding:8px 10px;border-radius:14px;text-decoration:none;color:inherit}.affiliate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;pointer-events:none;background:linear-gradient(110deg,#ff2a1a,#ff8a00,#ffe14a,#2ee66a,#2f6bff,#b44dff,#ff2bd6,#ff2a1a);background-size:220% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:affiliate-rainbow 2.8s linear infinite,affiliate-pulse 1.5s ease-in-out infinite}@keyframes affiliate-rainbow{to{background-position:100% 0}}@keyframes affiliate-pulse{0%,to{opacity:.45}50%{opacity:1}}.affiliate img{width:160px;height:72px;object-fit:contain;object-position:left center;background:none;border-radius:12px}.affiliate-rotating{opacity:1;transition:opacity .24s ease}.affiliate-rotating.is-hidden{opacity:0;pointer-events:none}.affiliate-footer{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:28px}.affiliate-footer .affiliate{flex:none;width:100%;border:1px solid #e6e8ee;border-radius:16px;padding:14px;background:#fff;box-shadow:0 2px 8px #181e2a09}.affiliate-footer .affiliate:before{display:none}.affiliate-footer .affiliate img{width:120px}@media(prefers-reduced-motion:reduce){.affiliate-rotating{transition:none}}.hero-copy .affiliate{margin-top:16px}.affiliate small{color:#8b93a0;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.affiliate small.spot-label{background:linear-gradient(95deg,#ff456b,#ff923f 22%,#c05bdb 46%,#6178ff 68%,#18aaa0 86%,#ff456b);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:spot-label-flow 5s linear infinite}@keyframes spot-label-flow{to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.affiliate small.spot-label{animation:none}}.affiliate strong{display:-webkit-box;margin-top:2px;font-size:15px;line-height:1.25;font-weight:700;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.affiliate-admin{display:flex;flex-direction:column;gap:16px}.affiliate-admin img,.admin-affiliate img{width:100%;max-height:280px;object-fit:contain;background:none;border-radius:16px}.admin-affiliate{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:center;padding-top:12px;border-top:1px solid #eceff4}.spots-list{display:flex;flex-direction:column;gap:16px}.spot-image-placeholder{width:100%;height:180px;border-radius:16px;display:grid;place-items:center;background:#f7f8fa;color:#8b93a0;font-size:12px;font-weight:750;letter-spacing:.08em}@media(max-width:720px){.admin-affiliate{grid-template-columns:1fr}}.admin-affiliate .admin-actions{align-items:center}.stream-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panel{padding:22px 24px}.panel header{margin-bottom:14px}.sched,.mini-clip,.broadcast{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-top:1px solid #f2f4f7}.mini-clip,.broadcast{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center}.broadcast{grid-template-columns:120px minmax(0,1fr)}.mini-clip span,.broadcast span{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.mini-clip small,.broadcast small{color:#8b93a0}.mini-clip .thumb,.broadcast .thumb{aspect-ratio:16/10}.chat header,.chat-log,.composer{padding:16px 18px}.chat-log{flex:1;overflow:auto;display:flex;flex-direction:column;gap:16px}.chat-log article,.comments article{display:flex;gap:12px;align-items:flex-start}.chat-audio{width:min(220px,100%);height:32px}.comments p .danger-btn{margin-left:8px}.chat-log p,.comments p{margin:0;display:flex;flex-direction:column;gap:6px}.chat-log small{color:#a0a7b2}.host-pill{display:inline-block;background:#efeaff;color:#6d4aff;border-radius:99px;font-size:10px;padding:1px 6px;margin-left:4px;font-style:normal;font-weight:800}.composer{position:relative;display:flex;gap:6px;border-top:1px solid #f0f2f6}.composer input,.stack-form input,.stack-form select,.stack-form textarea,.modal input,.modal select{width:100%;border:1px solid #e6e8ee;border-radius:12px;padding:14px 16px;background:#fff;outline:none}.composer input{border-radius:999px;background:#f6f7f9}.composer button{border:0;background:transparent;cursor:pointer}.clips-head{display:flex;justify-content:space-between;align-items:flex-end}.clips-head p{margin:8px 0 0;color:#8b93a0;line-height:1.55}.filter-row select{margin-left:auto;border-radius:999px;border:1px solid #e6e8ee;padding:8px 12px;background:#fff}.clips-layout,.clip-page{display:grid;grid-template-columns:1.4fr .7fr;gap:28px}.clip-tile{min-width:0}.clip-foot b{font-size:13px}.featured-clip,.feature-player{display:flex;flex-direction:column;gap:8px}.feature-player{position:relative}.play-fab{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:99px;display:grid;place-items:center;color:#fff;background:#14141e73;border:2px solid #fff;font-size:18px}.list,.about,.spots-page,.audio-page,.stack-form{display:flex;flex-direction:column;gap:20px}.stack-form label,.modal label,.studio-main label,.admin-page label:not(.btn){display:flex;flex-direction:column;gap:8px}.account-delete{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.account-delete p{margin:6px 0 0;color:#8b93a0}.account-delete .error{color:#c62828}.account-delete .danger-btn{align-self:center}.row-card,.spot-card{padding:18px 20px;display:flex;justify-content:space-between;gap:16px;align-items:center}.row-card.slim{width:100%}.row-card .thumb{width:160px}.spot-about-title{display:flex;align-items:center;gap:14px;min-width:0}.spot-about-title h3{margin:0 0 4px}.spot-thumb{width:72px;height:72px;flex:none;object-fit:contain;background:#f7f8fa;border-radius:12px}.studio{display:grid;grid-template-columns:230px 1fr;gap:32px}.studio-nav{display:flex;flex-direction:column;gap:4px}.studio-nav .who{align-items:center}.studio-id{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;min-width:0}.studio-id small{font-weight:650}.studio-id b{display:flex;align-items:center;gap:4px}.studio-nav button{text-align:left;border:0;background:transparent;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:650;color:#444}.studio-nav button.on{background:#f3f0ff;color:#3a2a88}.studio-main{display:flex;flex-direction:column;gap:24px}.dash-head h1{font-size:28px}.dash-head p{margin:8px 0 0;color:#8b93a0;line-height:1.55}.dash-grid{display:grid;grid-template-columns:1fr 1.15fr .8fr;gap:20px}.dash-grid.bottom{grid-template-columns:1.2fr .8fr}.checks{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:10px}.checks li.done{color:#179a4a;font-weight:700}.stats-inline,.perf{display:flex;gap:18px;flex-wrap:wrap}.stats-inline b,.perf b,.big{font-size:28px;letter-spacing:-.04em}.stats-inline small,.perf small,.xp small{display:block;color:#8b93a0}.stats-inline em,.panel.tint em{color:#19a34a;font-style:normal;font-weight:700}.panel.tint{background:linear-gradient(180deg,#fff,#f7f4ff)}.bar{height:8px;background:#ece9f8;border-radius:99px;overflow:hidden;margin:6px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,#6d5cff,#c084fc)}.chart{width:100%;height:110px}.perf div,.stats-inline div{min-width:90px}.broadcast .thumb{width:100%;max-width:100%}.admin-page{width:min(1100px,100%);margin:0 auto;display:flex;flex-direction:column;gap:28px;padding:8px 0 48px}.admin-gate{min-height:calc(100dvh - 120px);display:grid;place-items:center}.admin-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap}.admin-user{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;background:none;border:0;padding:12px 14px;border-radius:10px;cursor:pointer}.admin-user.on{background:#f4f5f8}.admin-user small{color:#8b93a0}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:14px 12px;border-bottom:1px solid #f0f2f6;vertical-align:top}.admin-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.admin-facts div{border:1px solid #eceff4;border-radius:12px;padding:14px 16px}.admin-facts b{display:block}.admin-facts span{color:#8b93a0;font-size:12px}.admin-page .panel{border:1px solid #eceff4;border-radius:16px}.admin-actions,.admin-search{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-search input,.admin-actions input{flex:1;min-width:160px}.admin-note{margin:0;color:#8b93a0}.ad-preview{width:min(420px,100%);aspect-ratio:16/9;background:#111;border-radius:12px}.admin-sponsor{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:center}.admin-sponsor video{width:240px;aspect-ratio:16/9;background:#111;border-radius:12px;object-fit:cover}.admin-sponsor p{margin:4px 0;overflow-wrap:anywhere}@media(max-width:800px){.admin-sponsor{grid-template-columns:1fr}.admin-sponsor video{width:100%}}.admin-list{display:flex;flex-direction:column;max-height:70vh;overflow:auto}.admin-gate{gap:12px}@media(max-width:800px){.admin-layout{grid-template-columns:1fr}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#12162073;display:grid;place-items:center;z-index:20;padding:18px}.modal{width:min(460px,100%);background:#fff;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:16px}.modal-brand{display:flex;gap:8px;align-items:center;font-size:20px}.error{color:#c62828;margin:0}.modal .note{color:#8b93a0;margin:0}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:30;background:#15171c;color:#fff;padding:10px 14px;border-radius:999px;border:0;cursor:pointer;max-width:min(520px,calc(100% - 32px));animation:toast-in .18s ease}.toast.out{animation:toast-out .4s ease forwards}.toast.static{position:static;transform:none;align-self:flex-start;animation:none;cursor:default;max-width:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%) translateY(8px)}}@media(prefers-reduced-motion:reduce){.toast,.toast.out{animation:none}}.empty,.pad{padding:36px 8px}.frame>main>.erawr{flex:1;align-items:center;justify-content:center;text-align:center;gap:8px;padding:12px 8px 48px}.erawr img{width:min(420px,78vw);height:auto}.erawr h1{margin:0;font-size:clamp(40px,6vw,64px);letter-spacing:-.05em;line-height:.95}.text-btn{background:none;border:0;color:#6a5cff;cursor:pointer;font-weight:700;padding:0}.audio-page audio{width:min(520px,100%)}@media(max-width:720px){.frame{padding:18px 20px 48px}.nav{flex-wrap:wrap;row-gap:12px}.search{order:4;flex:1 1 120px;margin-left:0;min-width:0}.xp-link{order:5}.earn-clock{order:6}.star-pill{order:7}.xp-track{width:52px}}@media(max-width:980px){.hero-card,.watch-grid,.clips-layout,.clip-page,.studio,.dash-grid,.dash-grid.bottom,.card-row,.trend-row,.card-grid,.clip-grid,.cat-row,.theme-grid,.game-hero{grid-template-columns:1fr}.game-poster{max-width:280px}.links{display:none}.player-card,.watch-grid>.banner,.under-bar,.side-stack,.chat{grid-column:auto;grid-row:auto}.search{min-width:0;flex:1}}@media(max-width:720px){.search{flex:1 1 100%}}