.bell-button,.notification-bell{position:relative}.bell-button{background:#0000;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem}.notification-badge{background:var(--primary);border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;min-width:16px;padding:.1rem .35rem;position:absolute;right:0;text-align:center;top:0}.notification-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #0000004d;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:320px;z-index:1000}.notification-header{align-items:center;background:var(--background);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 1rem}.notification-header h4{color:var(--text-primary);font-size:.9rem;margin:0}.notification-header button{background:#0000;border:none;color:var(--primary);cursor:pointer;font-size:.8rem}.notification-list{max-height:350px;overflow-y:auto}.notification-empty,.notification-loading{color:var(--text-secondary);font-size:.9rem;padding:2rem;text-align:center}.notification-item{border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .2s}.notification-item:hover{background:var(--background)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#e509140d}.notification-item.unread:before{background:var(--primary);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notification-icon{flex-shrink:0;font-size:1.2rem}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:.15rem}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.8rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.notification-time{color:var(--text-muted);font-size:.7rem;margin-top:.25rem}.notification-footer{border-top:1px solid var(--border);padding:.6rem;text-align:center}.notification-footer button{background:#0000;border:none;border-radius:6px;color:var(--primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem 1rem;transition:background .2s;width:100%}.notification-footer button:hover{background:#e5091414}.theme-effects-canvas{height:100vh;height:100dvh;inset:0;pointer-events:none;position:fixed;width:100vw;z-index:900}.ad-player-container{background:#000;border-radius:12px 12px 0 0;height:100%;min-height:500px;overflow:hidden;position:relative;width:100%}.ad-player-loading{align-items:center;background:#000;display:flex;height:100%;justify-content:center;width:100%}.ad-loading-spinner{animation:spin 1s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:gold;height:40px;width:40px}.ad-badge{background:#ffd700e6;border-radius:4px;color:#000;font-size:12px;font-weight:700;left:12px;letter-spacing:1px;padding:4px 12px;position:absolute;top:12px;z-index:10}.ad-overlay{bottom:60px;cursor:pointer;left:0;position:absolute;right:0;top:0;z-index:5}.ad-cta{align-items:center;background:#fffffff2;border-radius:8px;bottom:20px;color:#000;display:flex;font-weight:600;gap:8px;padding:10px 20px;position:absolute;right:20px;transition:transform .2s,box-shadow .2s}.ad-cta:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.ad-cta-arrow{font-size:18px}.ad-controls{background:linear-gradient(#0000,#000000e6);bottom:0;left:0;padding:20px 16px 12px;position:absolute;right:0;z-index:10}.ad-progress{background:#ffffff4d;border-radius:2px;height:4px;margin-bottom:10px;overflow:hidden;width:100%}.ad-progress-bar{background:linear-gradient(90deg,gold,#fa0);border-radius:2px;height:100%;transition:width .1s linear}.ad-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ad-title{color:#fff;font-size:14px;font-weight:500;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-duration{color:#ffffffb3;font-size:12px}.ad-skip-container{display:flex;justify-content:flex-end}.ad-skip-btn{background:#fff3;border:1px solid #ffffff80;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.ad-skip-btn:hover{background:#ffffff4d;border-color:#fff}.ad-skip-countdown{color:#fff9;font-size:13px;padding:8px 16px}.ad-token-skip-btn{background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:600;margin-right:8px;padding:8px 16px;transition:all .2s}.ad-token-skip-btn:hover:not(:disabled){background:linear-gradient(135deg,#fa0,#f80);transform:scale(1.05)}.ad-token-skip-btn:disabled{cursor:not-allowed;opacity:.6}.ad-banner{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffd7004d;border-radius:8px;cursor:pointer;display:flex;gap:16px;margin-top:12px;padding:12px;transition:all .2s;width:100%}.ad-banner:hover{border-color:#ffd70099;transform:translateY(-2px)}.ad-banner-badge{background:gold;border-radius:4px;color:#000;font-size:10px;font-weight:700;padding:2px 8px}.ad-banner-content{align-items:center;display:flex;flex:1 1;gap:12px}.ad-banner-thumbnail{border-radius:4px;height:45px;object-fit:cover;width:80px}.ad-banner-text{flex:1 1}.ad-banner-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.ad-banner-description{color:#fff9;font-size:12px}.ad-banner-cta{background:linear-gradient(135deg,gold,#fa0);border-radius:6px;color:#000;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.ad-overlay-container{align-items:center;animation:slideUp .3s ease;background:#000000d9;border:1px solid #ffd70066;border-radius:8px;bottom:80px;display:flex;gap:12px;left:16px;padding:12px 16px;position:absolute;right:16px;z-index:15}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ad-overlay-close{align-items:center;background:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.ad-overlay-close:hover{background:#555}.banner-ad{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffd7004d;border-radius:8px;cursor:pointer;display:flex;gap:16px;margin-top:12px;padding:12px 16px;position:relative;transition:all .2s;width:100%}.banner-ad:hover{border-color:#ffd70099;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.banner-ad-badge{background:gold;border-radius:4px;color:#000;font-size:10px;font-weight:700;left:12px;letter-spacing:.5px;padding:2px 8px;position:absolute;top:-8px}.banner-ad-content{align-items:center;display:flex;flex:1 1;gap:12px}.banner-ad-thumbnail{border-radius:4px;flex-shrink:0;height:45px;object-fit:cover;width:80px}.banner-ad-text{flex:1 1;min-width:0}.banner-ad-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.banner-ad-description,.banner-ad-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-ad-description{color:#fff9;font-size:12px;margin:0}.banner-ad-cta{background:linear-gradient(135deg,gold,#fa0);border-radius:6px;color:#000;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.banner-ad-close{align-items:center;background:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:opacity .2s;width:24px}.banner-ad:hover .banner-ad-close{opacity:1}.banner-ad-close:hover{background:#555}@media (max-width:600px){.banner-ad{padding:16px;text-align:center}.banner-ad,.banner-ad-content{flex-direction:column}.banner-ad-thumbnail{height:68px;width:120px}.banner-ad-text{text-align:center}.banner-ad-description,.banner-ad-title{white-space:normal}}[data-theme=light]{--background:#f5f5f5;--surface:#fff;--surface-light:#e8e8e8;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#888;--text-color:#1a1a1a;--border:#d0d0d0;--border-color:#d0d0d0;--primary:#e50914;--primary-dark:#b20710;--card-bg:#fff;--bg-secondary:#e8e8e8;--secondary:#f0f0f0;--shadow:#00000026;--gradient-primary:linear-gradient(135deg,#e50914,#b20710);--gradient-dark:linear-gradient(135deg,#f5f5f5,#e0e0e0);--accent:#46d369;--accent-color:#46d369;--accent-light:#6fe28a;--warning:#f5c518;--bg-primary:var(--background);--primary-color:var(--primary)}[data-theme=snow]{--background:#141414;--surface:#ffffff1a;--surface-light:#ffffff26;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#8c8c8c;--text-color:#fff;--border:#fff3;--border-color:#fff3;--primary:#56ccf2;--primary-dark:#2f80ed;--card-bg:#ffffff14;--bg-secondary:#ffffff0d;--secondary:#ffffff1a;--shadow:#00000080;--gradient-primary:linear-gradient(135deg,#56ccf2,#2f80ed);--gradient-dark:linear-gradient(135deg,#1a1a2e,#141414);--accent:#56ccf2;--accent-color:#56ccf2;--accent-light:#7bd9f6;--warning:#f5c518;--bg-primary:var(--background);--primary-color:var(--primary);--frosted-glass:#ffffff1a}[data-theme=snow] .navbar{background:#141414bf;border-bottom-color:#404040;border-bottom-color:var(--border)}[data-theme=snow] .navbar.scrolled{background:#141414f2}[data-theme=mint]{--background:#e8f5e9;--surface:#fff;--surface-light:#c8e6c9;--text-primary:#1b5e20;--text-secondary:#2e7d32;--text-muted:#558b2f;--text-color:#1b5e20;--border:#a5d6a7;--border-color:#a5d6a7;--primary:#3eb489;--primary-dark:#2e8b67;--card-bg:#fff;--bg-secondary:#c8e6c9;--secondary:#e8f5e9;--shadow:#1b5e2026;--gradient-primary:linear-gradient(135deg,#3eb489,#00c853);--gradient-dark:linear-gradient(135deg,#e8f5e9,#c8e6c9);--accent:#00c853;--accent-color:#00c853;--accent-light:#69f0ae;--warning:#f5c518;--bg-primary:var(--background);--primary-color:var(--primary)}[data-theme=mint] .navbar{background:#e8f5e9e6;border-bottom-color:#404040;border-bottom-color:var(--border)}[data-theme=mint] .navbar.scrolled{background:#e8f5e9f5}[data-theme=snow] .app,[data-theme=snow] body{background:#141414;color:#fff}[data-theme=snow] .hero{background:linear-gradient(135deg,#56ccf233,#2f80ed33)}[data-theme=snow] .hero p,[data-theme=snow] .nav-link{color:#b3b3b3}[data-theme=snow] .nav-link.active,[data-theme=snow] .nav-link:hover{color:#fff}[data-theme=snow] input,[data-theme=snow] select,[data-theme=snow] textarea{background:#ffffff1a;border-color:#fff3;color:#fff}[data-theme=snow] .btn-ghost{color:#fff}[data-theme=snow] .btn-ghost:hover{background:#ffffff1a}[data-theme=snow] .btn-secondary{background:#ffffff1a;color:#fff}[data-theme=snow] .user-menu-trigger{color:#fff}[data-theme=snow] .card,[data-theme=snow] .chat-box,[data-theme=snow] .chat-sidebar,[data-theme=snow] .leaderboard-widget,[data-theme=snow] .notification-dropdown,[data-theme=snow] .polls-container,[data-theme=snow] .station-card,[data-theme=snow] .user-menu-dropdown,[data-theme=snow] .video-requests{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;color:#fff}[data-theme=snow] .chat-message{background:#ffffff0d;color:#fff}[data-theme=snow] .leaderboard-entry,[data-theme=snow] .poll-option,[data-theme=snow] .request-item{background:#ffffff0d}[data-theme=mint] .app,[data-theme=mint] body{background:#e8f5e9;color:#1b5e20}[data-theme=mint] a,[data-theme=mint] div,[data-theme=mint] h1,[data-theme=mint] h2,[data-theme=mint] h3,[data-theme=mint] h4,[data-theme=mint] h5,[data-theme=mint] h6,[data-theme=mint] label,[data-theme=mint] p,[data-theme=mint] span{color:inherit}[data-theme=mint] .hero{background:linear-gradient(135deg,#c8e6c9,#a5d6a7)}[data-theme=mint] .hero p,[data-theme=mint] .nav-link{color:#2e7d32}[data-theme=mint] .nav-link.active,[data-theme=mint] .nav-link:hover{color:#1b5e20}[data-theme=mint] input,[data-theme=mint] select,[data-theme=mint] textarea{background:#fff;border-color:#a5d6a7;color:#1b5e20}[data-theme=mint] .btn-ghost{color:#1b5e20}[data-theme=mint] .btn-ghost:hover{background:#3eb4891a}[data-theme=mint] .btn-secondary{background:#c8e6c9;color:#1b5e20}[data-theme=mint] .user-menu-trigger{color:#1b5e20}[data-theme=mint] .user-menu-dropdown{background:#fff;border-color:#a5d6a7}[data-theme=mint] .user-menu-dropdown a,[data-theme=mint] .user-menu-dropdown button{color:#1b5e20}[data-theme=mint] .chat-box,[data-theme=mint] .chat-sidebar{background:#fff;color:#1b5e20}[data-theme=mint] .chat-message{background:#c8e6c9;color:#1b5e20}[data-theme=mint] .video-info,[data-theme=mint] .video-meta,[data-theme=mint] .video-title{color:#1b5e20}[data-theme=mint] .station-card{background:#fff;color:#1b5e20}[data-theme=mint] .leaderboard-widget,[data-theme=mint] .polls-container,[data-theme=mint] .video-requests{background:#c8e6c9;color:#1b5e20}[data-theme=mint] .leaderboard-entry,[data-theme=mint] .poll-option,[data-theme=mint] .request-item{background:#a5d6a7}[data-theme=mint] .card{background:#fff;color:#1b5e20}[data-theme=light] .app,[data-theme=light] body{background:#f5f5f5;color:#1a1a1a}[data-theme=light] a,[data-theme=light] div,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] label,[data-theme=light] p,[data-theme=light] span{color:inherit}[data-theme=light] .navbar{background:#fffffff2;border-bottom-color:#d0d0d0}[data-theme=light] .nav-link{color:#555}[data-theme=light] .nav-link.active,[data-theme=light] .nav-link:hover{color:#1a1a1a}[data-theme=light] .card{background:#fff;box-shadow:0 4px 15px #0000001a;color:#1a1a1a}[data-theme=light] .hero{background:linear-gradient(135deg,#e8e8e8,#d0d0d0)}[data-theme=light] .hero p{color:#555}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff;border-color:#d0d0d0;color:#1a1a1a}[data-theme=light] .btn-ghost{color:#1a1a1a}[data-theme=light] .btn-ghost:hover{background:#0000000d}[data-theme=light] .btn-secondary{background:#e8e8e8;color:#1a1a1a}[data-theme=light] .user-menu-trigger{color:#1a1a1a}[data-theme=light] .user-menu-dropdown{background:#fff;border-color:#d0d0d0}[data-theme=light] .user-menu-dropdown a,[data-theme=light] .user-menu-dropdown button{color:#1a1a1a}[data-theme=light] .chat-box,[data-theme=light] .chat-sidebar{background:#fff;color:#1a1a1a}[data-theme=light] .chat-message,[data-theme=light] .video-info,[data-theme=light] .video-meta,[data-theme=light] .video-title{color:#1a1a1a}[data-theme=light] .station-card{background:#fff;color:#1a1a1a}[data-theme=light] .leaderboard-entry,[data-theme=light] .leaderboard-widget{color:#1a1a1a}:root{--primary:#e50914;--primary-dark:#b20710;--secondary:#221f1f;--accent:#46d369;--warning:#f5c518;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#8c8c8c;--background:#141414;--surface:#2f2f2f;--surface-light:#3f3f3f;--border:#404040;--shadow:#000000bf;--gradient-primary:linear-gradient(135deg,#e50914,#b20710);--gradient-dark:linear-gradient(135deg,#2f2f2f,#1a1a1a);--bg-primary:var(--background);--bg-secondary:var(--surface);--border-color:var(--border);--primary-color:var(--primary);--accent-color:var(--accent);--accent-light:#6fe28a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-overflow-scrolling:touch;background:#141414;background:var(--background);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;overflow-y:auto;touch-action:manipulation}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}.app{background:#141414;background:var(--background);min-height:100vh}.container{margin:0 auto;max-width:1400px;padding:0 2rem}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;border-bottom:1px solid #404040;border-bottom:1px solid var(--border);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.menu-open{z-index:10000}.navbar.scrolled{background:#141414fa;box-shadow:0 4px 20px #000000bf;box-shadow:0 4px 20px var(--shadow)}.nav-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e50914,#b20710);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#e50914;color:var(--primary);font-size:1.8rem;font-weight:900;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-link{color:#b3b3b3;color:var(--text-secondary);font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#fff;color:var(--text-primary)}.nav-link:after{background:#e50914;background:var(--primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.main-content{margin-top:80px;min-height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;padding-bottom:80px}.hero{align-items:center;background:linear-gradient(135deg,#2f2f2f,#1a1a1a);background:var(--gradient-dark);display:flex;height:35vh;justify-content:center;max-height:350px;min-height:250px;overflow:hidden;position:relative}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='%23333' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.hero-content{max-width:800px;padding:2rem;text-align:center;z-index:2}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e50914,#b20710);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:4rem;margin-bottom:1rem}.hero p{color:#b3b3b3;color:var(--text-secondary);font-size:1.2rem}.card,.hero p{margin-bottom:2rem}.card{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.card:before{background:linear-gradient(135deg,#e50914,#b20710);background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.card:hover{box-shadow:0 12px 40px #0006;transform:translateY(-5px)}.card:hover:before{transform:scaleX(1)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#e50914,#b20710);background:var(--gradient-primary)}.btn-primary:hover{box-shadow:0 8px 25px #e5091466;transform:translateY(-2px)}.btn-secondary{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:#3f3f3f;background:var(--surface-light);border-color:#e50914;border-color:var(--primary)}.btn-ghost{background:#0000;border:1px solid #404040;border:1px solid var(--border);color:#b3b3b3;color:var(--text-secondary)}.btn-ghost:hover{background:#e509141a;border-color:#e50914;border-color:var(--primary);color:#fff;color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;margin-bottom:.5rem}.form-input,.form-label{color:#fff;color:var(--text-primary)}.form-input{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:#e50914;border-color:var(--primary);box-shadow:0 0 0 3px #e509141a;outline:none}.form-input::placeholder{color:#8c8c8c;color:var(--text-muted)}.video-player-container{border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-bottom:2rem;overflow:hidden;position:relative}.video-info,.video-player-container{background:#2f2f2f;background:var(--surface)}.video-info{border-top:1px solid #404040;border-top:1px solid var(--border);padding:1rem}.video-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.video-meta{font-size:.9rem}.video-controls{gap:1rem;padding:1rem}.spinner,.video-controls{display:flex;justify-content:center}.spinner{align-items:center;color:#b3b3b3;color:var(--text-secondary);padding:4rem}.spinner:before{animation:spin 1s linear infinite;border:3px solid #404040;border-top:3px solid #e50914;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);content:"";height:40px;margin-right:1rem;width:40px}.error-message{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);color:#b3b3b3;color:var(--text-secondary);padding:2rem;text-align:center}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center}.station-card{display:flex;flex-direction:column;justify-content:space-between;max-height:200px;max-width:320px;min-height:180px}.station-card h3{font-size:1.1rem;margin-bottom:.5rem}.station-card p{flex-grow:1;font-size:.85rem;line-height:1.3;margin-bottom:1rem}.station-selector{margin-bottom:2rem}.auth-form-container{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.auth-form{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:2rem;position:relative;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:#fff;color:var(--text-primary);font-size:1.8rem;margin-bottom:.5rem}.auth-header p{color:#b3b3b3;color:var(--text-secondary);font-size:.9rem}.auth-form-content{gap:1.5rem}.auth-form-content,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#fff;font-size:.9rem}.form-group input{background:#141414;background:var(--background);border:1px solid #404040;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .3s ease}.form-group input:focus{border-color:#e50914;border-color:var(--primary);box-shadow:0 0 0 3px #e509141a;outline:none}.form-group input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-group input:disabled{cursor:not-allowed;opacity:.6}.error-text{color:#dc3545;font-size:.8rem;margin-top:.25rem}.error-message{background:#dc35451a;font-size:.9rem;padding:.75rem}.auth-submit-btn{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.875rem 1.5rem}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.auth-footer{border-top:1px solid #404040;border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#b3b3b3;color:var(--text-secondary);margin-bottom:.5rem}.auth-link{color:#e50914;color:var(--primary);font-weight:500;margin-left:.5rem;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#46d369;color:var(--accent);text-decoration:underline}.auth-close-btn{background:none;border:none;border-radius:50%;color:#b3b3b3;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.auth-close-btn:hover{background:#404040;background:var(--border);color:#fff;color:var(--text-primary)}.nav-auth{align-items:center;display:flex;gap:1rem}.auth-buttons,.nav-actions{align-items:center;display:flex;gap:.75rem}.auth-buttons .btn{font-size:.9rem;font-weight:500;padding:.5rem 1rem}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:none;border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease}.user-menu-trigger:hover{background:#404040;background:var(--border)}.user-avatar{background:#e50914;background:var(--primary);font-size:.9rem;font-weight:600;height:32px;width:32px}.user-name{font-size:.9rem;font-weight:500}.user-role{background:#404040;background:var(--border);border-radius:12px;color:#b3b3b3;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.2rem .5rem;text-transform:uppercase}.user-menu-dropdown{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #0000004d;margin-top:.5rem;min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.user-menu-dropdown a,.user-menu-dropdown button{background:none;border:none;color:#fff;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background .3s ease;width:100%}.user-menu-dropdown a:hover,.user-menu-dropdown button:hover{background:#404040;background:var(--border)}.logout-btn{border-top:1px solid #404040;border-top:1px solid var(--border);color:#e50914!important;color:var(--primary)!important}.profile-page{margin:0 auto;max-width:1000px;padding:2rem 0}.profile-header{align-items:center;background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:12px;display:flex;gap:2rem;margin-bottom:3rem;padding:2rem}.profile-avatar-container{position:relative}.profile-avatar{background:#e50914;background:var(--primary);border-radius:50%;color:#fff;font-size:2rem;font-weight:600;height:80px;overflow:hidden;width:80px}.avatar-upload-btn,.profile-avatar{align-items:center;display:flex;justify-content:center}.avatar-upload-btn{background:#2f2f2f;background:var(--surface);border:2px solid #404040;border:2px solid var(--border);border-radius:50%;bottom:0;cursor:pointer;font-size:.9rem;height:28px;position:absolute;right:0;transition:all .2s;width:28px}.avatar-upload-btn:hover{background:#e50914;background:var(--primary);border-color:#e50914;border-color:var(--primary)}.profile-info h1{color:#fff;color:var(--text-primary);margin:0 0 .5rem}.profile-email{color:#b3b3b3;color:var(--text-secondary);margin:0 0 .5rem}.profile-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.profile-role{background:#e50914;background:var(--primary);text-transform:uppercase}.profile-role,.profile-tier{border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.profile-tokens{margin-top:.5rem}.token-count{background:linear-gradient(135deg,gold,#fa0);border-radius:20px;color:#333;display:inline-block;font-size:.9rem;padding:.35rem .85rem}.profile-tabs{border-bottom:1px solid #404040;border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-bottom:2rem}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#b3b3b3;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:1rem 1.5rem;transition:all .3s ease}.tab:hover{color:#fff;color:var(--text-primary)}.tab.active{border-bottom-color:#e50914;border-bottom-color:var(--primary);color:#e50914;color:var(--primary)}.profile-content{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:12px;padding:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{background:#141414;border:1px solid #404040;border:1px solid var(--border);border-radius:8px}.stat-card h3{color:#e50914;color:var(--primary);font-size:2rem;margin:0 0 .5rem}.stat-card p{color:#b3b3b3;color:var(--text-secondary);font-size:.9rem;margin:0}.profile-form h3{border-bottom:1px solid #404040;border-bottom:1px solid var(--border);color:#fff;color:var(--text-primary);margin:2rem 0 1rem;padding-bottom:.5rem}.profile-form h3:first-child{margin-top:0}.checkbox-group{display:flex;flex-direction:column;gap:1rem}.checkbox-label{align-items:center;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem}.checkbox-label input[type=checkbox]{accent-color:#e50914;accent-color:var(--primary);height:18px;width:18px}.videos-list{display:flex;flex-direction:column;gap:1rem}.video-item{align-items:flex-start;background:#141414;background:var(--background);border:1px solid #404040;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem}.video-info h4{color:#fff}.video-meta{font-size:.8rem;margin:0 0 .5rem}.video-description,.video-meta{color:#b3b3b3;color:var(--text-secondary)}.video-description{font-size:.9rem;margin:0}.status-badge{border-radius:12px;color:#fff;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.empty-state{color:#b3b3b3;color:var(--text-secondary);padding:3rem;text-align:center}.empty-state p{margin-bottom:1.5rem}.password-form{margin-bottom:3rem;max-width:500px}.account-info{margin-bottom:2rem}.poll-option{background:#141414;border:1px solid #404040;border-radius:8px;padding:.75rem;transition:all .3s ease}.poll-option:hover{border-color:#e50914;border-color:var(--primary)}.vote-progress{background:#fff3;border-radius:3px;height:6px;overflow:hidden}.vote-progress-bar{background:linear-gradient(135deg,#e50914,#b20710);background:var(--gradient-primary);border-radius:3px;height:100%;transition:width .5s ease}@media (max-width:768px){.admin-tabs{flex-wrap:wrap}.admin-tabs button{flex:1 1;min-width:120px}}.admin-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.admin-modal{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.admin-modal,.station-card-enhanced{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border)}.station-card-enhanced{border-radius:12px;overflow:hidden;transition:all .3s ease}.station-card-enhanced:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.station-thumbnail{border-radius:8px 8px 0 0;margin:-1rem -1rem 1rem;overflow:hidden;width:100%;width:calc(100% + 2rem)}.station-thumbnail img{height:100%;object-fit:cover;width:100%}.station-card-expanded{display:flex;flex-direction:column;max-height:none;min-height:220px;overflow:visible;padding:1.5rem}.station-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.station-icon{flex-shrink:0;font-size:1.5rem}.station-name{font-size:1rem;font-weight:600;line-height:1.3;margin:0}.station-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#b3b3b3;color:var(--text-secondary);display:-webkit-box;font-size:.8rem;line-height:1.4;margin-bottom:.75rem;overflow:hidden}.station-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.station-badge{background:#2f2f2f;background:var(--bg-secondary);border-radius:4px;color:#b3b3b3;color:var(--text-secondary);font-size:.7rem;padding:.2rem .5rem}.station-actions{margin-top:auto}.create-station-form .form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.thumbnail-preview{border-radius:8px;margin-top:.5rem;max-width:200px;overflow:hidden}.chat-sidebar{background:#2f2f2f;background:var(--surface);border-left:1px solid #404040;border-left:1px solid var(--border);display:flex;flex-direction:column;width:350px}.chat-messages{max-height:300px;min-height:200px;padding:.75rem}.chat-message{background:#141414;margin-bottom:.5rem;padding:.5rem .75rem}.chat-input-container{border-top:1px solid #404040;border-top:1px solid var(--border);display:flex;gap:.5rem;padding:.75rem}.chat-input-container input{background:#141414;background:var(--background);border:1px solid #404040;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text-primary);flex:1 1;font-size:.9rem;padding:.5rem .75rem}.request-card{max-height:none;overflow:visible;padding:1.5rem}.request-title{font-weight:600;margin-bottom:.5rem}.request-description{color:#b3b3b3;color:var(--text-secondary);font-size:.95rem;margin-bottom:.75rem;overflow-wrap:break-word;word-break:break-word}.request-meta{color:#8c8c8c;color:var(--text-muted);font-size:.85rem}.request-meta,.video-chat-section{display:flex;gap:1rem}.video-chat-section .video-container{flex:1 1;min-height:500px}@media (max-width:768px){.video-chat-section{flex-direction:column}.video-chat-section .video-container{min-height:0!important;overflow:visible!important;width:100%!important}.video-chat-section .video-container .video-player-container{overflow:visible!important;position:relative!important;width:100%!important}.video-chat-section .react-player-wrapper{aspect-ratio:16/9;border-radius:12px 12px 0 0;overflow:hidden;position:relative;width:100%}.video-chat-section .react-player-wrapper>div{height:100%!important;width:100%!important}.video-chat-section .react-player-wrapper video{height:100%!important;object-fit:contain;width:100%!important}.video-chat-section .react-player-wrapper .unmute-overlay{align-items:center;background:#0000004d;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.video-chat-section .chat-container{width:100%!important}.create-station-form .form-grid{grid-template-columns:1fr}}.movie-card{border:2px solid #404040;border:2px solid var(--border);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.movie-card:hover{border-color:#e50914;border-color:var(--primary);transform:translateY(-2px)}.movie-card-info{padding:.5rem}.movie-card-info h4{font-size:.85rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-card-info p{color:#b3b3b3;color:var(--text-secondary);font-size:.75rem;margin:0}.movie-rating{color:#f5c518;font-weight:700}.mobile-menu-overlay{background:#141414;background:var(--background);bottom:0;left:0;overflow-y:auto;padding:70px 1.5rem 2rem;position:fixed;right:0;top:0;z-index:99999}.mobile-menu-close{background:none;border:none;color:#fff;color:var(--text-primary);cursor:pointer;font-size:2rem;padding:.25rem .5rem;position:fixed;right:16px;top:12px;z-index:100000}.mobile-menu-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.mobile-menu-links .nav-link{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text-primary);display:block;font-size:1rem;padding:.75rem 1rem;text-align:left;text-decoration:none;width:100%}.mobile-menu-links .nav-link:hover{background:#3f3f3f;background:var(--surface-light);border-color:#e50914;border-color:var(--primary)}.mobile-menu-divider{margin:.5rem 0}.mobile-menu-divider,.mobile-menu-section-label{border-top:1px solid #404040;border-top:1px solid var(--border)}.mobile-menu-section-label{color:#8c8c8c;color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;list-style:none;margin-top:.5rem;padding:.75rem .5rem .25rem;text-transform:uppercase}.mobile-menu-section-label:first-child{border-top:none;margin-top:0}.mobile-menu-toggle{background:none;border:none;color:#fff;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}@media (max-width:1024px){.nav-links{gap:1rem}.nav-link{font-size:.85rem}.container{padding:0 1rem}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}}@media (max-width:768px){.mobile-menu-toggle{display:block;font-size:1.8rem;padding:.25rem .5rem;position:relative;z-index:10001}.mobile-menu-toggle.open{position:fixed;right:12px;top:12px;z-index:10001}.nav-auth,.nav-links.desktop-nav{display:none!important}.container{max-width:100%;overflow-x:hidden;padding-left:.75rem;padding-right:.75rem}.modal{margin:.5rem;max-height:90vh;max-width:95vw!important;overflow-y:auto;width:95%!important}.stations-grid,.videos-grid{grid-template-columns:1fr!important}table{display:block;overflow-x:auto}input,select,textarea{font-size:16px!important}.hero{height:25vh;min-height:150px}}@media (max-width:480px){.hero h1{font-size:1.5rem}.hero p{font-size:.85rem}.btn{font-size:.9rem;padding:.6rem 1rem}}body,html{height:auto;max-width:100vw;min-height:100%;overflow-x:hidden;overflow-y:auto}iframe,video{max-width:100%;touch-action:manipulation}.app,.navbar{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (display-mode:standalone){.navbar{padding-top:env(safe-area-inset-top)}#root,.app,body,html{height:100%;overflow:hidden}.main-content{height:calc(100% - 80px);min-height:0;min-height:auto;overflow-y:scroll;overscroll-behavior-y:contain;padding-bottom:env(safe-area-inset-bottom)}}@media (pointer:coarse){.btn,.nav-dropdown button,a.nav-link,button,select{min-height:44px;min-width:44px}.pagination button,.tab-button{min-height:44px;padding:10px 16px}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;touch-action:pan-x pan-y}img{height:auto;max-width:100%}@media (max-width:768px){.video-container{width:100%!important}.video-container video{aspect-ratio:16/9;width:100%!important}[style*="grid-template-columns: repeat(auto-fill, minmax(180px"]{gap:.75rem!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important}[style*="grid-template-columns: repeat(auto-fill, minmax(200px"]{gap:.75rem!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.search-input,input[type=search]{max-width:100%!important;width:100%!important}.nav-tabs{flex-wrap:wrap}.modal-overlay>div,[style*="max-width: 900px"],[style*="maxWidth: '900px'"]{border-radius:12px!important;margin:.5rem!important;max-width:100%!important}.grid-3{gap:1rem;grid-template-columns:1fr!important}.hero-content h1{font-size:1.6rem!important}.hero-content p{font-size:.9rem!important;padding:0 .5rem}.chat-sidebar{max-width:100%!important;width:100%!important}.leaderboard-widget{max-height:200px;overflow-y:auto}.container,.main-content,section{max-width:100vw;overflow-x:hidden}}@media (max-width:380px){.nav-content{padding:.5rem!important}.logo{font-size:1.2rem!important}.auth-buttons .btn{font-size:.8rem!important;padding:.4rem .6rem!important}[style*="grid-template-columns: repeat(auto-fill, minmax(180px"]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important}.hero{height:20vh!important;min-height:120px!important}}@media (max-height:500px) and (orientation:landscape){.hero{height:30vh;min-height:100px}.navbar{padding:.25rem 0}.main-content{margin-top:50px}.video-container{max-height:80vh}}.streamer-dashboard{background:#141414;background:var(--background);border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 180px);min-height:600px;overflow:hidden}.dashboard-stats-bar{align-items:center;background:linear-gradient(135deg,#2f2f2f,#3f3f3f);background:linear-gradient(135deg,var(--surface) 0,var(--surface-light) 100%);border-bottom:1px solid #404040;border-bottom:1px solid var(--border);display:flex;gap:2rem;padding:1rem 1.5rem}.stat-item{align-items:center;display:flex;gap:.5rem}.stat-item.live-indicator{background:#e509141a;border:1px solid #e509144d;border-radius:8px;padding:.5rem 1rem}.live-dot{animation:pulse 1.5s infinite;background:#e50914;border-radius:50%;height:10px;width:10px}.live-text{color:#e50914;font-size:.9rem;font-weight:700;letter-spacing:1px}.duration{font-family:Courier New,monospace;font-size:.9rem;margin-left:.5rem}.duration,.offline-text{color:#b3b3b3;color:var(--text-secondary)}.offline-text{font-weight:600}.stat-icon,.stat-value{font-size:1.1rem}.stat-value{color:#fff;color:var(--text-primary)}.stat-label{color:#b3b3b3}.connection-dot{border-radius:50%;height:8px;width:8px}.connection-dot.connected{background:#46d369;box-shadow:0 0 8px #46d36980}.connection-dot.disconnected{background:#dc3545}.dashboard-main{display:flex;flex:1 1;overflow:hidden}.preview-section{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:1.5rem}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.preview-header h3{font-size:1rem;margin:0}.preview-header h3,.preview-quality{color:#b3b3b3;color:var(--text-secondary)}.preview-quality{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:4px;font-size:.75rem;padding:.25rem .75rem}.main-preview{background:#000;border-radius:12px;flex:1 1;min-height:400px;overflow:hidden;position:relative}.preview-video{background:#000;height:100%;width:100%}.preview-video,.screen-share-preview{object-fit:contain}.preview-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.preview-overlay-content{color:#b3b3b3;color:var(--text-secondary);text-align:center}.preview-icon{display:block;font-size:4rem;margin-bottom:1rem;opacity:.5}.preview-overlay-content p{font-size:1.1rem}.pip-camera{border:2px solid #e50914;border:2px solid var(--primary);border-radius:8px;bottom:1rem;box-shadow:0 4px 20px #00000080;height:135px;overflow:hidden;position:absolute;right:1rem;width:180px}.pip-camera video{height:100%;object-fit:cover;width:100%}.stream-control-panel{align-items:center;background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:12px;display:flex;gap:2rem;justify-content:center;margin-top:1rem;padding:1.5rem}.control-group{gap:.75rem}.control-btn,.control-group{align-items:center;display:flex}.control-btn{border:none;border-radius:10px;cursor:pointer;flex-direction:column;gap:.25rem;min-width:80px;padding:.75rem 1.25rem;position:relative;transition:all .2s}.control-btn.primary{flex-direction:row;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem}.control-btn.primary.start{background:linear-gradient(135deg,#e50914,#b20710);box-shadow:0 4px 15px #e5091466;color:#fff}.control-btn.primary.start:hover{box-shadow:0 6px 20px #e5091480;transform:translateY(-2px)}.control-btn.primary.stop{background:linear-gradient(135deg,#dc3545,#a71d2a);color:#fff}.control-btn.active{background:#3f3f3f;background:var(--surface-light);color:#fff;color:var(--text-primary)}.control-btn.active,.control-btn.inactive{border:1px solid #404040;border:1px solid var(--border)}.control-btn.inactive{background:#141414;background:var(--background);color:#b3b3b3;color:var(--text-secondary)}.control-btn.sharing{background:#46d36933;border-color:#46d369}.control-btn:hover{transform:translateY(-1px)}.btn-icon{font-size:1.25rem}.btn-label{font-size:.75rem;font-weight:500}.status-indicator{border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.status-indicator.on{background:#46d369;box-shadow:0 0 6px #46d36999}.status-indicator.off{background:#b3b3b3;background:var(--text-secondary);opacity:.5}.dashboard-sidebar{background:#2f2f2f;background:var(--surface);border-left:1px solid #404040;border-left:1px solid var(--border);display:flex;flex-direction:column;width:350px}.sidebar-tabs{border-bottom:1px solid #404040;border-bottom:1px solid var(--border);display:flex}.sidebar-tab{background:#0000;border:none;color:#b3b3b3;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:1rem;transition:all .2s}.sidebar-tab:hover{background:#3f3f3f;background:var(--surface-light)}.sidebar-tab.active{border-bottom:2px solid #e50914;border-bottom:2px solid var(--primary);color:#e50914;color:var(--primary);margin-bottom:-1px}.chat-section{overflow:hidden}.viewers-section{flex:1 1;overflow-y:auto;padding:1rem}.viewer-item{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.viewer-item:hover{background:#3f3f3f;background:var(--surface-light)}.viewer-item.host{background:#e509141a;border:1px solid #e5091433}.viewer-avatar{font-size:1.25rem}.viewer-name{flex:1 1;font-weight:500}.viewer-badge{background:#e50914;background:var(--primary);border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.speaking-indicator{animation:pulse 1s infinite}.no-viewers{color:#b3b3b3;color:var(--text-secondary);padding:2rem;text-align:center}.no-viewers .hint{font-size:.85rem;margin-top:.5rem;opacity:.7}.live-stream-viewer{display:flex;flex-direction:column;height:calc(100vh - 180px);min-height:500px}.viewer-header{background:#2f2f2f;background:var(--surface);border-radius:8px 8px 0 0;justify-content:space-between;padding:1rem}.stream-status,.viewer-header{align-items:center;display:flex}.stream-status{gap:1rem}.status-live{background:#e5091433;border-radius:4px;color:#e50914;font-size:.85rem;font-weight:700;padding:.4rem .8rem}.status-offline,.viewer-count{color:#b3b3b3;color:var(--text-secondary)}.viewer-count{font-size:.9rem}.viewer-content{display:flex;flex:1 1;gap:1rem;overflow:hidden}.video-section{border-radius:0 0 0 8px;flex:1 1}.viewer-video{height:100%;object-fit:contain;width:100%}.waiting-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.waiting-content{color:#b3b3b3;color:var(--text-secondary);text-align:center}.waiting-spinner{animation:spin 1s linear infinite;border:3px solid #404040;border-top-color:#e50914;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:50px;margin:0 auto 1rem;width:50px}.viewer-content .chat-section{background:#2f2f2f;background:var(--surface);border-left:1px solid #404040;border-left:1px solid var(--border);border-radius:0 0 8px 0;width:350px}@media (max-width:1200px){.dashboard-main{flex-direction:column}.dashboard-sidebar{border-left:none;border-top:1px solid #404040;border-top:1px solid var(--border);height:300px;width:100%}.viewer-content{flex-direction:column}.viewer-content .chat-section{border-left:none;border-top:1px solid #404040;border-top:1px solid var(--border);height:250px;width:100%}}@media (max-width:768px){.dashboard-stats-bar{flex-wrap:wrap;gap:1rem}.stream-control-panel{flex-direction:column;gap:1rem}.pip-camera{height:90px;width:120px}}.admin-page{padding:1.5rem 0}.admin-header{margin-bottom:2rem}.admin-header h1{color:#fff;color:var(--text-primary);font-size:2rem;margin:0 0 .25rem}.admin-header p{color:#b3b3b3;color:var(--text-secondary);font-size:.95rem;margin:0}.admin-tabs{border-bottom:2px solid #404040;border-bottom:2px solid var(--border);display:flex;gap:.25rem;margin-bottom:2rem;overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs .tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#b3b3b3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;margin-bottom:-2px;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.admin-tabs .tab:hover{background:#ffffff0d;color:#fff;color:var(--text-primary)}.admin-tabs .tab.active{border-bottom-color:#e50914;border-bottom-color:var(--primary);color:#e50914;color:var(--primary);font-weight:600}.admin-tabs .tab .badge{background:#e50914;background:var(--primary);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .5rem}.admin-content{min-height:400px}.overview-tab .stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2.5rem}.overview-tab .stat-card{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:left}.overview-tab .stat-card h3{color:#e50914;color:var(--primary);font-size:2.25rem;font-weight:700;margin:0 0 .25rem}.overview-tab .stat-card p{color:#b3b3b3;color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.recent-activity{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:12px;padding:1.5rem}.recent-activity h3{color:#fff;color:var(--text-primary);font-size:1.2rem;margin:0 0 1rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{align-items:flex-start;background:#141414;background:var(--background);border:1px solid #404040;border:1px solid var(--border);border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.activity-icon{flex-shrink:0;font-size:1.25rem}.activity-info p{color:#fff;color:var(--text-primary);font-size:.9rem;margin:0}.activity-info small{color:#b3b3b3;color:var(--text-secondary);font-size:.8rem}.users-tab h3{color:#fff;color:var(--text-primary);font-size:1.3rem;margin:0 0 1.5rem}.users-table{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:0;overflow:hidden}.users-table .table-header{background:#ffffff0d;color:#b3b3b3;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table .table-header,.users-table .table-row{grid-gap:1rem;border-bottom:1px solid #404040;border-bottom:1px solid var(--border);display:grid;gap:1rem;grid-template-columns:2fr .8fr 1fr 1fr 1.5fr;padding:1rem 1.5rem}.users-table .table-row{align-items:center;transition:background .2s ease}.users-table .table-row:last-child{border-bottom:none}.users-table .table-row:hover{background:#ffffff08}.user-info{gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.user-avatar.small{background:#e50914;background:var(--primary);font-size:.9rem;height:36px;width:36px}.user-info strong{color:#fff;color:var(--text-primary);font-size:.95rem}.user-info small{color:#b3b3b3;color:var(--text-secondary);font-size:.8rem}.role-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .6rem;text-transform:uppercase}.tier-tokens-info{display:flex;flex-direction:column;gap:.3rem}.tier-badge-small{border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;padding:.15rem .5rem;text-transform:uppercase}.token-badge{color:#b3b3b3;color:var(--text-secondary);font-size:.85rem}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.role-select{background:#141414;background:var(--background);border:1px solid #404040;border:1px solid var(--border);border-radius:6px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:.3rem .5rem}.btn.small{font-size:.8rem;min-width:auto;padding:.3rem .6rem}.btn-token{background:gold;border:none;color:#000}.btn-tier{background:#9c27b0;border:none;color:#fff}.stations-tab .section{margin-top:2rem}.stations-tab .section h3{color:#fff;color:var(--text-primary);font-size:1.3rem;margin:0 0 1.5rem}.stations-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.station-card.admin{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;max-height:none;max-width:none;min-height:0;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s ease}.station-card.admin:hover{border-color:#e50914;border-color:var(--primary);box-shadow:0 4px 20px #0000004d}.station-card.admin.dedicated{border-color:#e509144d}.station-order-controls{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.order-number{color:#b3b3b3;color:var(--text-secondary);font-size:.85rem;font-weight:600;min-width:2rem;text-align:center}.station-card.admin .station-thumbnail{background:#141414;background:var(--background);border-radius:0;height:120px;margin:0;width:100%}.station-card.admin .station-thumbnail img{height:100%;object-fit:cover;width:100%}.station-card.admin .station-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.station-card.admin .station-header h4{color:#fff;color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0}.station-category{background:#e50914;background:var(--primary);border-radius:4px;display:inline-block;font-size:.7rem;font-weight:600;padding:.15rem .5rem;text-transform:capitalize}.dedicated-badge{color:#e50914;color:var(--primary);font-size:.75rem;font-weight:500}.station-card.admin .station-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden}.station-card.admin .station-description,.station-stats{color:#b3b3b3;color:var(--text-secondary);font-size:.8rem;margin-bottom:.75rem}.station-card.admin .station-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.create-station-card{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:12px;padding:1.5rem}.create-station-header{margin-bottom:1.5rem}.create-station-header h3{color:#fff;color:var(--text-primary);font-size:1.2rem;margin:0 0 .25rem}.create-station-header p{color:#b3b3b3;color:var(--text-secondary);font-size:.9rem;margin:0}.btn-create{font-size:1rem;margin-top:1rem;padding:.75rem 2rem;width:auto}.color-picker-section{margin-top:.5rem}.color-picker-section>label{color:#fff;color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.color-pickers{display:flex;flex-wrap:wrap;gap:1.5rem}.color-picker-item{align-items:center;display:flex;gap:.5rem}.color-picker-item input[type=color]{background:#141414;background:var(--background);border:2px solid #404040;border:2px solid var(--border);border-radius:6px;cursor:pointer;height:36px;padding:2px;width:36px}.color-picker-item span{color:#b3b3b3;color:var(--text-secondary);font-size:.85rem}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.modal{background:#2f2f2f;background:var(--surface);border:1px solid #404040;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h3{font-size:1.2rem;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#b3b3b3;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.25rem .5rem}.modal-close:hover{background:#ffffff1a;color:#fff;color:var(--text-primary)}@media (max-width:768px){.users-table .table-header{display:none}.users-table .table-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.stations-grid{grid-template-columns:1fr}.admin-tabs{flex-wrap:nowrap;overflow-x:auto}.admin-tabs .tab{font-size:.8rem;padding:.6rem .8rem}}.chat-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;height:500px;overflow:hidden}.chat-header{align-items:center;background:var(--background);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem}.chat-header h3{color:var(--text-primary);font-size:1rem;margin:0}.chat-viewers{color:var(--text-secondary);font-size:.8rem}.chat-messages{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--background)}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-loading{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center}.chat-spinner{animation:spin 1s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:30px;width:30px}.chat-empty{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;font-size:.9rem;justify-content:center}.chat-message{background:var(--background);border:1px solid var(--border);border-radius:8px;padding:.75rem}.message-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.tier-badge{border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.15rem .4rem;text-transform:uppercase}.message-username{color:var(--text-primary);font-size:.9rem;font-weight:600}.message-time{color:var(--text-secondary);font-size:.75rem;margin-left:auto}.mod-btn{background:none;border:none;cursor:pointer;font-size:.8rem;opacity:.5;padding:.2rem;transition:opacity .2s}.mod-btn:hover{opacity:1}.mod-menu{background:var(--surface);border:1px solid var(--border);border-radius:6px;display:flex;flex-wrap:wrap;gap:.25rem;margin:.25rem 0;padding:.5rem}.mod-menu button{background:var(--background);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:.35rem .6rem;transition:all .2s}.mod-menu button:hover{background:var(--surface-light)}.mod-menu .ban-btn{background:#dc354533;border-color:#dc3545;color:#dc3545}.mod-menu .ban-btn:hover{background:#dc354566}.mod-menu .cancel-btn{background:#0000;border-color:var(--text-secondary);color:var(--text-secondary)}.message-content{word-wrap:break-word;color:var(--text-primary);font-size:.9rem;line-height:1.4}.chat-error{background:#dc354533;color:#dc3545;font-size:.85rem;padding:.5rem 1rem;text-align:center}.chat-input-area{background:var(--background);border-top:1px solid var(--border)}.emote-picker{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem}.emote-picker button{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.4rem;transition:background .2s}.emote-picker button:hover{background:var(--surface)}.chat-input-form{display:flex;gap:.5rem;padding:.75rem}.emote-btn{background:#0000;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:1.1rem;padding:.5rem;transition:background .2s}.chat-input-form input,.emote-btn:hover{background:var(--surface)}.chat-input-form input{border:1px solid var(--border);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.9rem;padding:.75rem 1rem}.chat-input-form input:focus{border-color:var(--primary);outline:none}.chat-input-form input:disabled{cursor:not-allowed;opacity:.6}.chat-input-form input::placeholder{color:var(--text-secondary)}.chat-input-form button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .2s}.chat-input-form button:hover:not(:disabled){background:#c40812}.chat-input-form button:disabled{cursor:not-allowed;opacity:.5}.chat-login-prompt{background:var(--background);border-top:1px solid var(--border);color:var(--text-secondary);font-size:.9rem;padding:1rem;text-align:center}.chat-login-prompt a{color:var(--primary);font-weight:600;text-decoration:none}.chat-login-prompt a:hover{text-decoration:underline}@media (max-width:768px){.chat-box{height:400px}.chat-header,.chat-input-form,.chat-messages{padding:.75rem}.chat-input-form button{padding:.75rem 1rem}}.video-requests{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:1rem;overflow:hidden}.requests-header{align-items:center;background:var(--background);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 1rem}.requests-header h4{color:var(--text-primary);font-size:.9rem;margin:0}.request-btn{background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.35rem .75rem}.request-btn:hover{background:var(--primary-dark)}.request-form{background:var(--background);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.request-form input{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.85rem;padding:.5rem}.request-form button{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem}.request-form button:disabled{cursor:not-allowed;opacity:.6}.request-error{color:#dc3545;font-size:.8rem}.requests-list{max-height:200px;overflow-y:auto}.no-requests,.requests-loading{color:var(--text-secondary);font-size:.85rem;padding:1rem;text-align:center}.request-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.5rem .75rem}.request-item:last-child{border-bottom:none}.request-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.request-title{color:var(--text-primary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-user{color:var(--text-secondary);font-size:.75rem}.request-actions{display:flex;gap:.25rem}.vote-btn{background:var(--surface-light);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.vote-btn:hover{background:var(--primary);color:#fff}.approve-btn,.reject-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.approve-btn{background:var(--accent);color:#fff}.reject-btn{background:#dc3545;color:#fff}.follow-button{background:#0000;border:2px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.follow-button.following,.follow-button:hover{background:var(--primary);color:#fff}.follow-button.following:hover{background:#0000;color:var(--primary)}.polls-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:1rem;overflow:hidden}.polls-header{align-items:center;background:var(--background);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 1rem}.polls-header h4{color:var(--text-primary);font-size:.9rem;margin:0}.create-poll-btn{background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.35rem .75rem}.create-poll-form{background:var(--background);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.create-poll-form input{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.85rem;padding:.5rem}.poll-options-inputs{display:flex;flex-direction:column;gap:.35rem}.add-option-btn{background:#0000;border:1px dashed var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:.35rem}.poll-duration{align-items:center;display:flex;font-size:.8rem;gap:.5rem}.poll-duration select{background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:.35rem}.create-poll-form>button[type=submit]{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem}.polls-list{max-height:300px;overflow-y:auto}.no-polls,.polls-loading{color:var(--text-secondary);font-size:.85rem;padding:1rem;text-align:center}.poll-item{border-bottom:1px solid var(--border);padding:.75rem}.poll-item:last-child{border-bottom:none}.poll-question{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.poll-options{display:flex;flex-direction:column;gap:.35rem}.poll-option{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:.5rem .75rem;position:relative;transition:all .2s}.poll-option:hover:not(:disabled){border-color:var(--primary)}.poll-option.voted,.poll-option:disabled{cursor:default}.option-text{color:var(--text-primary);font-size:.85rem}.option-text,.option-votes{position:relative;z-index:1}.option-votes{color:var(--text-secondary);font-size:.75rem;font-weight:600}.option-bar{background:#e5091433;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.poll-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.5rem}.total-votes{color:var(--text-secondary);font-size:.75rem}.close-poll-btn{background:#0000;border:1px solid var(--text-secondary);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.7rem;padding:.25rem .5rem}.close-poll-btn:hover{border-color:#dc3545;color:#dc3545}.leaderboard-widget{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:1rem;padding:1rem}.leaderboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.leaderboard-header h3{font-size:1rem;margin:0}.leaderboard-header select{background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.8rem;padding:.35rem .5rem}.leaderboard-tabs{display:flex;gap:.25rem;margin-bottom:1rem}.leaderboard-tabs button{background:var(--background);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.75rem;padding:.5rem;transition:all .2s}.leaderboard-tabs button:hover{background:var(--surface-light)}.leaderboard-tabs button.active{background:var(--primary);color:#fff}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-entry{align-items:center;background:var(--background);border-radius:8px;display:flex;font-size:.85rem;gap:.75rem;padding:.5rem}.leaderboard-entry.top-3{background:linear-gradient(135deg,var(--background),#e509141a)}.leaderboard-entry .rank{font-weight:700;min-width:30px}.leaderboard-entry .username{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-entry .stat{color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.leaderboard-empty,.leaderboard-loading{color:var(--text-secondary);font-size:.85rem;padding:1.5rem;text-align:center}.analytics-page{background:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.analytics-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.analytics-header h1{color:var(--text-primary);font-size:2.5rem;margin:0}.analytics-controls{align-items:center;display:flex;gap:1rem}.time-range-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.5rem 1rem}.analytics-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.stat-icon{align-items:center;background:var(--accent-color);border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-number{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.analytics-charts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.chart-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.chart-container h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 1.5rem}.trend-chart{align-items:flex-end;display:flex;gap:.5rem;height:200px;padding:1rem 0}.trend-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.bar{background:linear-gradient(to top,var(--accent-color),var(--accent-light));border-radius:4px 4px 0 0;margin-bottom:.5rem;min-height:4px;transition:all .3s ease;width:100%}.bar:hover{background:linear-gradient(to top,var(--accent-light),var(--accent-color))}.bar-label{color:var(--text-secondary);font-size:.7rem;margin-bottom:.25rem}.bar-value{color:var(--text-primary);font-size:.8rem;font-weight:700}.station-stats{gap:1rem}.station-stat,.station-stats{display:flex;flex-direction:column}.station-stat{gap:.5rem}.station-info{align-items:center;display:flex;justify-content:space-between}.station-name{color:var(--text-primary);font-weight:500}.station-views{color:var(--text-secondary);font-size:.9rem}.station-bar{background:var(--bg-primary);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(to right,var(--accent-color),var(--accent-light));border-radius:4px;height:100%;transition:width .3s ease}.analytics-section{background:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:2rem}.analytics-section h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 1.5rem}.top-videos{display:flex;flex-direction:column;gap:1rem}.video-stat{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;padding:1rem}.video-rank{color:var(--accent-color);font-size:1.5rem;font-weight:700;min-width:40px;text-align:center}.video-info h4{color:var(--text-primary);font-size:1rem;margin:0 0 .5rem}.video-metrics{display:flex;flex-wrap:wrap;gap:1rem}.video-metrics span{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-size:.9rem;padding:.25rem .5rem}.realtime-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.realtime-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;text-align:center}.realtime-card h4{color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.realtime-number{color:var(--accent-color);font-size:1.5rem;font-weight:700;margin:0}.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:50vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);height:40px;width:40px}.loading p{color:var(--text-secondary);font-size:1.1rem}@media (max-width:768px){.analytics-page{padding:1rem}.analytics-header{align-items:flex-start;flex-direction:column;gap:1rem}.analytics-header h1{font-size:2rem}.analytics-charts,.analytics-overview{grid-template-columns:1fr}.video-metrics{flex-direction:column;gap:.5rem}.trend-chart{height:150px}}.ai-content-page{background:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.ai-content-header{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem;text-align:center}.ai-content-header h1{color:var(--text-primary);font-size:2.5rem;margin:0 0 .5rem}.ai-content-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.pipeline-status{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.pipeline-status h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 1rem}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;text-align:center}.status-card h4{color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.status-card p{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0}.status-running{color:var(--accent-color)!important}.status-idle{color:var(--text-secondary)!important}.control-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.control-panel h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 1rem}.control-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.control-buttons .btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;text-align:center;transition:all .3s ease}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-light);transform:translateY(-2px)}.btn-secondary{background:var(--text-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--text-primary);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-accent:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-info{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-info:hover:not(:disabled){box-shadow:0 8px 25px #4facfe4d;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.recommendations-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.recommendations-section h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 1rem}.recommendation-controls{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.station-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:1rem;padding:.75rem}.btn-small{font-size:.9rem;padding:.75rem 1.5rem}.recommendations-list{margin-top:1.5rem}.recommendations-list h4{color:var(--text-primary);margin:0 0 1rem}.recommendation-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.recommendation-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.video-thumbnail{background:var(--bg-secondary);border-radius:8px;flex-shrink:0;height:90px;overflow:hidden;width:120px}.video-thumbnail img{height:100%;object-fit:cover;width:100%}.video-info{flex:1 1}.video-info h5{color:var(--text-primary);font-size:1rem;line-height:1.3;margin:0 0 .5rem}.channel-name{font-size:.9rem}.channel-name,.video-stats{color:var(--text-secondary);margin:0 0 .5rem}.video-stats{font-size:.8rem}.ai-confidence{color:var(--accent-color);font-size:.9rem;font-weight:500;margin:0 0 .5rem}.recommendation-reason{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin:0}.video-actions{align-items:center;display:flex;flex-shrink:0}.discovery-results{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.discovery-results h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 1rem}.results-summary{background:var(--bg-primary);border-radius:8px;margin-bottom:1rem;padding:1rem}.results-summary p{color:var(--text-primary);font-size:1rem;margin:0 0 .5rem}.results-summary p:last-child{margin-bottom:0}.station-results{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.station-result{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.station-result h4{color:var(--text-primary);font-size:1rem;margin:0 0 .5rem}.station-result p{color:var(--text-secondary);font-size:.9rem;margin:0}.error-count{color:#ff6b6b!important;font-weight:500}.access-denied{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:3rem;text-align:center}.access-denied h2{color:var(--text-primary);margin-bottom:1rem}.access-denied p{color:var(--text-secondary)}@media (max-width:768px){.ai-content-page{padding:1rem}.ai-content-header h1{font-size:2rem}.control-buttons{grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(2,1fr)}.recommendation-controls{align-items:stretch;flex-direction:column}.recommendation-card{flex-direction:column}.video-thumbnail{height:200px;width:100%}.station-results{grid-template-columns:1fr}}.donate-page{margin:0 auto;max-width:1200px;padding:2rem}.donate-header{margin-bottom:2rem;text-align:center}.donate-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e50914,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.5rem}.donate-header p{color:var(--text-secondary);font-size:1.1rem}.user-status-card{background:var(--surface);border-radius:12px;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem;padding:1.5rem}.status-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.status-label{color:var(--text-muted);font-size:.85rem;text-transform:uppercase}.status-value{font-size:1.25rem;font-weight:600}.tier-badge{border-radius:20px;color:#fff;padding:.25rem .75rem}.status-value.tokens{color:gold}.tiers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.tier-card{background:var(--surface);border:2px solid #0000;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.tier-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.tier-card.current{box-shadow:0 0 20px #ffd7004d}.tier-header{color:#fff;padding:1.5rem;text-align:center}.tier-icon{display:block;font-size:2.5rem;margin-bottom:.5rem}.tier-header h2{font-size:1.5rem;margin:0}.tier-price{border-bottom:1px solid var(--border);padding:1.5rem;text-align:center}.tier-price .price{color:var(--text-primary);font-size:2.5rem;font-weight:700}.tier-price .period{color:var(--text-muted);display:block;font-size:.9rem}.tier-tokens{background:#ffd7001a;padding:1rem;text-align:center}.token-count{color:gold;font-size:1.25rem;font-weight:600}.tier-features{list-style:none;margin:0;padding:1.5rem}.tier-features li{color:var(--text-secondary);font-size:.95rem;padding:.5rem 0}.tier-features li:before{color:#4caf50;margin-right:.5rem}.tier-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:0 1rem 1rem;padding:1rem;transition:opacity .2s,transform .2s;width:calc(100% - 2rem)}.tier-button:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.tier-button:disabled{cursor:not-allowed;opacity:.6}.alternative-payment{background:var(--surface);border-radius:16px;margin-bottom:2rem;padding:2rem;text-align:center}.alternative-payment h3{font-size:1.5rem;margin-bottom:1rem}.alternative-payment>p{color:var(--text-secondary);margin-bottom:1.5rem}.payment-methods{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1.5rem}.payment-method{align-items:center;background:var(--surface-light);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;min-width:150px;padding:1rem 2rem}.method-icon{font-size:2rem}.method-name{color:var(--text-primary);font-weight:600}.method-handle{color:var(--text-muted);font-size:.9rem}.payment-note{background:#ffffff0d;border-radius:8px;color:#888;font-size:.85rem;margin-top:1.5rem;padding:1rem}.token-info{background:var(--surface);border-radius:16px;padding:2rem;text-align:center}.token-info h3{font-size:1.5rem;margin-bottom:1.5rem}.token-uses{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.token-use{align-items:center;background:var(--surface-light);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;min-width:140px;padding:1.5rem}.use-icon{font-size:2rem}.use-name{color:var(--text-primary);font-weight:600}.use-cost{color:gold;font-size:.9rem;font-weight:500}.loading{color:var(--text-muted);font-size:1.25rem;padding:4rem}.benefits-section{background:var(--surface);border-radius:16px;margin-top:2rem;padding:2rem}.benefits-section h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.benefits-table{display:flex;flex-direction:column;gap:.5rem;overflow-x:auto}.benefits-row{grid-gap:.5rem;align-items:center;background:#ffffff08;border-radius:8px;display:grid;gap:.5rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:.75rem 1rem}.benefits-row.header{background:#ffffff1a;color:var(--text-primary);font-weight:600}.benefit-name{color:var(--text-secondary);font-size:.9rem}.benefit-tier{color:var(--text-muted);font-size:.85rem;text-align:center}.benefits-row.header .benefit-tier{color:var(--text-primary)}.faq-section{background:var(--surface);border-radius:16px;margin-top:2rem;padding:2rem}.faq-section h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.faq-item{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h4{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.faq-item p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.token-description{color:var(--text-secondary);margin-bottom:1.5rem;text-align:center}@media (max-width:768px){.donate-page{padding:1rem}.donate-header h1{font-size:1.75rem}.user-status-card{gap:1rem}.tiers-grid{grid-template-columns:1fr}.payment-methods,.token-uses{align-items:center;flex-direction:column}}.advertiser-page{min-height:100vh;padding:2rem 0}.advertiser-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.advertiser-header h1{color:var(--text-primary);margin:0 0 .5rem}.advertiser-header p{color:var(--text-secondary);margin:0}.header-stats{display:flex;gap:2rem}.header-stats .stat{text-align:center}.header-stats .stat-value{color:var(--primary);display:block;font-size:1.5rem;font-weight:700}.header-stats .stat-label{color:var(--text-secondary);font-size:.85rem}.auth-required{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4rem 2rem;text-align:center}.auth-required h2{margin-bottom:1rem}.auth-required p{color:var(--text-secondary);margin-bottom:2rem}.pricing-section{margin-bottom:3rem}.pricing-section h2{margin-bottom:2rem;text-align:center}.pricing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;position:relative;text-align:center;transition:transform .2s,box-shadow .2s}.pricing-card:hover{box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.pricing-card.featured{background:linear-gradient(135deg,var(--surface),#e509141a);border-color:var(--primary)}.featured-badge{background:var(--primary);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:.25rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-card h3{font-size:1.25rem;margin:0 0 1rem}.pricing-card .price{color:var(--primary);font-size:2.5rem;font-weight:700;margin:0 0 1.5rem}.pricing-card .price span{color:var(--text-secondary);font-size:1rem;font-weight:400}.pricing-card ul{list-style:none;margin:0;padding:0;text-align:left}.pricing-card li{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:.5rem 0}.pricing-card li:last-child{border-bottom:none}.pricing-card li:before{color:#46d369;content:"✓";margin-right:.5rem}.register-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0 auto;max-width:500px;padding:2rem}.register-section h2{margin-bottom:1.5rem;text-align:center}.register-form .form-group{margin-bottom:1.5rem}.register-form .form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.register-form .form-group input{background:var(--background);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;width:100%}.register-form .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #e5091433;outline:none}.register-form .form-group input::placeholder{color:var(--text-secondary);opacity:.7}.register-form button[type=submit]{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:background .2s;width:100%}.register-form button[type=submit]:hover{background:#c40812}.pending-approval,.suspended-notice{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0 auto;max-width:500px;padding:4rem 2rem;text-align:center}.pending-icon,.suspended-icon{font-size:4rem;margin-bottom:1rem}.pending-approval h2,.suspended-notice h2{margin-bottom:1rem}.pending-approval p,.suspended-notice p{color:var(--text-secondary);margin-bottom:.5rem}.application-details{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem;text-align:left}.application-details p{margin:.5rem 0}.dashboard-tabs{border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-bottom:2rem}.dashboard-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem}.overview-tab .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.quick-actions{margin-bottom:2rem}.quick-actions h3{margin-bottom:1rem}.quick-actions .action-buttons{display:flex;gap:1rem}.recent-ads h3{margin-bottom:1rem}.ad-card-mini{align-items:center;background:var(--background);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem}.ad-card-mini h4{font-size:1rem;margin:0 0 .25rem}.ad-card-mini .ad-type{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.ads-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.ads-header h3{margin:0}.ads-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ad-card{background:var(--background);border:1px solid var(--border);border-radius:12px;overflow:hidden}.ad-card-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem}.ad-card-header h4{font-size:1rem;margin:0}.ad-card-body{padding:1rem}.ad-type-badge{background:linear-gradient(135deg,#4a90d9,#357abd);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .6rem;text-transform:uppercase}.ad-description{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0}.ad-duration{color:var(--text-secondary);font-size:.85rem;margin:0}.ad-campaigns{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.campaign-mini{color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;padding:.25rem 0}.analytics-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.analytics-section h3{margin:0 0 1rem}.analytics-table{display:flex;flex-direction:column;gap:.5rem}.analytics-row{grid-gap:1rem;background:var(--background);border-radius:8px;display:grid;font-size:.9rem;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:.75rem}.analytics-row.header{background:var(--surface-light);font-weight:600}.ad-card-actions{border-top:1px solid var(--border);display:flex;gap:.5rem;padding:1rem}.create-tab h3{margin-bottom:1.5rem}.ad-form{max-width:600px}.form-group small{color:var(--text-secondary);display:block;font-size:.8rem;margin-top:.25rem}.form-actions{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.campaign-form{padding:1.5rem}.campaign-form .form-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width:768px){.advertiser-header{flex-direction:column;gap:1rem;text-align:center}.header-stats{justify-content:center}.pricing-grid{grid-template-columns:1fr}.overview-tab .stats-grid{grid-template-columns:repeat(2,1fr)}.ads-grid,.form-row{grid-template-columns:1fr}.dashboard-tabs{flex-wrap:wrap}}.my-stations-page{min-height:calc(100vh - 80px);padding:2rem 0}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{margin:0}.patron-notice{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid #ffd7004d;border-radius:12px;margin-bottom:2rem;padding:2rem;text-align:center}.patron-notice h3{color:gold;margin-bottom:.5rem}.patron-notice p{color:var(--text-secondary);margin-bottom:1rem}.error-message{background:#dc354533;border:1px solid #dc3545;color:#dc3545;margin-bottom:1rem;padding:1rem}.station-form-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;padding:2rem}.station-form-card h2{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.form-group input[type=color]{cursor:pointer;height:40px;padding:0;width:60px}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.stations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-stations{background:var(--surface);border-radius:12px;color:var(--text-secondary);grid-column:1/-1;padding:3rem;text-align:center}.station-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.station-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.station-thumbnail{align-items:flex-end;background-position:50%;background-size:cover;display:flex;height:120px;padding:.75rem;position:relative}.station-category{background:#000000b3;border-radius:20px;color:#fff;font-size:.75rem;padding:.25rem .75rem}.station-info{background:var(--surface);padding:1rem}.station-info h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.station-info p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.85rem;margin:0 0 .5rem;overflow:hidden}.station-status{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.status-badge{font-size:.8rem}.station-actions{background:var(--background);border-top:1px solid var(--border);display:flex;gap:.5rem;padding:.75rem 1rem}.station-actions button{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.8rem;padding:.5rem;transition:all .2s}.station-actions button:hover{background:var(--surface-light)}.station-actions .delete-btn:hover{background:#dc354533;border-color:#dc3545;color:#dc3545}.analytics-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.analytics-content{background:var(--surface);border-radius:16px;max-width:500px;padding:2rem;width:90%}.analytics-content h2{margin-bottom:1.5rem;text-align:center}.analytics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.stat-card{background:var(--background);border-radius:12px;padding:1.5rem;text-align:center}.stat-value{color:var(--primary);display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.85rem}.loading,.stat-label{color:var(--text-secondary)}.loading{padding:3rem;text-align:center}@media (max-width:768px){.page-header{flex-direction:column;gap:1rem;text-align:center}.analytics-grid,.form-row,.stations-grid{grid-template-columns:1fr}}.watch-party-page{background:var(--bg-primary);min-height:calc(100vh - 60px);padding:20px}.watch-party-page .container{margin:0 auto;max-width:1200px}.auth-required,.error-state,.loading-state{padding:60px 20px;text-align:center}.auth-required h2,.error-state h2{font-size:2rem;margin-bottom:15px}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-primary);height:50px;margin:0 auto 20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.party-lobby{padding:40px 20px;text-align:center}.party-lobby h1{font-size:2.5rem;margin-bottom:10px}.party-lobby .subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:40px}.incoming-video-banner{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary,#8b5cf6));border-radius:12px;gap:15px;margin-bottom:30px;padding:20px 30px}.incoming-video-banner,.incoming-video-info{align-items:center;display:flex;flex-direction:column}.incoming-video-info{gap:5px}.incoming-label{font-size:.9rem;opacity:.9}.incoming-title{font-size:1.2rem;font-weight:600}.incoming-video-banner .btn{background:#fff;color:var(--accent-primary);font-weight:600}.incoming-video-banner .btn:hover{background:#ffffffe6;transform:scale(1.02)}.my-parties-section{border-top:1px solid var(--bg-tertiary);margin-top:40px;padding-top:30px}.my-parties-section h3{font-size:1.3rem;margin-bottom:20px}.my-parties-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0 auto;max-width:800px}.my-party-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:10px;cursor:pointer;padding:15px 20px;transition:all .2s ease}.my-party-card:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px)}.my-party-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.my-party-code{color:var(--accent-primary);font-family:monospace;font-size:1.2rem;font-weight:700;letter-spacing:2px}.my-party-details,.my-party-role{color:var(--text-secondary);font-size:.85rem}.my-party-details{display:flex;flex-direction:column;gap:4px}.my-party-video{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-options{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:800px}.option-card{background:var(--bg-secondary);border-radius:16px;padding:40px 30px;text-align:center;transition:transform .2s,box-shadow .2s}.option-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.option-card h3{font-size:1.5rem;margin-bottom:10px}.option-card p{color:var(--text-secondary);margin-bottom:20px}.btn-large{font-size:1.1rem;padding:15px 40px}.join-form{display:flex;gap:10px;justify-content:center}.code-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:3px;padding:12px;text-align:center;text-transform:uppercase;width:120px}.code-input:focus{border-color:var(--accent-primary);outline:none}.error-message{background:#e509141a;border-radius:8px;color:#e50914;margin-top:20px;padding:15px}.party-container{margin:0 auto;max-width:1400px}.party-header{background:var(--bg-secondary);border-radius:12px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.party-header,.party-info{align-items:center;display:flex}.party-info{gap:20px}.party-info h2{font-size:1.3rem;margin:0}.party-code{align-items:center;background:var(--bg-primary);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 16px;transition:background .2s}.party-code:hover{background:var(--bg-tertiary)}.party-code .code{color:var(--accent-primary);font-size:1.3rem;font-weight:700;letter-spacing:2px}.party-code .copy-hint{color:var(--text-secondary);font-size:.8rem}.party-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 350px;height:calc(100vh - 200px)}.video-section{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;position:relative}.video-section>div{height:100%!important;width:100%!important}.sync-overlay{animation:pulse 1s infinite;background:#000c;border-radius:8px;left:50%;padding:15px 30px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.no-video{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center}.no-video .hint{font-size:.9rem;margin-top:10px;opacity:.7}.viewer-controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;padding:15px;position:absolute;right:0}.host-control-notice{background:#ffffff1a;border-radius:20px;display:inline-block;font-size:.9rem;padding:8px 16px}.party-sidebar{display:flex;flex-direction:column;gap:20px;height:100%}.chat-section,.members-section{background:var(--bg-secondary);border-radius:12px;padding:15px}.members-section{flex-shrink:0}.chat-section h3,.members-section h3{color:var(--text-secondary);font-size:1rem;margin:0 0 15px}.members-list{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.member-item{align-items:center;background:var(--bg-primary);border-radius:8px;display:flex;gap:10px;padding:8px}.member-item.host{background:#e509141a;border:1px solid #e509144d}.member-avatar{align-items:center;background:var(--accent-primary);border-radius:50%;display:flex;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.member-avatar img{height:100%;object-fit:cover;width:100%}.member-name{align-items:center;display:flex;flex:1 1;gap:8px}.host-badge{background:#ffd70033;border-radius:4px;font-size:.75rem;padding:2px 6px}.chat-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.chat-messages{background:var(--bg-primary);border-radius:8px;flex:1 1;margin-bottom:10px;min-height:150px;overflow-y:auto;padding:10px}.no-messages{color:var(--text-secondary);padding:20px;text-align:center}.chat-message{margin-bottom:8px;word-break:break-word}.msg-user{color:var(--accent-primary);font-weight:700;margin-right:5px}.msg-text{color:var(--text-primary)}.chat-input{display:flex;gap:8px}.chat-input input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;padding:10px 12px}.chat-input button{background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .2s}.chat-input button:hover{background:var(--accent-hover)}@media (max-width:900px){.party-content{grid-template-columns:1fr;height:auto}.party-sidebar,.video-section{height:auto}.party-header{gap:15px;text-align:center}.party-header,.party-info{flex-direction:column}}@media (max-width:600px){.party-options{grid-template-columns:1fr}.join-form{flex-direction:column}.code-input{width:100%}}
/*# sourceMappingURL=main.1676cb52.css.map*/