:root{color:#f2f4ee;font-synthesis:none;--lime:#b8ff28;--panel:#111313;--muted:#919892;background:#0a0b0b;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0a0b0b;margin:0}button,input{font:inherit}button{color:inherit}header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0b0beb;border-bottom:1px solid #252828;align-items:center;gap:34px;height:72px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.logo{color:#fff;letter-spacing:-1px;align-items:center;gap:10px;font-family:Unbounded;font-size:19px;font-weight:700;text-decoration:none;display:flex}.logo i{background:var(--lime);clip-path:polygon(0 0,100% 13%,62% 50%,100% 87%,0 100%,35% 50%);width:17px;height:22px;display:block}nav{align-items:center;gap:26px;height:100%;display:flex}nav a{color:#929993;place-items:center;height:100%;font-size:14px;font-weight:600;text-decoration:none;display:grid;position:relative}nav a.active{color:#fff}nav a.active:after{content:"";background:var(--lime);height:2px;position:absolute;bottom:0;left:0;right:0}.search{color:#777;background:#181a1a;border:1px solid #292d2b;border-radius:4px;flex:1;align-items:center;max-width:380px;height:40px;margin-left:auto;padding:0 12px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;flex:1;padding:0 10px}.search kbd{border:1px solid #3a3e3b;border-radius:3px;padding:2px 6px;font-size:11px}.actions{align-items:center;gap:9px;display:flex}.actions button,.mobile-menu{cursor:pointer;background:0 0;border:0}.actions>button:first-child{padding:9px;position:relative}.actions b{background:var(--lime);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.actions .login,.actions .signup{border:1px solid #363b38;border-radius:3px;padding:10px 15px;font-size:13px;font-weight:700}.actions .signup{background:var(--lime);border-color:var(--lime);color:#10120e}.notice{background:#1b1e1c;border:1px solid #303531;width:260px;padding:16px;position:absolute;top:62px;right:200px;box-shadow:0 15px 40px #000}.notice p{margin:12px 0 3px;font-size:13px}.notice span{color:#818681;font-size:11px}.mobile-menu{display:none}aside{z-index:20;background:#0e1010;border-right:1px solid #202322;width:226px;padding:25px 14px;position:fixed;top:72px;bottom:0;overflow:auto}.side-title{text-transform:uppercase;letter-spacing:1.2px;color:#8e958f;justify-content:space-between;padding:0 8px 14px;font-size:10px;font-weight:800;display:flex}.channel{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;width:100%;padding:9px 8px;display:flex}.channel:hover{background:#1a1d1b}.avatar{background:color-mix(in srgb,var(--avatar),#111 62%);border:2px solid var(--avatar);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:10px;font-weight:800;display:grid}.avatar.small{width:34px;height:34px}.channel>span{flex-direction:column;min-width:0;margin-left:9px;display:flex}.channel b{font-size:12px}.channel small{color:#747b76;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:10px;overflow:hidden}.channel i{background:#ff4d41;border-radius:50%;width:6px;height:6px;margin-left:auto}.channel em{color:#999;margin-left:5px;font-size:10px;font-style:normal}.show-more{color:var(--lime);cursor:pointer;background:0 0;border:0;align-items:center;margin:12px 7px;font-size:10px;display:flex}.side-promo{border-left:2px solid var(--lime);background:#181b19;margin:32px 3px 0;padding:18px}.side-promo>span{color:var(--lime);letter-spacing:1.5px;font-size:8px;font-weight:800}.side-promo h3{margin:10px 0;font-family:Unbounded;font-size:14px;line-height:1.5}.side-promo p{color:#8e958f;font-size:10px;line-height:1.6}.side-promo button{color:#111;background:var(--lime);cursor:pointer;border:0;padding:8px 11px;font-size:10px;font-weight:800}main{margin-left:226px;padding-top:72px}.hero{height:min(620px,70vw);min-height:510px;position:relative;overflow:hidden}.hero>img{object-fit:cover;width:100%;height:100%}.hero-shade{background:linear-gradient(90deg,#040505f5 0%,#0405059e 37%,#0405050d 72%),linear-gradient(#0000 65%,#0a0b0b 100%);position:absolute;inset:0}.hero-copy{position:absolute;top:50%;left:6%;transform:translateY(-48%)}.eyebrow{color:#c2c6c1;align-items:center;gap:10px;font-size:11px;display:flex}.eyebrow span,.live{color:#fff;background:#e84135;padding:5px 7px;font-size:9px;font-weight:800}.eyebrow i{background:#7d837e;border-radius:50%;width:4px;height:4px}.hero h1{letter-spacing:-5px;margin:24px 0;font-family:Unbounded;font-size:clamp(48px,6.4vw,94px);line-height:.91}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy>p{color:#bac0bb;font-size:15px;line-height:1.65}.hero-buttons{gap:10px;margin-top:28px;display:flex}.hero-buttons button{cursor:pointer;border:0;align-items:center;gap:9px;padding:13px 20px;font-size:12px;font-weight:800;display:flex}.watch{background:var(--lime);color:#10120e}.follow{background:#222523e6}.hero-author{align-items:center;gap:11px;display:flex;position:absolute;bottom:8%;right:4%}.hero-author span{flex-direction:column;display:flex}.hero-author b{font-size:12px}.hero-author small{color:#8f9690;font-size:9px}.hero-author small svg{color:var(--lime);vertical-align:middle}.hero-index{font-family:Unbounded;font-size:16px;position:absolute;top:9%;right:4%}.hero-index span{color:#777;font-size:10px}.content,.categories{padding:56px 4% 36px}.section-head{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.kicker{color:var(--lime);letter-spacing:1.7px;font-size:9px;font-weight:800}.section-head h2{letter-spacing:-1px;margin:7px 0 0;font-family:Unbounded;font-size:25px}.section-head button{color:#aaa;cursor:pointer;background:0 0;border:0;align-items:center;font-size:11px;display:flex}.grid{grid-template-columns:repeat(3,1fr);gap:28px 18px;display:grid}.stream-card{cursor:pointer;min-width:0}.thumb{aspect-ratio:16/9;background:#171a18;height:auto;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:all .4s}.stream-card:hover .thumb img{transform:scale(1.04)}.live{position:absolute;top:10px;left:10px}.viewers{background:#000000bf;align-items:center;gap:5px;padding:4px 6px;font-size:9px;display:flex;position:absolute;bottom:8px;left:9px}.card-play{opacity:0;background:var(--lime);color:#10110f;border:0;border-radius:50%;width:48px;height:48px;transition:all .2s;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.stream-card:hover .card-play{opacity:1}.stream-meta{gap:11px;padding-top:13px;display:flex}.stream-meta h3{white-space:nowrap;text-overflow:ellipsis;margin:1px 0 6px;font-size:13px;overflow:hidden}.stream-meta>div:nth-child(2){flex:1;min-width:0}.stream-meta p,.stream-meta span{color:#a2a8a3;margin:0 0 3px;font-size:10px}.stream-meta span{color:#696f6b}.stream-meta>svg{color:#666}.categories{padding-top:40px;padding-bottom:90px}.cat-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cat-grid button{text-align:left;cursor:pointer;background:#111313;border:1px solid #242826;align-items:center;gap:13px;padding:18px;display:flex}.cat-grid button:hover{border-color:var(--lime)}.cat-grid button>svg:first-child{color:var(--lime)}.cat-grid button>svg:last-child{color:#555;width:16px;margin-left:auto}.cat-grid span{flex-direction:column;display:flex}.cat-grid b{font-size:12px}.cat-grid small{color:#777;margin-top:3px;font-size:9px}.modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000db;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.player{background:#121413;width:min(980px,94vw);position:relative}.player>img{aspect-ratio:16/9;object-fit:cover;filter:brightness(.72);width:100%;display:block}.close{cursor:pointer;background:#111b;border:0;padding:8px;position:absolute;top:12px;right:12px}.player-center{background:var(--lime);color:#111;border-radius:50%;place-items:center;width:72px;height:72px;padding-left:5px;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.controls{align-items:center;gap:15px;display:flex;position:absolute;bottom:86px;left:18px;right:18px}.controls svg{width:18px}.controls .bar{background:#656965;flex:1;height:3px}.controls .bar i{background:var(--lime);width:38%;height:100%;display:block}.player-info{align-items:center;gap:12px;height:78px;padding:12px 18px;display:flex}.player-info h3{margin:0 0 4px;font-size:13px}.player-info p{color:#8b918c;margin:0;font-size:10px}.player-info button{background:var(--lime);color:#111;border:0;margin-left:auto;padding:10px 13px;font-size:11px;font-weight:700}.api-mark{z-index:10;color:#454945;letter-spacing:.4px;font-size:7px;position:fixed;bottom:7px;right:9px}.empty{text-align:center;color:#777;border:1px solid #222;padding:60px}@media (width<=1000px){header nav{display:none}.grid,.cat-grid{grid-template-columns:repeat(2,1fr)}.actions .login{display:none}.search{max-width:none}.hero h1{letter-spacing:-3px}}@media (width<=720px){header{gap:12px;height:62px;padding:0 14px}.mobile-menu{padding:0;display:block}.logo{font-size:16px}.logo i{width:14px;height:18px}.search{display:none;position:absolute;top:72px;left:14px;right:14px}.actions>button:first-child,.actions .signup{display:none}nav.open{background:#111;flex-direction:column;align-items:start;height:auto;padding:18px;display:flex;position:absolute;top:61px;left:0;right:0}nav.open a{height:30px}aside{display:none}main{margin-left:0;padding-top:62px}.hero{height:78vh;min-height:560px}.hero>img{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#040505e6,#04050533),linear-gradient(#0000 35%,#0a0b0b 100%)}.hero-copy{top:auto;bottom:65px;left:22px;transform:none}.hero h1{letter-spacing:-3px;font-size:47px}.hero-author,.hero-index{display:none}.content,.categories{padding:42px 16px}.grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:1fr 1fr}.cat-grid button{padding:13px}.cat-grid button>svg:last-child{display:none}.section-head h2{font-size:20px}.modal{padding:0}.player{width:100%}.player-center{width:58px;height:58px}.controls{bottom:85px}.player-info h3{white-space:nowrap;text-overflow:ellipsis;max-width:45vw;overflow:hidden}}.auth-card{background:#141716;border:1px solid #2b302d;width:min(440px,94vw);padding:38px;position:relative}.auth-card h2{margin:9px 0 10px;font-family:Unbounded;font-size:25px}.auth-lead{color:#8f9690;margin:0 0 26px;font-size:12px}.auth-card form{flex-direction:column;gap:16px;display:flex}.auth-card label{color:#b8bdb9;text-transform:uppercase;letter-spacing:.7px;flex-direction:column;gap:7px;font-size:10px;font-weight:700;display:flex}.auth-card input{color:#fff;text-transform:none;letter-spacing:0;background:#0c0e0d;border:1px solid #303531;border-radius:2px;outline:none;height:45px;padding:0 13px}.auth-card input:focus{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.submit-auth{background:var(--lime);color:#111;cursor:pointer;border:0;height:46px;margin-top:4px;font-size:12px;font-weight:800}.submit-auth:disabled{opacity:.6;cursor:wait}.form-message{padding:11px;font-size:11px;line-height:1.5}.form-message.error{color:#ffaaa3;background:#3b1716;border-left:2px solid #f04e43}.form-message.success{color:#c9ffb9;border-left:2px solid var(--lime);background:#172c13}.terms{color:#646a66;margin-top:15px;font-size:9px;line-height:1.5;display:block}.verify-email>svg{color:var(--lime);margin-bottom:20px;display:block}.verify-email h2{line-height:1.25}.verify-email>p{color:#a5aba6;margin:13px 0;font-size:12px;line-height:1.7}.verify-email>p a{color:#fff;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-underline-offset:3px;font-weight:700}.open-mail{background:var(--lime);color:#111;justify-content:center;align-items:center;gap:9px;height:46px;margin:24px 0 20px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.resend{color:#858c86;font-size:11px}.resend button{color:#fff;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-underline-offset:3px;background:0 0;border:0;margin-left:3px;padding:0;font-weight:700}.resend button:disabled{opacity:.6;cursor:wait}.verify-email .form-message{margin-top:14px}.spam-note{color:#656c66;margin-top:17px;font-size:10px;display:block}.auth-switch{color:#aeb4af;cursor:pointer;background:0 0;border:0;width:100%;margin-top:18px;font-size:10px;display:block}.auth-switch:hover{color:var(--lime)}.user-name{color:var(--lime);text-overflow:ellipsis;max-width:120px;font-size:11px;overflow:hidden}.api-error{z-index:150;color:#ffaaa3;text-align:left;background:#3b1716;border:1px solid #6d2925;align-items:center;gap:12px;max-width:360px;padding:12px 14px;font-size:11px;display:flex;position:fixed;bottom:20px;right:20px}.player>video{aspect-ratio:16/9;background:#000;width:100%;display:block}.hero-empty{text-align:center;background:#0f1110;border-bottom:1px solid #222;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex}.hero-empty svg{color:var(--lime)}.hero-empty h2{margin:18px 0 6px;font-family:Unbounded;font-size:22px}.hero-empty p{color:#7f8680;font-size:12px}.loader{border:2px solid #303530;border-top-color:var(--lime);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}header nav button{color:#929993;cursor:pointer;background:0 0;border:0;place-items:center;height:100%;font-size:14px;font-weight:600;display:grid;position:relative}header nav button.active{color:#fff}header nav button.active:after{content:"";background:var(--lime);height:2px;position:absolute;bottom:0;left:0;right:0}.following-page{min-height:calc(100vh - 72px);padding:56px 4% 90px}.page-live .categories,.page-live .following-page,.page-categories .hero,.page-categories .hero-empty,.page-categories .content,.page-categories .following-page{display:none}.page-categories .categories{min-height:calc(100vh - 72px);padding-top:70px}.page-following .hero,.page-following .hero-empty,.page-following .content,.page-following .categories{display:none}.tab-loading{color:#8c938d;justify-content:center;align-items:center;gap:14px;min-height:260px;font-size:12px;display:flex}@media (width<=720px){header nav.open button{height:30px}.following-page,.page-categories .categories{min-height:calc(100vh - 62px);padding:42px 16px}}header>.logo{cursor:pointer;background:0 0;border:0;padding:0}@media (width<=520px){.auth-card{width:100%;min-height:100vh;padding:70px 24px 30px}}