/* Reconstructed from the supplied customer site's September 2026 layout. */
:root{--accent:#ff527f;--bg:#121212;--panel:#101319;--line:#24272e;--muted:#9ba5b8;background:#121212;color:#e9ecf1}h1,h2,h3,p{word-break:keep-all}.topbar{height:60px;background:#000;padding:0 20px;gap:12px;border-bottom:1px solid #151515}.brand{min-width:165px}.site-logo{width:137px;height:46px;object-fit:contain;display:block}.brand-mark{display:none}.searchbox{width:220px;margin:0 8px 0 auto}.searchbox input{height:32px;background:#292929;border:1px solid #353535;border-radius:3px;color:#ddd;font-size:12px;padding:6px 32px 6px 10px}.searchbox button{top:5px;right:8px}.searchbox svg{height:18px;width:18px}.header-actions{gap:11px}.header-actions .btn,.header-shop{height:30px;min-height:30px;padding:5px 15px;background:#2a2a2a;border:1px solid #3e3e3e;border-radius:3px;color:#ccc;font-size:11px;display:inline-flex;align-items:center;margin:0;white-space:nowrap}.header-actions .broadcast{margin:0}.header-actions svg{display:none}.sidebar{top:60px;background:#1a1a1a;width:240px;border-right:1px solid #303030;padding:20px 17px}.sidebar-title{font-size:14px;font-weight:700;letter-spacing:0;color:#eee;margin-bottom:19px;padding:0}.channel{padding:7px 0;gap:10px;min-height:48px}.channel .avatar{height:36px;width:36px;border:1px solid #666}.channel-name{font-size:12px;color:#ddd;font-weight:600}.side-live{border:1px solid #ff024a;border-radius:9px;color:#ff024a;font-size:10px;padding:0 5px;line-height:14px}.side-more{display:block;margin:26px auto 20px;width:92px;height:24px;border:1px solid #555;border-radius:15px;font-size:11px;color:#ccc}.nav-item,.sidebar .nav-item{padding:9px 10px;gap:12px;font-size:12px;margin:1px 0;color:#ddd;border-radius:4px;font-weight:600}.nav-item.active{background:none;color:#fff}.nav-item svg{height:21px;width:21px}.nav-item:hover:not(.active){background:#292929}.sidebar-bottom{display:none}.main{margin-left:240px;padding:80px 32px 40px;max-width:none}.original-intro{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:24px;margin-bottom:32px;min-height:700px}.intro-copy{background:radial-gradient(ellipse at 0 0,#422334,transparent 55%),linear-gradient(#101218,#0a0c0f);border-radius:30px;padding:31px 32px;display:flex;align-items:flex-start;flex-direction:column}.site-kicker{background:#ffffff10;color:#ff7196;border-radius:15px;padding:7px 13px;font-size:11px;font-weight:800;letter-spacing:1px}.intro-copy h1{font-size:35px;line-height:1.2;letter-spacing:-1.5px;margin:22px 0 20px;color:#fff;font-weight:800}.intro-copy>p{font-size:13px;line-height:2;color:#afb7c8;margin:0 0 27px}.site-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;width:100%;margin-bottom:25px}.site-stats>div{padding:15px 16px;border:1px solid #2d2e35;background:#ffffff05;border-radius:19px;min-width:0;min-height:105px}.site-stats strong{font-size:29px;letter-spacing:-1px;display:block;line-height:1.4}.site-stats span{font-size:10px;letter-spacing:1.2px;color:#9facbf;line-height:1.5;display:block;margin-top:4px}.intro-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.intro-actions .btn{min-height:44px;border-radius:24px;padding:12px 16px;font-size:10px}.btn-primary{background:linear-gradient(110deg,#ff4b8c,#ff7867);color:#fff}.btn-primary:hover{background:#f54c7c}.intro-actions .btn-primary{box-shadow:0 9px 29px #ff407433}.intro-actions svg{display:none}.btn-muted,.intro-notice{background:#191b1f;border:1px solid #33363e;color:#d3d9e4}.intro-notice{font-size:10px;padding:13px 15px;border-radius:22px}.featured-section{padding:24px 22px 22px;background:linear-gradient(#11141b,#0c0f13);border:1px solid #1e2430;border-radius:30px;overflow:hidden;position:relative}.featured-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.featured-heading span,.page-eyebrow{background:#25282f;color:#ff6f97;border-radius:16px;padding:7px 12px;letter-spacing:1.7px;font-size:10px;font-weight:800;display:inline-block}.featured-heading h2{font-size:26px;letter-spacing:-1px;margin:16px 0 0;color:#f5f7fa}.featured-heading small{font-size:11px;font-style:italic;color:#a7b2c5;margin-bottom:2px}.feature-carousel{height:560px;position:relative;perspective:1000px;display:flex;align-items:center;justify-content:center}.feature-carousel .feature{display:block;width:67%;height:100%;border-radius:25px;flex-shrink:0;z-index:3}.feature-carousel .feature img{object-position:center}.feature-carousel .feature:after{background:linear-gradient(0deg,#000d 1%,transparent 65%)}.feature-carousel .feature.side-preview{position:absolute;left:-15%;top:14%;height:72%;width:53%;opacity:.72;border-radius:4px;transform:rotateY(8deg);z-index:1;pointer-events:none}.feature-carousel .feature.side-preview.right{left:auto;right:-15%;transform:rotateY(-8deg)}.hero-badges{left:24px;right:24px;top:25px;justify-content:space-between}.tag-live{border-radius:20px;background:linear-gradient(110deg,#ff4d87,#ff746a);font-size:11px;padding:7px 10px;letter-spacing:0}.tag-live:before{display:none}.tag{border-radius:18px;padding:7px 10px;font-size:10px}.hero-badges .tag:not(.tag-live){background:#202126c9;color:white}.feature-body{left:25px;bottom:26px;width:calc(100% - 50px)}.feature-body h2{font-size:24px;font-weight:800;line-height:1.3;letter-spacing:-1px;margin:0 0 13px}.feature-meta{font-size:12px;flex-wrap:wrap;gap:9px}.feature-meta .avatar{width:39px;height:39px}.feature-meta>span{display:block;width:100%;font-size:10px;color:#c1c7d1;background:#303137b3;border-radius:14px;padding:5px 9px;max-width:max-content}.feature-play{display:none}.side-preview .feature-body{left:13px;width:85%;bottom:25px}.side-preview .feature-body h2{font-size:18px}.side-preview .feature-meta{font-size:9px}.side-preview .hero-badges{left:12px;right:12px}.side-preview .avatar,.side-preview .feature-meta>span{display:none}.carousel-controls{position:absolute;inset:56% 33px auto;z-index:5;display:flex;justify-content:space-between;pointer-events:none}.carousel-controls button{pointer-events:auto;height:47px;width:47px;display:grid;place-items:center;border-radius:12px;background:#27292dbd;color:#eee;font-size:24px}.carousel-controls span{display:none}.live-section{background:linear-gradient(#11151d,#0c1015);border:1px solid #202631;border-radius:30px;padding:22px 8px 28px}.section-top{margin:0 13px 23px}.section-top h2{font-size:25px;letter-spacing:-1px;color:#e5eaf0;margin-top:13px}.section-top p{font-size:11px;color:#a8b2c4;align-self:flex-end;margin-bottom:0}.filters{display:none}.stream-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.stream-card{background:linear-gradient(#131820,#0f131a);border:1px solid #262b35;border-radius:4px;overflow:hidden;min-height:330px}.thumb-link{border-radius:3px 3px 0 0;aspect-ratio:1.63}.thumb-link .tag{top:15px;left:15px;padding:7px 10px;font-size:11px;z-index:2}.viewer-count{bottom:auto;top:15px;left:auto;right:16px;border-radius:20px;padding:7px 9px;font-size:10px;font-weight:700;background:#2e3238d9}.viewer-count svg{display:none}.stream-info{padding:18px 17px 20px;gap:12px;position:relative}.stream-info .avatar{width:45px;height:45px}.stream-info h3{font-size:15px;font-weight:700;color:#f1f4f8;white-space:normal;line-height:1.4;letter-spacing:-.5px;margin-bottom:7px}.stream-info p{font-size:12px;color:#f66494}.stream-info .tags{color:#bdc8d9;font-size:10px;margin-top:15px;background:#272c34;padding:6px 8px;border-radius:15px;max-width:max-content;line-height:1.5}.more-button{display:block;max-width:145px;height:38px;margin:46px auto 0;border:1px solid #636363;border-radius:22px;background:#1a1a1a;font-size:11px;color:#ddd}.more-button[hidden]{display:none}.footer{color:#6f7682;border-color:#282b30;margin-top:24px}.panel{background:#13171e;border-color:#282e38}.auth-modal{background:#191b22;border-color:#393d48}.auth-overlay{background:#0009}.auth-modal .brand{margin:0 0 20px}.auth-modal .site-logo{width:140px}.wallet-balance{color:#ff608e}.demo-note{color:#c9a4b4;background:#2b1e26;border-color:#4a293a}.chat-line strong{color:#ff739c}.gift-picker button span{color:#ff6e98}.rank-number.top{color:#ff719a}#toast{background:#ef5480;color:white}.initial-loading span{color:#ff6297}.empty-state{color:#9ca6b7;background:#13161c}.profile-initial{color:#fc6d95;background:#fe5a8b22}
@media(min-width:1650px){.original-intro{min-height:690px;grid-template-columns:.8fr 1.2fr}.feature-carousel{height:550px}.feature-carousel .feature{width:58%}.feature-carousel .feature.side-preview{width:50%;left:-4%}.feature-carousel .feature.side-preview.right{right:-4%}.stream-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.main{padding-left:40px;padding-right:40px}}
@media(max-width:1200px){.sidebar{width:195px;padding:19px 16px}.main{margin-left:195px;padding:79px 25px 30px}.original-intro{grid-template-columns:.84fr 1.16fr;gap:20px;min-height:605px}.intro-copy{padding:29px 25px}.intro-copy h1{font-size:29px}.site-stats{gap:8px}.site-stats>div{padding:13px 11px;min-height:105px}.site-stats strong{font-size:25px}.site-stats span{font-size:9px}.feature-carousel{height:470px}.featured-heading h2{font-size:24px}.featured-section{padding-left:20px;padding-right:20px}.feature-body{left:20px;width:calc(100% - 40px);bottom:23px}.feature-body h2{font-size:21px}.stream-grid{gap:16px}.stream-card{min-height:295px}.stream-info{padding:16px 12px;gap:9px}.stream-info h3{font-size:14px}.stream-info .avatar{width:36px;height:36px}.header-actions .broadcast{display:inline-flex}.header-shop{display:inline-flex}}
@media(max-width:1000px){.sidebar{width:180px}.main{margin-left:180px;padding:80px 19px 30px}.original-intro{grid-template-columns:1fr;min-height:0}.intro-copy{padding:27px 26px}.intro-copy h1{font-size:30px;max-width:450px;margin:18px 0 14px}.intro-copy>p{max-width:550px;margin-bottom:19px}.site-stats{max-width:350px;margin-bottom:20px}.site-stats>div{min-height:89px}.feature-carousel{height:480px}.feature-carousel .feature{width:65%}.feature-carousel .feature.side-preview{left:-4%;width:54%}.feature-carousel .feature.side-preview.right{right:-4%}.featured-heading h2{font-size:24px}.featured-section{padding:23px}.sidebar .channel,.sidebar .sidebar-title{display:flex}.sidebar .nav-item span{display:block}.sidebar .nav-item{justify-content:flex-start}.sidebar-title{font-size:13px}.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 16px}.searchbox{max-width:220px}.header-actions{gap:8px}.header-actions .btn,.header-shop{font-size:10px;padding:5px 12px}.header-actions .broadcast{display:none}}
@media(max-width:620px){.topbar{height:59px;padding:0 12px}.brand{min-width:0}.site-logo{width:113px;height:40px}.header-actions{gap:7px;margin-left:auto}.header-actions .btn{display:flex;min-height:29px;padding:5px 10px;font-size:10px}.header-shop{display:none}.searchbox{display:none}.sidebar{width:100%;height:64px;top:auto;bottom:0;padding:4px 5px;background:#191919f5;border-top:1px solid #333;border-right:0}.sidebar .recommended{display:none}.sidebar .nav-item{display:flex;flex-direction:column;gap:5px;padding:7px 10px;font-size:9px;min-width:54px;margin:0}.sidebar .nav-item.active{color:#ff6e9a}.sidebar .nav-item svg{height:19px;width:19px}.main{margin-left:0;padding:76px 13px 86px}.original-intro{gap:17px;margin-bottom:21px}.intro-copy{border-radius:22px;padding:24px}.site-kicker{font-size:10px;padding:6px 11px}.intro-copy h1{font-size:28px;line-height:1.35;max-width:290px;margin-top:17px}.intro-copy>p{font-size:11px;line-height:1.9;margin-bottom:19px}.site-stats{gap:9px;margin-bottom:21px;max-width:none}.site-stats>div{padding:12px;border-radius:14px;min-height:88px}.site-stats strong{font-size:23px}.site-stats span{font-size:8px;letter-spacing:1px}.intro-actions{gap:8px}.intro-actions .btn{font-size:9px;padding:11px 13px;min-height:39px}.intro-notice{font-size:9px;padding:12px}.featured-section{border-radius:23px;padding:20px 14px 18px}.featured-heading{margin:0 7px 19px}.featured-heading h2{font-size:23px;margin-top:12px}.featured-heading small{font-size:10px}.featured-heading span,.page-eyebrow{font-size:9px;padding:6px 10px}.feature-carousel{height:360px}.feature-carousel .feature{width:75%;border-radius:19px}.feature-carousel .feature.side-preview{width:64%;left:-28%}.feature-carousel .feature.side-preview.right{right:-28%}.feature-body{left:18px;width:calc(100% - 36px);bottom:19px}.feature-body h2{font-size:20px;letter-spacing:-.7px}.feature-meta{font-size:11px;gap:7px}.feature-meta .avatar{width:33px;height:33px}.hero-badges{top:17px;left:17px;right:17px}.tag-live,.hero-badges .tag{font-size:9px;padding:6px 8px}.carousel-controls{left:17px;right:17px;top:56%}.carousel-controls button{width:34px;height:38px;font-size:20px;border-radius:8px}.live-section{border-radius:23px;padding:20px 8px 24px}.section-top{margin:0 5px 20px;align-items:start}.section-top h2{font-size:22px;margin-top:12px}.section-top p{font-size:8px;max-width:75px;text-align:right;line-height:1.6}.stream-grid{gap:13px 10px}.stream-card{min-height:245px}.thumb-link{aspect-ratio:1.1}.thumb-link .tag{top:10px;left:9px;font-size:8px;padding:5px 7px}.viewer-count{top:10px;right:8px;font-size:8px;padding:5px 6px}.stream-info{padding:12px 9px 15px;gap:7px}.stream-info .avatar{height:28px;width:28px}.stream-info h3{font-size:12px;line-height:1.45;letter-spacing:-.5px}.stream-info p{font-size:10px;margin-bottom:0}.stream-info .tags{font-size:8px;margin-top:12px;padding:4px 6px}.footer{font-size:9px;line-height:1.8}.more-button{margin-top:25px}.room-heading h1{font-size:20px}.player-placeholder h2{font-size:17px}.player-placeholder p{font-size:11px}.page-heading p{font-size:12px}}