*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background:#0f172a;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100dvh;background:linear-gradient(135deg,#0f172a 0%,#172554 55%,#0c4a6e 100%);display:flex;align-items:flex-start;justify-content:center;padding:12px}.player-container{width:100%;max-width:1400px;background:rgba(30,41,59,.9);border-radius:28px;padding:18px;display:flex;flex-direction:column;gap:14px}.player-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px}.header-actions,.video-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.room-badge,.btn{border:0;border-radius:30px;padding:10px 16px;font-weight:800;cursor:pointer}.room-badge{background:#334155;color:#fff}.room-badge.is-active,.btn{background:#0284c7;color:#fff}.btn-warning{background:#f59e0b}.btn-outline{background:transparent;border:1px solid #38bdf8;color:#38bdf8}.video-wrapper{position:relative;overflow:hidden;border-radius:18px;background:#000;aspect-ratio:16/9;width:100%;min-height:240px}.video-wrapper video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#94a3b8}.video-placeholder i{font-size:4rem;color:#38bdf8}.custom-video-bar{position:absolute;left:0;right:0;bottom:0;z-index:7;min-height:52px;display:flex;align-items:center;gap:9px;padding:8px 12px;background:linear-gradient(transparent,rgba(0,0,0,.92))}.tv-news-ticker{position:absolute;left:0;right:0;bottom:52px;height:38px;z-index:8;display:flex;align-items:stretch;background:rgba(2,6,23,.88);border-top:1px solid rgba(56,189,248,.45);border-bottom:1px solid rgba(56,189,248,.35);overflow:hidden;direction:rtl}.tv-news-label{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 15px;background:#0284c7;color:#fff;font-weight:900;z-index:2;box-shadow:-8px 0 18px rgba(0,0,0,.35)}.tv-news-window{position:relative;overflow:hidden;flex:1;direction:ltr}.tv-news-track{position:absolute;white-space:nowrap;display:inline-block;min-width:max-content;line-height:36px;font-size:.95rem;font-weight:800;color:#f8fafc;animation:tvTicker 18s linear infinite;will-change:transform}.tv-news-ticker:hover .tv-news-track{animation-play-state:paused}@keyframes tvTicker{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}.icon-control{width:38px;height:38px;border:0;border-radius:50%;cursor:pointer}.volume-range{width:130px}.now-playing{margin-inline-start:auto}.file-input-wrapper{position:relative;overflow:hidden}.file-input-wrapper input{position:absolute;inset:0;opacity:0}.size-controls{display:flex;gap:5px}.size-controls button{padding:9px 12px}.collective-stack{display:flex;flex-direction:column;gap:12px}.collective-card{background:rgba(15,23,42,.72);border-radius:16px;padding:13px}.collective-status,.card-title{display:flex;justify-content:space-between;gap:10px}.voice-live{color:#86efac}.voice-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#22c55e}.viewer-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.viewer-row{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.05);border-radius:12px;padding:9px}.viewer-row.is-speaking{outline:2px solid #22c55e}.viewer-avatar{width:38px;height:38px;border-radius:50%;background:#0ea5e9;display:grid;place-items:center}.viewer-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.viewer-copy{display:flex;flex-direction:column;flex:1}.viewer-tools,.moderation-bar,.request-actions{display:flex;gap:7px;flex-wrap:wrap}.viewer-tools button,.mini-btn,.request-actions button{border:0;border-radius:9px;padding:6px 8px;cursor:pointer}.danger,.reject{background:#991b1b!important;color:#fff}.accept{background:#166534!important;color:#fff}.tv-messages{max-height:300px;overflow:auto;padding:4px}.tv-message{padding:8px 10px;margin:5px 0;background:rgba(255,255,255,.05);border-radius:10px}.tv-message-form{display:grid;grid-template-columns:auto 1fr auto;gap:8px;margin-top:10px}.tv-message-form input,.add-channel-form input,.modal-box input{padding:11px;border-radius:10px;border:0}.tv-message-form button{padding:0 18px}.compact-chat-card{padding:10px 13px}.chat-head{align-items:center;margin:0}.chat-head-actions{display:flex;gap:7px;flex-wrap:wrap}.chat-compose-trigger{background:#0284c7!important;color:#fff}.chat-composer-pop[hidden]{display:none}.chat-composer-pop{position:fixed;inset:0;z-index:2600;background:rgba(2,6,23,.34);display:flex;align-items:flex-end;justify-content:center;padding:0 14px max(14px,env(safe-area-inset-bottom));backdrop-filter:blur(2px)}.popup-message-form{width:min(760px,100%);margin:0;background:rgba(15,23,42,.97);border:1px solid rgba(56,189,248,.35);border-radius:18px;padding:10px;box-shadow:0 -12px 45px rgba(0,0,0,.45);align-items:center}.popup-message-form input{min-width:0;background:#020617;color:#fff;border:1px solid rgba(255,255,255,.12)}.popup-message-form>button[type=submit]{border:0;border-radius:11px;background:#0284c7;color:#fff;font-weight:900;min-height:42px}.composer-close{width:38px;height:38px;border:0;border-radius:50%;background:#334155;color:#fff!important;padding:0!important;font-size:1.35rem;cursor:pointer}.request-row{display:flex;justify-content:space-between;gap:10px;padding:9px}.channel-menu-overlay,.modal-overlay{position:fixed;inset:0;background:rgba(2,6,23,.58);z-index:2500;display:none;backdrop-filter:blur(3px)}.channel-menu-overlay.is-open,.modal-overlay.is-open{display:flex}.channel-menu{margin-inline-start:auto;width:min(350px,calc(100vw - 24px));height:min(88dvh,760px);margin-top:12px;margin-bottom:12px;background:rgba(15,23,42,.98);border:1px solid rgba(56,189,248,.28);border-radius:20px;padding:14px;overflow-y:auto;box-shadow:0 24px 70px rgba(0,0,0,.6);color:#f8fafc}.menu-header{display:flex;justify-content:space-between;align-items:center;gap:10px;position:sticky;top:-14px;z-index:4;background:#0f172a;padding:12px 0 10px;font-weight:900;color:#fff}.menu-header button{border:0;border-radius:10px;min-width:38px;min-height:38px;background:#334155;color:#fff;cursor:pointer}.menu-header .manage-btn{padding:0 11px;background:#0369a1}.playlist-selector select,.channel-search{width:100%;padding:11px 12px;margin:7px 0;border-radius:11px;border:1px solid rgba(148,163,184,.32);background:#f8fafc;color:#0f172a;font-size:15px;outline:none}.channel-group-title{padding:13px 8px 7px;color:#7dd3fc;font-size:.82rem;font-weight:900;border-bottom:1px solid rgba(148,163,184,.13)}.channel-item{padding:5px 6px;display:flex;justify-content:space-between;align-items:center;border-radius:11px;color:#f8fafc}.channel-item:hover,.channel-item.is-active{background:rgba(14,165,233,.16)}.channel-item .play-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 4px;cursor:pointer;color:#f8fafc;font-weight:700}.channel-item .play-btn span{color:#f8fafc;line-height:1.45}.channel-item.is-active .play-btn span{color:#7dd3fc}.del-btn,.add-channel-form{display:none}.edit-mode .del-btn,.add-channel-form.is-open{display:flex}.modal-overlay.is-open{align-items:center;justify-content:center}.modal-box{background:#1e293b;padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:10px;max-width:420px;width:100%}.is-maximized{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2000!important;border-radius:0!important;aspect-ratio:auto!important}@media(max-width:768px){body{padding:0}.player-container{border-radius:0;padding:10px}.tv-news-ticker{height:34px;bottom:52px}.tv-news-track{line-height:32px;font-size:.82rem;animation-duration:16s}.tv-news-label{padding:0 9px;font-size:.75rem}.viewer-list{grid-template-columns:1fr 1fr}.chat-composer-pop{padding-inline:8px}.popup-message-form{border-radius:14px;padding:8px}.popup-message-form input{font-size:16px}.channel-menu{width:min(340px,calc(100vw - 16px));height:calc(100dvh - 16px);margin:8px;border-radius:16px}}@media(max-width:560px){.viewer-list{grid-template-columns:1fr}.request-row{flex-direction:column}.chat-head{align-items:flex-start;flex-direction:column}.chat-head-actions{width:100%}.chat-head-actions button{flex:1}.popup-message-form{grid-template-columns:auto 1fr auto}.popup-message-form>button[type=submit]{padding:0 12px}.channel-menu{width:calc(100vw - 12px);margin:6px;height:calc(100dvh - 12px)}}