@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary:#fe5402;--primary-hover:#e04800;--primary-light:#fe540226;--bg-dark:#0f0f0f;--surface-dark:#181818;--surface-hover-dark:#272727;--border-dark:#2a2a2a;--text-dark:#f1f1f1;--text-muted-dark:#aaa;--bg-light:#f9f9f9;--surface-light:#fff;--surface-hover-light:#f2f2f2;--border-light:#e5e5e5;--text-light:#0f0f0f;--text-muted-light:#606060;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-glow:0 0 20px #fe540259;--sidebar-width:240px;--sidebar-collapsed-width:72px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-dark);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}body.light-mode{background-color:var(--bg-light);color:var(--text-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-layout{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));display:flex}.content-area{flex:1;width:100%;padding:20px;transition:margin-left .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #fe54024d}50%{box-shadow:0 0 25px #fe5402b3}}.pulse-glow{animation:2s infinite pulseGlow}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-full);align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{color:var(--text-dark);border-radius:var(--radius-full);background:#ffffff1a;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}body.light-mode .btn-secondary{color:var(--text-light);background:#0000000f}.btn-secondary:hover{background:#fff3}.video-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:24px;display:grid}@media (width<=768px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.content-area{padding:12px}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.close-btn{color:#fff!important;cursor:pointer!important;background:#ffffff1a!important;border:none!important;border-radius:50%!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;transition:all .25s!important;display:flex!important}.close-btn:hover{color:#fff!important;background:#fe5402!important;transform:rotate(90deg)scale(1.08)!important}body.light-mode .close-btn{color:#000!important;background:#00000014!important}body.light-mode .close-btn:hover{color:#fff!important;background:#fe5402!important}.navbar-header{height:var(--header-height);background-color:var(--bg-dark);border-bottom:1px solid var(--border-dark);z-index:1000;justify-content:space-between;align-items:center;padding:0 16px;transition:background-color .3s;display:flex;position:fixed;top:0;left:0;right:0}body.light-mode .navbar-header{background-color:var(--bg-light);border-bottom:1px solid var(--border-light)}.navbar-left{align-items:center;gap:16px;display:flex}.icon-btn{color:inherit;border-radius:var(--radius-full);background:0 0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.brand-logo{letter-spacing:-.5px;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #fe54024d);width:auto;height:38px;transition:transform .2s}.brand-logo:hover .brand-logo-img{transform:scale(1.05)}.brand-text{color:#fe5402;letter-spacing:-.3px;font-family:Outfit,Inter,sans-serif;font-weight:800}.navbar-center{flex:1;max-width:600px;margin:0 20px}.search-input-wrapper{border:1px solid var(--border-dark);border-radius:var(--radius-full);background:#ffffff0d;align-items:center;padding:4px 6px 4px 16px;transition:all .2s;display:flex}body.light-mode .search-input-wrapper{border:1px solid var(--border-light);background:#00000008}.search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.search-input{color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-submit-btn{background:var(--primary);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex}.search-submit-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.navbar-right{align-items:center;gap:16px;display:flex}.monetize-badge-btn{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);border:1px solid #fe54024d;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.monetize-badge-btn:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.user-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--primary);cursor:pointer;width:36px;height:36px}.signin-navbar-btn{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}@media (width<=640px){.brand-text{display:none}.navbar-center{margin:0 10px}.monetize-badge-btn span,.signin-navbar-btn span{display:none}}.sidebar-container{top:var(--header-height);width:var(--sidebar-width);background-color:var(--bg-dark);border-right:1px solid var(--border-dark);z-index:900;padding:12px 8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;overflow-y:auto}body.light-mode .sidebar-container{background-color:var(--bg-light);border-right:1px solid var(--border-light)}.sidebar-container.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-container.collapsed .sidebar-label{display:none}.sidebar-container.collapsed .sidebar-item{justify-content:center;padding:14px 0}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-item{border-radius:var(--radius-md);color:var(--text-dark);align-items:center;gap:16px;padding:10px 16px;font-size:15px;font-weight:500;transition:all .2s;display:flex}body.light-mode .sidebar-item{color:var(--text-light)}.sidebar-item:hover{background:var(--surface-hover-dark)}body.light-mode .sidebar-item:hover{background:var(--surface-hover-light)}.sidebar-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.sidebar-item.active .sidebar-icon{color:var(--primary)}@media (width<=768px){.sidebar-container{transform:translate(-100%)}.sidebar-container.open{width:var(--sidebar-width);box-shadow:var(--shadow-md);transform:translate(0)}.sidebar-container.open .sidebar-label{display:block}}.account-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;justify-content:flex-end;display:flex;position:fixed;inset:0}.account-drawer-content{background:var(--surface-dark);border-left:1px solid var(--border-dark);flex-direction:column;gap:16px;width:100%;max-width:380px;height:100%;padding:20px;display:flex;overflow-y:auto;box-shadow:-4px 0 24px #00000080}body.light-mode .account-drawer-content{background:var(--surface-light);border-left-color:var(--border-light)}.drawer-header{border-bottom:1px solid var(--border-dark);justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}body.light-mode .drawer-header{border-bottom-color:var(--border-light)}.user-info-row{align-items:center;gap:12px;display:flex;overflow:hidden}.drawer-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--primary);flex-shrink:0;width:52px;height:52px}.user-details{flex-direction:column;gap:2px;display:flex;overflow:hidden}.user-full-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;overflow:hidden}.user-email{color:var(--text-muted-dark);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-handle{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.incognito-active-banner{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-md);align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.drawer-scrollable-body{flex-direction:column;gap:12px;display:flex}.drawer-action-card{border-radius:var(--radius-lg);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:transform .2s;display:flex}.drawer-action-card:hover{transform:translateY(-2px)}.premium-card{background:linear-gradient(135deg,#ffd70029 0%,#fe540238 100%);border:1px solid #ffd70066}.wallet-card{background:linear-gradient(135deg,#fe540233 0%,#fe540214 100%);border:1px solid #fe540266}body.light-mode .premium-card{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fde68a;box-shadow:0 2px 8px #fbbf2426}body.light-mode .wallet-card{background:linear-gradient(135deg,#fff5f0 0%,#ffedd5 100%);border:1px solid #fed7aa;box-shadow:0 2px 8px #fe54021f}.card-icon-title{align-items:center;gap:12px;display:flex}.card-icon-title h4{color:var(--text-dark);font-size:15px;font-weight:800}body.light-mode .card-icon-title h4{color:#111827}.card-icon-title span{color:#ffffffb3;font-size:11px}body.light-mode .card-icon-title span{color:#4b5563}.card-action-btn{border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:none;padding:8px 16px;font-size:13px;font-weight:800}.gold-btn{color:#000;background:gold}.orange-btn{background:var(--primary);color:#fff}.drawer-divider{background:var(--border-dark);height:1px;margin:6px 0}body.light-mode .drawer-divider{background:var(--border-light)}.menu-list{flex-direction:column;gap:2px;display:flex}.menu-item{border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.menu-item:hover{background:var(--surface-hover-dark)}body.light-mode .menu-item:hover{background:var(--surface-hover-light)}.menu-left{align-items:center;gap:14px;display:flex}.menu-icon{color:var(--primary)}.text-danger{color:#dc3545!important}.chevron{opacity:.4}.login-modal-content{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-md);flex-direction:column;gap:18px;padding:28px;display:flex;overflow-y:auto}body.light-mode .login-modal-content{background:var(--surface-light);border-color:var(--border-light)}.modal-header{align-items:center;gap:12px;display:flex}.modal-header h2{flex:1}.back-btn{color:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;align-items:center;padding:4px;display:flex}.google-signin-btn{color:#000;border-radius:var(--radius-full);cursor:pointer;background:#fff;border:1px solid #00000026;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.google-signin-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.login-divider{text-align:center;color:var(--text-muted-dark);align-items:center;margin:4px 0;font-size:12px;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border-dark);flex:1}.login-divider span{padding:0 12px}.login-form{flex-direction:column;gap:14px;display:flex}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted-dark);pointer-events:none;position:absolute;left:14px}.login-input{border:1px solid var(--border-dark);border-radius:var(--radius-md);width:100%;color:inherit;background:#ffffff14;outline:none;padding:12px 14px 12px 42px;font-size:14px;transition:border-color .2s}.login-input:disabled{opacity:.5;cursor:not-allowed}select.login-input{cursor:pointer;padding-left:14px}body.light-mode .login-input{border-color:var(--border-light);background:#0000000a}.login-input:focus{border-color:var(--primary)}.password-toggle{color:var(--text-muted-dark);cursor:pointer;background:0 0;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.password-toggle:hover{color:var(--primary)}.login-submit-btn{justify-content:center;width:100%;margin-top:4px;padding:12px;font-size:15px}.login-footer-toggle{color:var(--text-muted-dark);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.toggle-signup-btn{color:var(--primary);cursor:pointer;background:0 0;font-size:14px;font-weight:700}.login-error-alert{color:#dc3545;border-radius:var(--radius-md);background:#dc354526;border:1px solid #dc3545;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.signup-notice-badge{color:#fe5402;border-radius:var(--radius-md);background:#fe54021f;border:1px solid #fe54024d;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.fill-profile-avatar{justify-content:center;display:flex}.fill-profile-avatar img{object-fit:cover;border:3px solid var(--border-dark);border-radius:50%;width:100px;height:100px}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}@media (width<=500px){.form-row-3{grid-template-columns:1fr}}.payment-gateway-modal{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-height:90vh;padding:24px;overflow-y:auto;max-width:520px!important}body.light-mode .payment-gateway-modal{background:#fff;border-color:#e5e5e5}.order-summary-pill{border-radius:var(--radius-md);background:linear-gradient(135deg,#fe540226 0%,#1f1f1fe6 100%);border:1px solid #fe54024d;justify-content:space-between;align-items:center;margin-top:14px;padding:14px 18px;display:flex}.summary-left{align-items:center;gap:12px;display:flex}.summary-left h4{font-size:15px;font-weight:700}.summary-left span{color:var(--text-muted-dark);font-size:12px}.summary-price{color:var(--primary);font-size:22px;font-weight:800}.gateway-selector-list{flex-direction:column;gap:10px;max-height:280px;margin-top:16px;padding-right:4px;display:flex;overflow-y:auto}.gateway-header-label{color:var(--text-muted-dark);font-size:13px;font-weight:700}.gateway-option-card{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s,background .2s;display:flex}body.light-mode .gateway-option-card{background:var(--surface-light);border-color:var(--border-light)}.gateway-option-card.selected{border-color:var(--primary);background:#fe540214}.gateway-logo-icon{object-fit:contain;border-radius:4px;width:28px;height:28px}.gateway-info{flex-direction:column;flex:1;display:flex}.gateway-info strong{font-size:14px}.gateway-info span{color:var(--text-muted-dark);font-size:11px}.selected-check{margin-left:auto}.security-badge-row{color:var(--text-muted-dark);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.process-payment-btn{justify-content:center;width:100%;margin-top:16px;padding:14px;font-size:15px;font-weight:700}.premium-modal-container{background:#141414;border:1px solid #ffd70040;border-radius:20px;width:100%;max-height:90vh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #000c,0 0 30px #fe540226;max-width:540px!important}body.light-mode .premium-modal-container{background:#fff;border-color:#fe54024d}.premium-close-btn{color:var(--text-dark);cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,transform .2s;display:flex;position:absolute;top:18px;right:18px}body.light-mode .premium-close-btn{color:var(--text-light);background:#0000000f}.premium-close-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.premium-header{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;display:flex}.crown-badge-glow{background:radial-gradient(circle,#ffd7004d 0%,#fe54021a 70%);border:1px solid #ffd70080;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:6px;display:flex;box-shadow:0 0 20px #ffd7004d}.premium-header h2{color:var(--text-dark);letter-spacing:-.5px;font-size:24px;font-weight:800}body.light-mode .premium-header h2{color:var(--text-light)}.premium-header p{color:var(--text-muted-dark);max-width:420px;font-size:13px;line-height:1.4}.benefits-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:22px;display:flex}.benefit-item{border-radius:var(--radius-full);color:var(--text-dark);background:#fe540214;border:1px solid #fe540233;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}body.light-mode .benefit-item{color:var(--text-light)}.plans-grid{flex-direction:column;gap:16px;display:flex}.plan-card{background:#ffffff08;border:1.5px solid #ffd7004d;border-radius:16px;flex-direction:column;gap:14px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}body.light-mode .plan-card{background:#f9f9f9;border-color:#fe54024d}.plan-card:hover{border-color:gold;transform:translateY(-2px);box-shadow:0 10px 30px #ffd70026}.plan-title-badge{color:var(--text-muted-dark);font-size:15px;font-weight:700}.plan-price{align-items:baseline;gap:4px;display:flex}.currency{color:gold;font-size:20px;font-weight:800}.amount{color:gold;letter-spacing:-1px;font-size:32px;font-weight:900}.duration{color:var(--text-muted-dark);font-size:14px;font-weight:600}.plan-features{flex-direction:column;gap:10px;display:flex;margin:0!important;padding:0!important;list-style:none!important}.plan-features li{color:var(--text-dark);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;list-style:none!important}body.light-mode .plan-features li{color:var(--text-light)}.feature-check-icon{flex-shrink:0}.select-plan-btn{border-radius:var(--radius-md);background:linear-gradient(135deg,#fe5402 0%,#ff7300 100%);border:none;justify-content:center;width:100%;margin-top:4px;padding:12px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #fe540266}.select-plan-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #fe540299}.wallet-modal-content{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:100%;max-width:500px;padding:24px;display:flex;box-shadow:0 12px 32px #0009}body.light-mode .wallet-modal-content{background:var(--surface-light);border-color:var(--border-light)}.wallet-title-group{align-items:center;gap:10px;display:flex}.wallet-hero-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fe540240 0%,#1f1f1fe6 100%);border:1px solid #fe540266;justify-content:space-between;align-items:center;padding:20px;display:flex}.balance-info span{color:var(--text-muted-dark);font-size:12px}.balance-info h1{color:gold;align-items:center;gap:8px;font-size:32px;font-weight:800;display:flex}.claim-reward-btn{border-color:var(--primary);color:var(--primary);padding:10px 14px;font-size:12px}.coin-packages-section,.coin-packages-grid{flex-direction:column;gap:12px;display:flex}.coin-package-card{border:1px solid var(--border-dark);border-radius:var(--radius-lg);background:#ffffff0d;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}body.light-mode .coin-package-card{border-color:var(--border-light);background:#00000005}.coin-card-left{align-items:center;gap:14px;display:flex}.coin-text h4{font-size:16px;font-weight:700}.extra-badge{color:#28a745;font-size:11px;font-weight:600}.buy-coin-btn{padding:8px 18px;font-size:14px;font-weight:700}.create-channel-modal-content{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:100%;max-width:450px;padding:24px;display:flex;box-shadow:0 12px 32px #0009}body.light-mode .create-channel-modal-content{background:var(--surface-light);border-color:var(--border-light)}.channel-title-group{align-items:center;gap:10px;display:flex}.create-channel-form{flex-direction:column;gap:16px;display:flex}.channel-textarea{resize:vertical;min-height:80px;padding-left:14px}.file-input-wrapper{border:2px dashed var(--border-dark);border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:relative}body.light-mode .file-input-wrapper{border-color:var(--border-light);background:#00000005}.file-input-wrapper input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.create-channel-submit-btn{justify-content:center;width:100%;margin-top:4px;padding:12px}.time-watched-modal-content{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:100%;max-width:480px;padding:24px;display:flex;box-shadow:0 12px 32px #0009}body.light-mode .time-watched-modal-content{background:var(--surface-light);border-color:var(--border-light)}.time-title-group{align-items:center;gap:10px;display:flex}.time-summary-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.time-summary-card{border:1px solid var(--border-dark);border-radius:var(--radius-md);text-align:center;background:#ffffff0d;padding:12px}body.light-mode .time-summary-card{border-color:var(--border-light);background:#00000005}.time-summary-card span{color:var(--text-muted-dark);font-size:11px}.time-summary-card h2{color:var(--primary);margin-top:4px;font-size:16px;font-weight:800}.time-chart-box{border:1px solid var(--border-dark);border-radius:var(--radius-lg);background:#ffffff08;flex-direction:column;gap:16px;padding:16px;display:flex}.chart-header{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.bars-wrapper{justify-content:space-around;align-items:flex-end;height:120px;padding-top:10px;display:flex}.bar-column{flex-direction:column;align-items:center;gap:8px;height:100%;display:flex}.bar-fill-track{border-radius:var(--radius-full);background:#ffffff14;align-items:flex-end;width:20px;height:100px;display:flex;overflow:hidden}.bar-fill{background:var(--primary);border-radius:var(--radius-full);width:100%;transition:height .3s}.day-label{color:var(--text-muted-dark);font-size:11px;font-weight:600}.app-help-modal-content{background:#121212;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 20px 50px #000000e6;max-width:480px!important}body.light-mode .app-help-modal-content{background:#fff;border-color:#e5e5e5}.help-appbar{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.help-appbar h2{flex:1;margin-left:12px;font-size:18px;font-weight:700}.help-tab-bar{border-bottom:1px solid #ffffff14;padding:0 20px;display:flex}body.light-mode .help-tab-bar{border-bottom-color:#eee}.help-tab-item{color:#888;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:12px 0;font-size:15px;font-weight:700;transition:all .2s}.help-tab-item.active{color:#fe5402;border-bottom-color:#fe5402}.help-body-content{min-height:380px;max-height:500px;padding:20px;overflow-y:auto}.faq-real-list{flex-direction:column;gap:10px;display:flex}.faq-tile{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}body.light-mode .faq-tile{background:#f8f9fa;border-color:#eee}.faq-tile-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.faq-tile-header h4{font-size:15px;font-weight:600}.faq-tile-body{color:#aaa;border-top:1px dashed #ffffff14;margin-top:4px;padding:10px 16px 14px;font-size:13px}body.light-mode .faq-tile-body{color:#555}.contact-real-list{flex-direction:column;gap:12px;display:flex}.contact-real-card{color:inherit;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:flex}body.light-mode .contact-real-card{background:#f8f9fa;border-color:#eee}.contact-img{object-fit:cover;border-radius:12px;width:48px;height:48px}.contact-info h4{font-size:15px;font-weight:700}.contact-info span{color:#888;font-size:12px}.app-settings-modal-content{background:#121212;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 20px 50px #000000e6;max-width:480px!important}body.light-mode .app-settings-modal-content{background:#fff;border-color:#e5e5e5}.settings-appbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}body.light-mode .settings-appbar{border-bottom-color:#eee}.settings-appbar h2{flex:1;margin-left:12px;font-size:18px;font-weight:700}.icon-back-btn{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.settings-body-view{min-height:380px;max-height:540px;padding:12px 20px 24px;overflow-y:auto}.settings-list-container{flex-direction:column;gap:4px;display:flex}.setting-menu-item{cursor:pointer;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:16px 8px;transition:background .2s;display:flex}body.light-mode .setting-menu-item{border-bottom-color:#f2f2f2}.setting-menu-item:hover{background:#ffffff08}.item-left{align-items:center;gap:16px;display:flex}.item-icon{color:var(--text-dark)}.item-label{font-size:16px;font-weight:600}.item-arrow{color:#888}.app-switch{background:#333;border-radius:13px;width:46px;height:26px;transition:background .2s;position:relative}body.light-mode .app-switch{background:#e0e0e0}.app-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.app-switch.active{background:#fe5402}.app-switch.active:after{transform:translate(20px)}.subview-container{padding-top:10px}.language-list{flex-direction:column;gap:8px;display:flex}.lang-option-row{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;font-weight:600;display:flex}body.light-mode .lang-option-row{background:#f8f9fa;border-color:#eee}.lang-option-row.selected{background:#fe540214;border-color:#fe5402}.data-not-found-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:50px 20px;display:flex}.sad-face-circle{background:#fe5402;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:140px;height:140px;display:flex;box-shadow:0 10px 30px #fe54024d}.sad-eyes{gap:30px;display:flex}.sad-eyes .eye{background:#2d3142;border-radius:3px;width:22px;height:6px;transform:rotate(-10deg)}.sad-eyes .eye:last-child{transform:rotate(10deg)}.sad-mouth{border:5px solid #2d3142;border-bottom:none;border-radius:30px 30px 0 0;width:50px;height:22px}.data-not-found-box h3{color:#888;font-size:16px;font-weight:600}.purchase-history-list{flex-direction:column;gap:10px;display:flex}.purchase-history-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}body.light-mode .purchase-history-card{background:#f8f9fa;border-color:#eee}.ph-left h4{font-size:14px;font-weight:700}.ph-date{color:#888;font-size:12px}.ph-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.ph-amount{color:#fe5402;font-size:15px;font-weight:700}.ph-badge{color:#28a745;background:#28a74526;border-radius:10px;padding:2px 8px;font-size:11px}.privacy-policy-text-box{color:#aaa;padding:10px;font-size:14px;line-height:1.6}body.light-mode .privacy-policy-text-box{color:#555}.manage-sub-modal{background:#181a20;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:22px;width:100%;max-width:480px;padding:28px;display:flex;box-shadow:0 20px 50px #000000b3}body.light-mode .manage-sub-modal{background:#fff;border-color:#e5e5e5;box-shadow:0 16px 40px #00000026}.manage-sub-modal .modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}body.light-mode .manage-sub-modal .modal-header{border-bottom-color:#eee}.modal-title-row{align-items:center;gap:10px;display:flex}.modal-title-row h2{color:#fff;font-size:20px;font-weight:800}body.light-mode .modal-title-row h2{color:#000}.manage-sub-form{flex-direction:column;gap:18px;display:flex}.manage-sub-form .form-group{flex-direction:column;gap:8px;display:flex}.field-label{color:#fff;font-size:14px;font-weight:700}body.light-mode .field-label{color:#000}.input-coin-wrapper{background:#121419;border:1px solid #ffffff24;border-radius:14px;align-items:center;height:50px;padding:0 16px;transition:all .2s;display:flex;position:relative}body.light-mode .input-coin-wrapper{background:#f5f5f5;border-color:#ddd}.input-coin-wrapper:focus-within{border-color:#fe5402;box-shadow:0 0 0 3px #fe540233}.coin-setting-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:700}body.light-mode .coin-setting-input{color:#000}.coin-input-icon{flex-shrink:0;margin-left:8px}.field-hint{color:#aaa;margin-top:2px;font-size:12px;line-height:1.3}body.light-mode .field-hint{color:#666}.orange-submit-btn{color:#fff;cursor:pointer;background:#fe5402;border:none;border-radius:25px;justify-content:center;align-items:center;width:100%;height:50px;margin-top:8px;font-size:16px;font-weight:800;transition:all .2s;display:flex}.orange-submit-btn:hover{background:#e04800;transform:translateY(-1px);box-shadow:0 6px 20px #fe540259}.manage-alert{border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.manage-alert.success{color:#28a745;background:#28a74526;border:1px solid #28a7454d}.manage-alert.error{color:#dc3545;background:#dc354526;border:1px solid #dc35454d}.earn-reward-modal-content{color:#fff;background:#16181e;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;font-family:Urbanist,Outfit,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}.modal-top-close{z-index:50;color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:14px;right:14px}.modal-top-close:hover{background:#fe5402cc}.reward-header-banner{background:linear-gradient(135deg,#fe5402 0%,#d83b00 100%);padding:30px 24px 20px;position:relative;overflow:hidden}.reward-header-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#fff3 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-20px;right:-20px}.reward-banner-content{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.reward-banner-title{color:#ffffffd9;letter-spacing:.3px;font-size:13px;font-weight:600}.reward-coin-total-row{align-items:center;gap:10px;margin-top:2px;display:flex}.coin-icon-circle{background:#00000026;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.reward-coin-amount{color:#fff;letter-spacing:-.5px;font-size:34px;font-weight:800;line-height:1}.modal-body-scroll{flex-direction:column;gap:16px;padding:16px 20px 24px;display:flex;overflow-y:auto}.reward-alert{border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.reward-alert.success{color:#a6f4c5;background:#2e7d3233;border:1px solid #2e7d32}.reward-alert.error{color:#ffc4c4;background:#d32f2f33;border:1px solid #d32f2f}.checkin-card-container{background:#1f222c;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:16px;padding:16px 16px 20px;display:flex}.streak-title-row{color:#fffc;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.streak-badge{color:#fe5402;background:#2a2e3b;border-radius:6px;padding:2px 10px;font-size:15px;font-weight:800}.daily-reward-cards-row{grid-template-columns:repeat(7,1fr);gap:6px;padding:4px 0;display:grid}.day-reward-card{border-radius:14px;flex-direction:column;justify-content:space-between;align-items:center;height:94px;padding:0 0 6px;transition:all .2s;display:flex;position:relative;overflow:hidden}.card-top-badge{text-align:center;border-top-left-radius:14px;border-top-right-radius:14px;width:100%;padding:4px 0;font-size:10px;font-weight:800}.card-icon-area{flex:1;justify-content:center;align-items:center;display:flex}.card-bottom-label{font-size:10px;font-weight:700}.day-reward-card.state-lost{background:#ffdcdc}.day-reward-card.state-lost .card-top-badge{color:#fff;background:#ff8a8a}.day-reward-card.state-lost .cross-icon-wrap{background:#ff4d4d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.day-reward-card.state-lost .card-bottom-label{color:#d32f2f}.day-reward-card.state-checked{background:#d1fad7}.day-reward-card.state-checked .card-top-badge{color:#2e7d32;background:#a6f4c5}.day-reward-card.state-checked .checked-icon-wrap{justify-content:center;align-items:center;display:flex}.day-reward-card.state-checked .card-bottom-label{color:#2e7d32}.day-reward-card.state-today{background:linear-gradient(#fe5402 0%,#e02e00 100%);transform:translateY(-2px);box-shadow:0 6px 16px #fe540273}.day-reward-card.state-today .card-top-badge{color:#fff;background:#00000026}.day-reward-card.state-today .card-bottom-label{color:#fff}.day-reward-card.state-upcoming{background:#ffffff0d;border:1px solid #ffffff14}.day-reward-card.state-upcoming .card-top-badge{color:#ffffffe6;background:#ffffff14}.day-reward-card.state-upcoming .card-bottom-label{color:#fff9}.main-checkin-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background:#fe5402;border:none;border-radius:25px;width:100%;height:48px;margin-top:4px;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 6px 20px #fe540259}.main-checkin-btn:hover:not(:disabled){background:#ff661a;transform:translateY(-1px);box-shadow:0 8px 24px #fe540273}.main-checkin-btn.already-checked{color:#fff6;box-shadow:none;cursor:not-allowed;background:#2d313e}.earn-more-section{flex-direction:column;gap:10px;display:flex}.section-heading{color:#fff;margin:0 0 2px;font-size:15px;font-weight:700}.earn-more-card{cursor:pointer;background:#1f222c;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.earn-more-card:hover{background:#252834}.earn-card-left{align-items:center;gap:12px;display:flex}.earn-card-icon-bg{background:#fe54021f;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.earn-card-title{color:#fff;font-size:14px;font-weight:700}.earn-go-btn{color:#fff;cursor:pointer;background:#fe5402;border:none;border-radius:20px;padding:6px 20px;font-size:13px;font-weight:700;transition:background .2s}.earn-go-btn:hover{background:#ff661a}@media (width<=500px){.daily-reward-cards-row{gap:4px}.day-reward-card{height:86px}}.video-card{border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.video-card:hover{transform:translateY(-4px)}.thumbnail-wrapper{aspect-ratio:16/9;border-radius:var(--radius-md);background:linear-gradient(135deg,#1e1e24 0%,#121216 100%);width:100%;position:relative;overflow:hidden}.default-thumbnail-gradient{background:linear-gradient(135deg,#fe5402 0%,#1f1f1f 100%);width:100%;height:100%}body.light-mode .thumbnail-wrapper{background:var(--surface-light)}.video-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-card:hover .video-thumbnail{transform:scale(1.05)}.duration-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600;position:absolute;bottom:8px;right:8px}.video-info{gap:12px;display:flex}.channel-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:36px;height:36px}.video-details{flex-direction:column;gap:4px;min-width:0;display:flex}.video-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}body.light-mode .video-title{color:var(--text-light)}.channel-name-row{color:var(--text-muted-dark);align-items:center;gap:4px;font-size:13px;display:flex}body.light-mode .channel-name-row{color:var(--text-muted-light)}.verified-icon{color:var(--primary);flex-shrink:0}.video-meta{color:var(--text-muted-dark);align-items:center;gap:6px;font-size:12px;display:flex}body.light-mode .video-meta{color:var(--text-muted-light)}.dot{font-size:10px}.home-container{flex-direction:column;gap:24px;display:flex}.category-bar{align-items:center;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.category-pill{color:var(--text-dark);white-space:nowrap;cursor:pointer;background:#ffffff14;border:none;border-radius:20px;padding:6px 18px;font-size:14px;font-weight:600;transition:all .2s}body.light-mode .category-pill{color:var(--text-light);background:#0000000f}.category-pill:hover{background:#ffffff26}.category-pill.active{color:#fff;background:#e50914;font-weight:700;box-shadow:0 4px 14px #e5091466}.section-title{color:inherit;margin:0 0 14px;font-size:18px;font-weight:700}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-header-row .section-title{margin-bottom:0}.view-all-link{color:#fe5402;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s}.view-all-link:hover{opacity:.8;text-decoration:underline}.live-now-section{flex-direction:column;display:flex}.live-now-scroll{scrollbar-width:none;align-items:flex-start;gap:18px;padding:4px 2px 10px;display:flex;overflow-x:auto}.live-now-scroll::-webkit-scrollbar{display:none}.live-now-card{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;width:76px;transition:transform .2s;display:flex}.live-now-card:hover{transform:translateY(-3px)}.live-avatar-wrapper{background:linear-gradient(135deg,red,#ff5252,red);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:2.5px;display:flex;position:relative;box-shadow:0 0 10px #f006}.live-avatar-img{object-fit:cover;background:#1a1a1a;border:2px solid #000;border-radius:50%;width:100%;height:100%}body.light-mode .live-avatar-img{border-color:#fff}.live-badge{color:#fff;letter-spacing:.5px;white-space:nowrap;background:red;border:1.5px solid #000;border-radius:3px;padding:1.5px 6px;font-size:8.5px;font-weight:900;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}body.light-mode .live-badge{border-color:#fff}.live-stream-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;color:inherit;margin-top:8px;font-size:12px;font-weight:700;overflow:hidden}.live-views-row{color:#ffffff80;align-items:center;gap:3px;margin-top:2px;font-size:11px;display:flex}body.light-mode .live-views-row{color:#00000080}.home-shorts-section{flex-direction:column;margin-bottom:12px;display:flex}.shorts-header-left{align-items:center;gap:10px;display:flex}.shorts-red-icon{color:red;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.home-shorts-scroll{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;padding-bottom:12px;display:grid;overflow:hidden}.home-short-card{cursor:pointer;flex-direction:column;flex-shrink:0;gap:10px;width:100%;transition:transform .2s;display:flex}.home-short-card:hover{transform:translateY(-4px)}.short-thumb-wrapper{aspect-ratio:9/16;background:#1a1a1a;border:1px solid #ffffff0f;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 16px #0006}body.light-mode .short-thumb-wrapper{background:#f0f0f0;border-color:#e0e0e0}.short-thumb-img{object-fit:cover;width:100%;height:100%}.short-play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.home-short-card:hover .short-play-overlay{opacity:1}.short-info-row{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.short-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.short-card-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}body.light-mode .short-card-title{color:var(--text-light)}.short-card-views{color:#aaa;font-size:13px;font-weight:500}body.light-mode .short-card-views{color:#606060}.short-more-btn{color:#aaa;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex}.short-more-btn:hover{color:#fff}.videos-section{flex-direction:column;display:flex}.skeleton-card{flex-direction:column;gap:12px;display:flex}.skeleton-thumb{aspect-ratio:16/9;background:var(--surface-dark);border-radius:var(--radius-md);width:100%;animation:1.5s ease-in-out infinite pulse}.skeleton-row{gap:12px;display:flex}.skeleton-avatar{border-radius:var(--radius-full);background:var(--surface-dark);width:36px;height:36px}.skeleton-text-group{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-line{background:var(--surface-dark);border-radius:4px;height:12px}.skeleton-line.full{width:100%}.skeleton-line.half{width:60%}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.grid-ad-card{border-radius:var(--radius-md);border:1px solid var(--primary);aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.ad-badge{color:#000;z-index:10;text-transform:uppercase;background:gold;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.ad-banner-img{object-fit:cover;width:100%;height:100%}@media (width<=600px){.live-now-scroll{gap:14px}.live-now-card{width:68px}.live-avatar-wrapper{width:56px;height:56px}.home-short-card{width:130px}}.custom-player-container{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);background:#000;position:relative;overflow:hidden}.video-element{object-fit:contain;cursor:pointer;width:100%;height:100%}.ad-overlay{z-index:50;background:#000000f2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ad-content-box{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ad-media{object-fit:contain;max-width:100%;max-height:100%}.ad-info-bar{z-index:60;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:20px}.ad-tag{color:#000;text-transform:uppercase;background:gold;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:800}.ad-visit-btn{background:var(--primary);color:#fff;border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.skip-ad-btn{color:#fff;border-radius:var(--radius-sm);z-index:60;background:#000c;border:1px solid #ffffff4d;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex;position:absolute;bottom:20px;right:20px}.skip-ad-btn.active{background:var(--primary);border-color:var(--primary);cursor:pointer;box-shadow:var(--shadow-glow)}.skip-ad-btn.countdown{opacity:.8;cursor:not-allowed}.player-controls-overlay{opacity:0;background:linear-gradient(#0000,#000000d9);flex-direction:column;gap:8px;padding:12px 16px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.custom-player-container:hover .player-controls-overlay{opacity:1}.seek-bar{width:100%;height:4px;accent-color:var(--primary);cursor:pointer}.controls-row{justify-content:space-between;align-items:center;display:flex}.controls-left,.controls-right{align-items:center;gap:16px;display:flex}.control-btn{color:#fff;background:0 0;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.control-btn:hover{color:var(--primary)}.time-display{color:#ccc;font-size:13px;font-weight:500}.comments-section-container{flex-direction:column;gap:16px;margin-top:16px;display:flex}body.light-mode .comment-input{border-bottom-color:var(--border-light)}.comments-loading,.no-comments-box{color:var(--text-muted-dark);padding:12px 0;font-size:13px}.comment-time{color:var(--text-muted-dark);margin-left:4px;font-size:11px}.comment-body{font-size:14px;line-height:1.4}.watch-page-layout{grid-template-columns:1fr 380px;gap:24px;max-width:1750px;margin:0 auto;display:grid}.watch-main-content{flex-direction:column;gap:16px;display:flex}.watch-video-title{color:var(--text-dark);font-size:20px;font-weight:700;line-height:1.4}body.light-mode .watch-video-title{color:var(--text-light)}.watch-action-bar{border-bottom:1px solid var(--border-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}body.light-mode .watch-action-bar{border-bottom-color:var(--border-light)}.channel-info-group{align-items:center;gap:14px;display:flex}.watch-channel-avatar{border-radius:var(--radius-full);object-fit:cover;width:44px;height:44px}.channel-text{flex-direction:column;display:flex}.sub-count{color:var(--text-muted-dark);font-size:12px}body.light-mode .sub-count{color:var(--text-muted-light)}.subscribe-btn{background:var(--primary);color:#fff;border-radius:var(--radius-full);margin-left:12px;padding:8px 20px;font-weight:600;transition:all .2s}.subscribe-btn.subscribed{color:var(--text-dark);background:#ffffff26}body.light-mode .subscribe-btn.subscribed{color:var(--text-light);background:#00000014}.video-actions-group{align-items:center;gap:10px;display:flex}.like-dislike-pill{border-radius:var(--radius-full);background:#ffffff14;align-items:center;display:flex;overflow:hidden}body.light-mode .like-dislike-pill{background:#0000000d}.action-btn{color:inherit;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.action-btn.active{color:var(--primary)}.divider{background:var(--border-dark);width:1px;height:20px}.action-pill-btn{color:inherit;border-radius:var(--radius-full);background:#ffffff14;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}body.light-mode .action-pill-btn{background:#0000000d}.description-box{border-radius:var(--radius-md);background:#ffffff0d;flex-direction:column;gap:8px;padding:16px;display:flex}body.light-mode .description-box{background:#00000008}.description-meta{color:var(--primary);gap:6px;font-size:13px;font-weight:600;display:flex}.description-text{color:var(--text-dark);font-size:14px;line-height:1.5}body.light-mode .description-text{color:var(--text-light)}.comments-section{flex-direction:column;gap:16px;margin-top:16px;display:flex}.comment-input-row{gap:12px;display:flex}.comment-input{border:none;border-bottom:2px solid var(--border-dark);color:inherit;background:0 0;outline:none;flex:1;padding:8px 4px;font-size:14px}.comment-input:focus{border-bottom-color:var(--primary)}.comment-submit-btn{background:var(--primary);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.comments-list{flex-direction:column;gap:16px;display:flex}.comment-item{gap:12px;display:flex}.comment-avatar{border-radius:var(--radius-full);object-fit:cover;width:36px;height:36px}.comment-content{flex-direction:column;gap:2px;display:flex}.comment-author{align-items:center;gap:8px;display:flex}.author-name{font-size:13px;font-weight:600}.comment-time{color:var(--text-muted-dark);font-size:11px}.comment-body{font-size:14px}.watch-sidebar,.related-videos-list{flex-direction:column;gap:16px;display:flex}@media (width<=1024px){.watch-page-layout{grid-template-columns:1fr}}.shorts-feed-container{height:calc(100vh - var(--header-height) - 40px);justify-content:center;align-items:center;gap:20px;display:flex}.shorts-card-wrapper{aspect-ratio:9/16;border-radius:var(--radius-lg);max-width:420px;height:100%;box-shadow:var(--shadow-md);background:#000;position:relative;overflow:hidden}.shorts-video{object-fit:cover;width:100%;height:100%}.shorts-overlay-info{z-index:20;background:linear-gradient(#0000,#000000e6);flex-direction:column;gap:10px;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:80px}.shorts-channel-row{align-items:center;gap:8px;display:flex}.shorts-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--primary);width:36px;height:36px}.shorts-user-name{color:#fff;font-size:14px;font-weight:700}.shorts-sub-btn{background:var(--primary);color:#fff;border-radius:var(--radius-full);margin-left:6px;padding:4px 12px;font-size:12px;font-weight:600}.shorts-sub-btn.subscribed{background:#fff3}.shorts-title{color:#fff;font-size:14px;font-weight:500;line-height:1.3}.shorts-music-row{color:#ddd;align-items:center;gap:6px;font-size:12px;display:flex}.shorts-actions-column{z-index:20;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;bottom:20px;right:16px}.shorts-action-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);background:#ffffff26;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:48px;height:48px;font-size:11px;font-weight:600;transition:transform .2s;display:flex}.shorts-action-btn:hover{background:var(--primary);transform:scale(1.1)}.shorts-action-btn.active{color:var(--primary);background:#fe540233}.shorts-nav-arrows{flex-direction:column;gap:12px;display:flex}.shorts-arrow-btn{background:var(--surface-dark);color:var(--text-dark);border-radius:var(--radius-full);justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}body.light-mode .shorts-arrow-btn{background:var(--surface-light);color:var(--text-light);border:1px solid var(--border-light)}.shorts-arrow-btn:hover:not(:disabled){background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.shorts-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.shorts-comments-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-radius:var(--radius-lg);background:#121212f2;flex-direction:column;padding:16px;animation:.3s ease-out slideUp;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.shorts-comments-header{border-bottom:1px solid var(--border-dark);color:#fff;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.shorts-comments-header h3{margin:0;font-size:16px;font-weight:700}.shorts-comments-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px}.subscriptions-page{flex-direction:column;gap:20px;display:flex}.subscriptions-header{flex-direction:column;gap:16px;display:flex}.subscriptions-header h1{font-size:24px;font-weight:800}.subscribed-channels-bar{background:var(--surface-dark);border-radius:var(--radius-lg);border:1px solid var(--border-dark);flex-direction:column;gap:12px;padding:16px;display:flex}body.light-mode .subscribed-channels-bar{background:var(--surface-light);border-color:var(--border-light)}.channels-row{gap:20px;padding-bottom:8px;display:flex;overflow-x:auto}.channel-item{cursor:pointer;flex-direction:column;align-items:center;gap:6px;width:72px;display:flex}.channel-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--primary);width:56px;height:56px}.channel-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:11px;font-weight:600;overflow:hidden}.empty-page-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.empty-icon{color:var(--primary);opacity:.8}.empty-state-box{text-align:center;color:var(--text-muted-dark);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.history-page{flex-direction:column;gap:20px;padding:24px;display:flex}.history-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}body.light-mode .history-header{border-bottom-color:#eee}.title-group{align-items:center;gap:14px;display:flex}.title-group h1{font-size:22px;font-weight:700}.title-group p{color:var(--text-muted-dark);font-size:13px}.clear-history-btn{align-items:center;gap:8px;font-size:13px;display:flex}.watch-later-page{flex-direction:column;gap:20px;display:flex}.watch-later-header{justify-content:space-between;align-items:center;display:flex}.playlist-page{flex-direction:column;gap:24px;display:flex}.playlist-header{justify-content:space-between;align-items:center;display:flex}.header-title-group{align-items:center;gap:12px;display:flex}.header-title-group h1{font-size:24px;font-weight:800}.create-playlist-btn{padding:10px 18px;font-size:13px}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.playlist-card{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}body.light-mode .playlist-card{background:var(--surface-light);border-color:var(--border-light)}.playlist-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #fe540226}.playlist-cover-wrapper{aspect-ratio:16/9;background:#111;width:100%;position:relative}.playlist-cover{object-fit:cover;width:100%;height:100%}.playlist-count-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);color:#fff;background:#000000d9;border:1px solid #ffffff1a;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:8px;left:8px}.delete-playlist-card-btn{color:#dc3545;cursor:pointer;z-index:5;background:#000000bf;border:1px solid #dc354566;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,transform .2s;display:flex;position:absolute;top:8px;right:8px}.delete-playlist-card-btn:hover{color:#fff;background:#dc3545;transform:scale(1.1)}.playlist-info{flex-direction:column;gap:6px;padding:14px;display:flex}.playlist-info h3{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.playlist-type-tag{color:var(--text-muted-dark);align-items:center;gap:6px;font-size:12px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.playlist-create-modal{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 16px 40px #0009;max-width:580px!important}body.light-mode .playlist-create-modal{background:#fff;border-color:#e5e5e5}.privacy-type-options{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:6px;display:grid}.privacy-option{border:1px solid var(--border-dark);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:10px;padding:12px;transition:border-color .2s,background .2s;display:flex}.privacy-option.active{border-color:var(--primary);background:#fe54021a}.privacy-option div{flex-direction:column;gap:2px;display:flex}.privacy-option strong{font-size:13px}.privacy-option span{color:var(--text-muted-dark);font-size:11px}.video-selector-grid{flex-direction:column;gap:8px;max-height:180px;margin-top:6px;padding-right:6px;display:flex;overflow-y:auto}.video-select-card{border-radius:var(--radius-md);border:1px solid var(--border-dark);cursor:pointer;align-items:center;gap:12px;padding:8px 12px;transition:border-color .2s,background .2s;display:flex}.video-select-card.selected{border-color:var(--primary);background:#fe540214}.v-select-thumb{border-radius:var(--radius-sm);object-fit:cover;width:54px;height:36px}.v-select-text{flex-direction:column;flex:1;display:flex}.v-select-text h5{font-size:13px;font-weight:600}.v-select-text span{color:var(--text-muted-dark);font-size:11px}.v-select-check{width:16px;height:16px;accent-color:var(--primary)}.playlist-details-modal{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:580px;max-height:85vh;padding:24px;overflow-y:auto}.modal-header-actions{align-items:center;gap:12px;display:flex}.delete-playlist-header-btn{color:#dc3545;border-radius:var(--radius-sm);cursor:pointer;background:#dc354526;border:1px solid #dc35454d;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.delete-playlist-header-btn:hover{color:#fff;background:#dc3545}.modal-title-with-icon{align-items:center;gap:10px;display:flex}.playlist-videos-list{flex-direction:column;gap:10px;max-height:380px;margin-top:14px;display:flex;overflow-y:auto}.playlist-video-item{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 14px;display:flex}body.light-mode .playlist-video-item{background:var(--surface-light);border-color:var(--border-light)}.pv-index{color:var(--text-muted-dark);width:20px;font-size:14px;font-weight:700}.pv-thumb{border-radius:var(--radius-sm);object-fit:cover;width:72px;height:44px}.pv-info{flex-direction:column;flex:1;display:flex}.pv-info h4{font-size:13px;font-weight:600}.pv-info span{color:var(--text-muted-dark);font-size:11px}.pv-actions{align-items:center;gap:8px;display:flex}.play-pv-btn{padding:6px 12px;font-size:12px}.downloads-page{flex-direction:column;gap:20px;display:flex}.downloads-header{justify-content:space-between;align-items:center;display:flex}.clear-downloads-btn{color:#dc3545;border-color:#dc35454d;padding:8px 14px;font-size:13px}.storage-info-bar{background:var(--surface-dark);border-radius:var(--radius-md);border:1px solid var(--border-dark);align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}body.light-mode .storage-info-bar{background:var(--surface-light);border-color:var(--border-light)}.downloads-list{flex-direction:column;gap:16px;display:flex}.download-item-card{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:12px;display:flex}body.light-mode .download-item-card{background:var(--surface-light);border-color:var(--border-light)}.download-thumbnail-wrapper{aspect-ratio:16/9;border-radius:var(--radius-md);flex-shrink:0;width:160px;position:relative;overflow:hidden}.download-thumbnail{object-fit:cover;width:100%;height:100%}.play-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.download-thumbnail-wrapper:hover .play-overlay{opacity:1}.download-details{flex-direction:column;flex:1;gap:6px;display:flex}.download-title{color:inherit;font-size:16px;font-weight:700;text-decoration:none}.download-title:hover{color:var(--primary)}.download-meta{color:var(--text-muted-dark);align-items:center;gap:6px;font-size:12px;display:flex}.delete-btn{padding:8px}.monetization-flutter-container{max-width:680px;color:var(--text-dark);flex-direction:column;gap:20px;margin:0 auto;padding:20px 16px 40px;font-family:Outfit,sans-serif;display:flex}body.light-mode .monetization-flutter-container{color:var(--text-light)}.monetization-toast{z-index:3000;border-radius:30px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;animation:.3s fadeIn;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.monetization-toast.success{color:#fff;background:#2e7d32}.monetization-toast.error{color:#fff;background:#d32f2f}.monetization-toast.info{color:#fff;background:#e65100}.monetization-banner-area{justify-content:center;align-items:center;padding:20px 0 10px;display:flex}.banner-icon-circle{background:radial-gradient(circle,#fe540233 0%,#fe54020d 70%,#0000 100%);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;box-shadow:0 0 40px #fe540226}.monetization-header-text{flex-direction:column;gap:6px;display:flex}.monetization-header-text h2{font-size:22px;font-weight:800}.monetization-header-text p{color:#aaa;font-size:14px;line-height:1.5}body.light-mode .monetization-header-text p{color:#555}.monetization-requirements-card{background:#181a20;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 4px 16px #0000004d}body.light-mode .monetization-requirements-card{background:#fff;border-color:#e5e5e5;box-shadow:0 4px 16px #0000000f}.requirement-item{flex-direction:column;gap:8px;display:flex}.req-label{color:#fe5402;font-size:14px;font-weight:700}.req-bar-track{background:#ffffff14;border-radius:10px;width:100%;height:10px;overflow:hidden}body.light-mode .req-bar-track{background:#eee}.req-bar-fill{background:#fe5402;border-radius:10px;height:100%;transition:width .4s}.req-stat-row{color:#fe5402;justify-content:flex-end;font-size:13px;font-weight:700;display:flex}.monetization-bottom-bar{margin-top:10px}.monetization-action-btn{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;width:100%;height:48px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-apply-active{color:#fff;background:#fe5402}.btn-apply-active:hover{background:#e04800;box-shadow:0 6px 20px #fe540259}.btn-apply-disabled{color:#fe5402;background:#fe540226}.btn-apply-pending{color:#fff;background:#ffa000}.flutter-dialog-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.flutter-dialog-content{text-align:center;background:#181a20;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;padding:28px 24px 24px;display:flex;box-shadow:0 16px 40px #0009}body.light-mode .flutter-dialog-content{background:#fff;border-color:#e0e0e0}.dialog-title{font-size:20px;font-weight:800}.dialog-body-text{color:#aaa;font-size:14px;line-height:1.5}body.light-mode .dialog-body-text{color:#666}.dialog-actions-row{justify-content:center;align-items:center;gap:14px;width:100%;margin-top:8px;display:flex}.dialog-cancel-btn{color:#fe5402;cursor:pointer;background:0 0;border:1.5px solid #fe5402;border-radius:22px;flex:1;height:44px;font-size:14px;font-weight:700}.dialog-confirm-btn{color:#fff;cursor:pointer;background:#fe5402;border:none;border-radius:22px;flex:1.2;height:44px;font-size:14px;font-weight:700}.preview-monetization-container{max-width:800px;color:var(--text-dark);flex-direction:column;gap:22px;margin:0 auto;padding:20px 16px 40px;font-family:Outfit,sans-serif;display:flex}body.light-mode .preview-monetization-container{color:var(--text-light)}.preview-header-bar{justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.title-verified-group{align-items:center;gap:12px;display:flex}.title-verified-group h2{font-size:24px;font-weight:800}.monetized-badge{color:#28a745;background:#2e7d322e;border:1px solid #28a745;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.btn-wallet-link{color:#fe5402;cursor:pointer;background:#fe54021f;border:1px solid #fe5402;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-wallet-link:hover{color:#fff;background:#fe5402}.channel-preview-card{background:#181a20;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:20px;height:102px;padding:0 24px;display:flex;box-shadow:0 4px 16px #0000004d}body.light-mode .channel-preview-card{background:#fff;border-color:#e5e5e5;box-shadow:0 4px 16px #0000000f}.channel-preview-avatar{object-fit:cover;border:2px solid #fe5402;border-radius:50%;flex-shrink:0;width:65px;height:65px}.channel-preview-details{flex-direction:column;gap:2px;display:flex}.channel-preview-details .name-verified-row{align-items:center;gap:6px;display:flex}.channel-preview-details h3{font-size:18px;font-weight:800}.sub-count-display{color:#fe5402;margin-top:2px;font-size:22px;font-weight:800;line-height:1.1}.sub-label{color:#888;font-size:11px;font-weight:600}.analytics-header-row{justify-content:space-between;align-items:center;display:flex}.analytics-header-row h3{font-size:18px;font-weight:800}.filter-dropdown-wrapper{align-items:center;display:flex;position:relative}.analytics-filter-select{appearance:none;color:#fe5402;cursor:pointer;background:#fe54021f;border:1px solid #fe54024d;border-radius:20px;outline:none;padding:6px 30px 6px 14px;font-size:13px;font-weight:700}.select-arrow{color:#fe5402;pointer-events:none;position:absolute;right:10px}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=500px){.analytics-grid{grid-template-columns:1fr}}.analytics-item-card{background:#181a20;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;gap:8px;height:110px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #0000004d}body.light-mode .analytics-item-card{background:#fff;border-color:#e5e5e5;box-shadow:0 4px 16px #0000000f}.analytics-item-card .item-title{color:#888;font-size:12px;font-weight:600}.analytics-item-card .item-value{color:#fe5402e6;font-size:24px;font-weight:800}.exchange-rate-section{flex-direction:column;gap:12px;margin-top:6px;display:flex}.exchange-rate-section h3{font-size:18px;font-weight:800}.exchange-rate-card{background:#181a20;border:1px solid #ffffff14;border-radius:20px;justify-content:space-around;align-items:center;height:100px;padding:0 20px;display:flex;box-shadow:0 4px 16px #0000004d}body.light-mode .exchange-rate-card{background:#fff;border-color:#e5e5e5;box-shadow:0 4px 16px #0000000f}.exchange-col{flex-direction:column;align-items:center;gap:2px;display:flex}.exchange-val{color:#fe5402;font-size:24px;font-weight:800}.exchange-sub{color:#888;font-size:12px;font-weight:600}.exchange-arrow{color:#fe5402;font-size:28px;font-weight:800}.search-page-container{flex-direction:column;gap:24px;display:flex}.channel-search-card{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);align-items:center;gap:20px;padding:20px;display:flex}body.light-mode .channel-search-card{background:var(--surface-light);border-color:var(--border-light)}.channel-avatar-large{border-radius:var(--radius-full);object-fit:cover;width:72px;height:72px}.channel-details{flex-direction:column;flex:1;gap:4px;display:flex}.flutter-upload-modal{background:#1a1a1a;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;width:100%;max-width:520px;height:85vh;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000d9}body.light-mode .flutter-upload-modal{background:#fff;border-color:#e0e0e0;box-shadow:0 12px 40px #00000026}.flutter-upload-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:8px;padding:14px 16px;display:flex}body.light-mode .flutter-upload-header{border-bottom-color:#eee}.flutter-upload-header .header-left{align-items:center;gap:10px;display:flex}.flutter-upload-header h2{white-space:nowrap;margin:0;font-size:17px;font-weight:700}.icon-btn{color:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;padding:4px;display:flex}.icon-btn:hover{background:#ffffff14}body.light-mode .icon-btn:hover{background:#0000000f}.close-x{margin-left:auto}.content-type-toggle{background:#ffffff0f;border-radius:20px;gap:6px;margin-left:auto;margin-right:6px;padding:3px;display:flex}body.light-mode .content-type-toggle{background:#f1f1f1}.type-pill{cursor:pointer;color:#ffffff80;white-space:nowrap;background:0 0;border-radius:16px;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex}body.light-mode .type-pill{color:#888}.type-pill.active{color:#fff;background:#fe5402;box-shadow:0 2px 8px #fe540259}.flutter-upload-alert{border-radius:10px;align-items:center;gap:10px;margin:0 16px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.flutter-upload-alert.success{color:#28a745;background:#28a74524;border:1px solid #28a74540}.flutter-upload-alert.error{color:#dc3545;background:#dc354524;border:1px solid #dc354540}.flutter-upload-body{flex-direction:column;flex:1 1 0;gap:12px;min-height:0;padding:14px 16px 4px;display:flex;overflow-y:auto}.video-preview-card{background:#111;border-radius:14px;position:relative;overflow:hidden}body.light-mode .video-preview-card{background:#f5f5f5}.video-preview-card.long-preview{aspect-ratio:16/9;width:100%}.video-preview-card.short-preview{width:200px;height:300px;margin:0 auto}.preview-video-player{object-fit:cover;border-radius:14px;width:100%;height:100%}.video-placeholder{color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;font-size:13px;display:flex}body.light-mode .video-placeholder{color:#999}.timestamp-badge{color:#fff;background:#00000080;border-radius:8px;padding:2px 10px;font-size:11px}.url-input-box{flex-direction:column;gap:4px;display:flex}.url-input-box label{color:#fe5402;font-size:12px;font-weight:700}.title-section{flex-direction:column;gap:6px;display:flex}.flutter-title-input{width:100%;color:inherit;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:14px 16px;font-size:14px;transition:border-color .2s}body.light-mode .flutter-title-input{background:#f5f5f5;border-color:#e0e0e0}.flutter-title-input::placeholder{color:#ffffff40}body.light-mode .flutter-title-input::placeholder{color:#aaa}.flutter-title-input:focus{border-color:#fe5402}.flutter-text-input{width:100%;color:inherit;resize:vertical;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}body.light-mode .flutter-text-input{background:#f5f5f5;border-color:#e0e0e0}.flutter-text-input:focus{border-color:#fe5402}.detail-items-list{flex-direction:column;display:flex}.detail-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;height:54px;padding:0 4px;transition:background .15s;display:flex}.detail-item:hover{background:#ffffff0a}body.light-mode .detail-item:hover{background:#00000008}.detail-item-left{align-items:center;gap:12px;min-width:0;display:flex}.item-icon{color:#ffffff8c;flex-shrink:0}body.light-mode .item-icon{color:#444}.item-title{white-space:nowrap;font-size:15px;font-weight:600}.detail-item-right{flex-shrink:1;align-items:center;gap:8px;min-width:0;display:flex}.item-subtitle{color:#ffffff59;white-space:nowrap;text-overflow:ellipsis;text-align:right;max-width:160px;font-size:13px;overflow:hidden}body.light-mode .item-subtitle{color:#999}.chevron-icon{color:#ffffff4d;flex-shrink:0}body.light-mode .chevron-icon{color:#bbb}.thumbnail-preview-box{background:#ffffff0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}body.light-mode .thumbnail-preview-box{background:#f0f0f0}.thumbnail-preview-box img{object-fit:cover;width:100%;height:100%}.no-thumb{color:#ffffff4d;text-align:center;font-size:8px}.flutter-upload-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:12px 16px 16px}body.light-mode .flutter-upload-footer{border-top-color:#eee}.flutter-primary-btn{color:#fff;cursor:pointer;text-align:center;background:#fe5402;border:none;border-radius:28px;width:100%;padding:14px 20px;font-size:15px;font-weight:700;transition:opacity .2s,transform .15s}.flutter-primary-btn:hover{opacity:.92;transform:translateY(-1px)}.flutter-primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sub-modal-backdrop{z-index:10;background:#00000080;border-radius:18px;align-items:flex-end;display:flex;position:absolute;inset:0;overflow:hidden}.sub-modal-content{background:#1a1a1a;border-top:1px solid #ffffff1a;border-radius:18px 18px 0 0;width:100%;max-height:80%;animation:.25s slideUp;overflow-y:auto}body.light-mode .sub-modal-content{background:#fff;border-top-color:#eee}.sub-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 18px 10px;display:flex}body.light-mode .sub-modal-header{border-bottom-color:#eee}.sub-modal-header h3{margin:0;font-size:16px;font-weight:700}.sub-modal-header button{color:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:4px;display:flex}.sub-modal-header button:hover{background:#ffffff14}.sub-modal-body{flex-direction:column;gap:12px;padding:16px 18px 20px;display:flex}.sub-modal-body label{color:#fff9;font-size:13px;font-weight:600}body.light-mode .sub-modal-body label{color:#666}.radio-group-list{gap:6px!important}.radio-option{cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.radio-option:hover{background:#ffffff0a}body.light-mode .radio-option:hover{background:#00000008}.radio-option input[type=radio]{accent-color:#fe5402;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.radio-option div{flex-direction:column;gap:2px;display:flex}.radio-option strong{font-size:14px;font-weight:600}.radio-option p{color:#ffffff59;margin:0;font-size:12px}body.light-mode .radio-option p{color:#999}.thumb-preview-large{border-radius:10px;width:100%;max-height:180px;margin-top:8px;overflow:hidden}.thumb-preview-large img{object-fit:cover;width:100%;height:100%}.change-file-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-self:center;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s;display:flex}body.light-mode .change-file-btn{color:#555;background:#f0f0f0;border-color:#ddd}.change-file-btn:hover{color:#fe5402;background:#fe54021f;border-color:#fe54024d}.spin-icon{animation:1.2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-placeholder{cursor:pointer}.video-placeholder:hover{background:#ffffff08}@media (width<=540px){.flutter-upload-modal{border-radius:0;max-width:100%;max-height:100vh}.sub-modal-content{border-radius:14px 14px 0 0}.item-subtitle{max-width:100px}}.channel-page{flex-direction:column;gap:20px;padding:0 24px 30px;display:flex}.channel-banner-card{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border-radius:16px;width:100%;height:180px;position:relative;overflow:hidden}.channel-banner-img{object-fit:cover;width:100%;height:100%}.default-channel-banner{background:linear-gradient(135deg,#fe5402 0%,#b33600 100%);width:100%;height:100%}.channel-profile-header{align-items:center;gap:20px;margin-top:-40px;padding:0 10px;display:flex}.channel-profile-header.no-banner{margin-top:10px;padding-top:10px}.channel-page-avatar{object-fit:cover;background:#222;border:4px solid #141414;border-radius:50%;width:110px;height:110px;box-shadow:0 8px 24px #00000080}body.light-mode .channel-page-avatar{border-color:#fff}.channel-header-details{flex-direction:column;flex:1;gap:4px;display:flex}.name-verified-row{align-items:center;gap:8px;display:flex}.name-verified-row h1{font-size:24px;font-weight:800}.channel-handle{color:var(--text-muted-dark);font-size:13px}.channel-stats-row{color:var(--text-muted-dark);align-items:center;gap:8px;font-size:13px;display:flex}.channel-desc{color:#bbb;margin-top:4px;font-size:13px}body.light-mode .channel-desc{color:#555}.owner-action-buttons{align-items:center;gap:10px;display:flex}.upload-content-btn{align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:flex}.edit-channel-btn{align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.channel-tabs-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-top:10px;padding-bottom:2px;display:flex}body.light-mode .channel-tabs-bar{border-bottom-color:#eee}.ch-tab-item{color:var(--text-muted-dark);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:none!important;outline:none!important}body.light-mode .ch-tab-item{color:#666}.ch-tab-item:hover{color:var(--primary)}.ch-tab-item.active{color:var(--primary);border-bottom-color:var(--primary)}.manageable-video-wrapper{flex-direction:column;gap:8px;display:flex}.video-management-actions{gap:8px;margin-top:-4px;display:flex}.edit-video-btn{color:#fe5402;border-radius:var(--radius-sm);cursor:pointer;background:#fe54021f;border:1px solid #fe54024d;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.edit-video-btn:hover{color:#fff;background:#fe5402}.delete-video-btn{color:#dc3545;border-radius:var(--radius-sm);cursor:pointer;background:#dc35451f;border:1px solid #dc35454d;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.delete-video-btn:hover{color:#fff;background:#dc3545}.channel-edit-modal-content{background:#141414;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:16px;width:100%;padding:24px;display:flex;box-shadow:0 20px 50px #000c;max-width:500px!important}body.light-mode .channel-edit-modal-content{background:#fff;border-color:#e5e5e5}.about-tab-box{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}body.light-mode .about-tab-box{background:var(--surface-light);border-color:var(--border-light)}.about-bio{color:var(--text-muted-dark);font-size:14px;line-height:1.6}.about-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.about-stat-item{background:#0003;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}body.light-mode .about-stat-item{background:#f8f9fa}.about-stat-item div{flex-direction:column;gap:2px;display:flex}.about-stat-item strong{color:var(--text-muted-dark);font-size:12px}.about-stat-item span{font-size:14px;font-weight:700}.flutter-wallet-page{flex-direction:column;max-width:600px;min-height:calc(100vh - 70px);margin:0 auto;padding:0 15px;display:flex}.flutter-wallet-appbar{flex-shrink:0;align-items:center;gap:12px;padding:18px 0 14px;display:flex}.flutter-wallet-appbar h1{margin:0;font-size:19px;font-weight:700}.back-btn{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex}.back-btn:hover{background:#ffffff14}body.light-mode .back-btn:hover{background:#0000000f}.flutter-wallet-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.flutter-wallet-alert.success{color:#28a745;background:#28a74524;border:1px solid #28a74540}.flutter-wallet-alert.error{color:#dc3545;background:#dc354524;border:1px solid #dc354540}.flutter-wallet-body{flex-direction:column;flex:1;gap:16px;padding-bottom:10px;display:flex;overflow-y:auto}.wallet-balance-hero{color:#fff;background:linear-gradient(135deg,#fe5402,#ff8a3d,#fe5402);border-radius:25px;flex-direction:column;gap:6px;width:100%;padding:24px 20px;display:flex;position:relative;overflow:hidden}.wallet-balance-hero:before{content:"";background:#ffffff1f;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.wallet-balance-hero:after{content:"";background:#ffffff14;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-20px;left:-20px}.balance-label{opacity:.9;font-size:14px;font-weight:600}.balance-amount{letter-spacing:-.5px;margin:0;font-size:34px;font-weight:900}.balance-coins-row{opacity:.85;align-items:center;gap:6px;font-size:13px;display:flex}.wallet-quick-actions{gap:10px;display:flex}.quick-action-btn{color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 8px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.quick-action-btn:hover{color:#fe5402;background:#fe54021f;border-color:#fe54024d}body.light-mode .quick-action-btn{background:#f5f5f5;border-color:#e5e5e5}body.light-mode .quick-action-btn:hover{color:#fe5402;background:#fe540214;border-color:#fe540240}.wallet-history-section{flex-direction:column;gap:10px;display:flex}.history-header{justify-content:space-between;align-items:center;display:flex}.history-header h3{margin:0;font-size:18px;font-weight:700}.empty-history{color:#ffffff59;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;font-size:14px;display:flex}body.light-mode .empty-history{color:#999}.empty-history p{margin:0}.loading-text{text-align:center;color:#fff6;padding:30px;font-size:13px}body.light-mode .loading-text{color:#999}.wallet-history-item{padding:6px 0}.history-item-top{align-items:center;display:flex}.history-type{color:#fe5402;flex:1;font-size:15px;font-weight:700}.history-coin{color:#fe5402;align-items:center;gap:4px;font-size:15px;font-weight:800;display:flex}.history-amount{text-align:right;color:#28a745;flex:1;font-size:15px;font-weight:800}.history-item-bottom{align-items:center;margin-top:4px;display:flex}.history-id{color:#fff6;font-size:12px;font-weight:600}body.light-mode .history-id{color:#999}.history-date{color:#fff6;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:600;display:flex}body.light-mode .history-date{color:#999}.history-divider{background:#ffffff0f;height:1px;margin-top:8px}body.light-mode .history-divider{background:#eee}.flutter-wallet-bottom{flex-shrink:0;padding:12px 0 20px}.flutter-orange-btn{color:#fff;cursor:pointer;background:#fe5402;border:none;border-radius:100px;width:100%;height:52px;font-size:16px;font-weight:600;transition:opacity .2s,transform .15s}.flutter-orange-btn:hover{opacity:.92;transform:translateY(-1px)}.flutter-orange-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.withdraw-illustration{background:linear-gradient(135deg,#fe54021a,#fe540208);border:1px solid #fe540226;border-radius:16px;padding:24px}body.light-mode .withdraw-illustration{background:linear-gradient(135deg,#fe540214,#fe540205)}.withdraw-illo-inner{align-items:center;gap:16px;display:flex}.withdraw-illo-inner h3{color:#fe5402;margin:0;font-size:17px;font-weight:700}.withdraw-illo-inner p{color:#ffffff80;margin:4px 0 0;font-size:13px}body.light-mode .withdraw-illo-inner p{color:#888}.available-balance-bar{background:#fe540214;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}body.light-mode .available-balance-bar{background:#fff5f0}.available-balance-bar span{color:#fe5402;font-size:15px;font-weight:600}.available-balance-bar strong{color:#fe5402;font-size:17px;font-weight:800}.withdraw-section{flex-direction:column;gap:8px;display:flex}.section-label{font-size:17px;font-weight:600}.flutter-input{width:100%;height:52px;color:inherit;box-sizing:border-box;background:#ffffff0f;border:none;border-radius:10px;outline:none;padding:0 20px;font-size:14px;font-weight:600;transition:box-shadow .2s}body.light-mode .flutter-input{background:#f5f5f5;box-shadow:0 2px 8px #0000000a}.flutter-input:focus{box-shadow:0 0 0 2px #fe54024d}.flutter-input::placeholder{color:#ffffff4d;font-weight:600}body.light-mode .flutter-input::placeholder{color:#aaa}.flutter-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.hint-text{color:#fe5402;text-align:right;font-size:12px;font-weight:600}.no-methods-text{color:#fff6;padding:12px;font-size:13px}.convert-coins-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:20px}body.light-mode .convert-coins-card{background:#f9f9f9;border-color:#e5e5e5}.convert-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.convert-header h3{margin:0;font-size:16px;font-weight:700}.convert-form{flex-direction:column;gap:10px;display:flex}.convert-form label{color:#fff9;font-size:13px;font-weight:600}body.light-mode .convert-form label{color:#666}.conversion-rate{color:#fe5402;font-size:12px;font-weight:600}.coin-plans-list{flex-direction:column;gap:0;display:flex}.coin-plan-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 4px;display:flex}body.light-mode .coin-plan-item{border-bottom-color:#eee}.coin-plan-left{align-items:center;gap:12px;display:flex}.coin-plan-left h4{margin:0;font-size:15px;font-weight:700}.extra-badge{color:#28a745;font-size:11px;font-weight:700;display:inline-block}.buy-btn{color:#fff;cursor:pointer;background:#fe5402;border:none;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:700;transition:opacity .15s}.buy-btn:hover{opacity:.88}.empty-text{text-align:center;color:#ffffff59;padding:30px;font-size:14px}@media (width<=640px){.flutter-wallet-page{padding:0 12px}.balance-amount{font-size:28px}.wallet-quick-actions{gap:8px}.quick-action-btn{padding:12px 6px}}.live-watch-container{flex-direction:column;gap:28px;display:flex}.live-watch-loading{color:#fe5402;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:120px 20px;font-weight:700;display:flex}.spin-live-icon{animation:1.5s linear infinite pulseSpin}@keyframes pulseSpin{0%{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(1.1)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(360deg)}}.live-watch-grid{grid-template-columns:1fr 380px;align-items:start;gap:20px;display:grid}.live-stream-column{flex-direction:column;gap:14px;display:flex}.live-player-box{background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden}.live-badge-overlay{color:#fff;z-index:10;letter-spacing:.5px;background:red;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:900;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 4px 12px #f006}.live-dot-indicator{background:#fff;border-radius:50%;width:7px;height:7px;animation:1s infinite alternate blinkLive}@keyframes blinkLive{0%{opacity:1}to{opacity:.2}}.live-viewers-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:10;background:#000000a6;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:flex;position:absolute;top:14px;right:14px}.zego-live-stream-wrapper{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.zego-webrtc-video-player,.zego-video-container{z-index:5;object-fit:cover;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.zego-video-container>div,.zego-video-container iframe,.zego-video-container video{object-fit:cover!important;width:100%!important;height:100%!important}.live-unmute-overlay-btn{z-index:20;color:#fff;cursor:pointer;background:#fe5402e6;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:transform .2s;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 15px #fe540266}.live-unmute-overlay-btn:hover{transform:scale(1.05)}.live-camera-broadcast-screen{aspect-ratio:16/9;background:linear-gradient(135deg,#0d0d14 0%,#1c0a00 50%,#0d0d14 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;padding:30px;display:flex;position:relative;overflow:hidden}.live-avatar-pulse-container{justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.live-broadcast-avatar{object-fit:cover;z-index:2;border:3px solid red;border-radius:50%;width:80px;height:80px;box-shadow:0 0 20px #f009}.pulse-ring{border:2px solid #ff000080;border-radius:50%;animation:2s ease-out infinite expandPulse;position:absolute}.ring-1{width:90px;height:90px;animation-delay:0s}.ring-2{width:110px;height:110px;animation-delay:.6s}.ring-3{width:130px;height:130px;animation-delay:1.2s}@keyframes expandPulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.live-broadcast-status-group{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex}.live-cam-tag{color:#ff3b30;background:#ff3b3026;border:1px solid #ff3b304d;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.live-broadcast-status-group h2{color:#fff;margin:0;font-size:18px;font-weight:800}.live-audio-waves{align-items:flex-end;gap:4px;height:24px;margin-top:4px;display:flex}.wave-bar{background:#fe5402;border-radius:4px;width:4px;animation:1s ease-in-out infinite alternate waveAnim}.w1{height:12px;animation-delay:.1s}.w2{height:22px;animation-delay:.3s}.w3{height:16px;animation-delay:.2s}.w4{height:24px;animation-delay:.4s}.w5{height:10px;animation-delay:.15s}@keyframes waveAnim{0%{opacity:.4;height:6px}to{opacity:1;height:24px}}.live-stream-title-text{margin:0;font-size:20px;font-weight:800;line-height:1.3}.live-channel-bar{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}body.light-mode .live-channel-bar{background:#f8f9fa;border-color:#e9ecef}.channel-left-info{align-items:center;gap:14px;display:flex}.avatar-ring-small{background:linear-gradient(135deg,red,#fe5402);border-radius:50%;flex-shrink:0;width:46px;height:46px;padding:2px}.channel-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.channel-names{flex-direction:column;gap:2px;display:flex}.channel-title-row{align-items:center;gap:6px;display:flex}.channel-title-row h3{margin:0;font-size:16px;font-weight:800}.live-status-subtext{color:#ff3b30;font-size:12px;font-weight:600}.live-actions-right{align-items:center;gap:10px;display:flex}.action-pill{color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}body.light-mode .action-pill{background:#fff;border-color:#dee2e6}.action-pill.active{color:#fe5402;background:#fe540226;border-color:#fe5402}.live-chat-column{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;height:540px;display:flex;overflow:hidden}body.light-mode .live-chat-column{background:#fff;border-color:#e0e0e0}.live-chat-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}body.light-mode .live-chat-header{border-bottom-color:#e0e0e0}.chat-title-group{align-items:center;gap:8px;display:flex}.chat-title-group h3{margin:0;font-size:15px;font-weight:800}.live-counter-tag{color:#28a745;background:#28a74526;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700}.live-chat-messages{flex-direction:column;flex:1;gap:12px;padding:14px 16px;display:flex;overflow-y:auto}.empty-chat-state{text-align:center;color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 16px;font-size:12.5px;display:flex}body.light-mode .empty-chat-state{color:#0006}.chat-msg-row{align-items:flex-start;gap:10px;display:flex}.chat-user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.chat-msg-content{flex-direction:column;gap:2px;display:flex}.chat-user-name{color:#fe5402;font-size:12px;font-weight:700}.chat-text{margin:0;font-size:13px;line-height:1.35}.live-chat-input-form{border-top:1px solid #ffffff14;align-items:center;gap:8px;padding:12px 14px;display:flex}body.light-mode .live-chat-input-form{border-top-color:#e0e0e0}.chat-input-field{color:inherit;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:13px}body.light-mode .chat-input-field{background:#f5f5f5;border-color:#ddd}.chat-send-btn{color:#fff;cursor:pointer;background:#fe5402;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=1024px){.live-watch-grid{grid-template-columns:1fr}.live-chat-column{height:400px}}