*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #05050a;--bg-dark: #0e0e18;--bg-card: #181828;--bg-hover: #1e1e32;--accent: #e74c3c;--accent-glow: rgba(231, 76, 60, .35);--accent-dim: #a33025;--gold: #f5c518;--gold-glow: rgba(245, 197, 24, .2);--text: #eeeef5;--text-dim: #7b7b99;--border: #242438;--border-light: #2e2e4a;--radius: 10px;--radius-lg: 16px;--sidebar-w: 290px;--header-h: 88px}html,body{height:100%;height:calc(var(--vh, 1vh) * 100);background:var(--bg-deep);color:var(--text);font-family:Outfit,Segoe UI,system-ui,sans-serif;overflow:hidden}#app{height:100vh;height:calc(var(--vh, 1vh) * 100);position:relative}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.screen.active{display:flex;opacity:1}#loading-screen{background:radial-gradient(ellipse 80% 60% at 50% 40%,#141428 0%,var(--bg-deep) 70%);flex-direction:column;overflow:hidden}.cinema-curtains{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none;z-index:0}.curtain{width:50%;height:100%;background:linear-gradient(to bottom,#1a0a0a 0%,transparent 60%);opacity:.5}.loading-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.cinema-logo{font-size:72px;filter:drop-shadow(0 0 32px rgba(231,76,60,.7));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-content h1{font-size:2.8rem;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#e74c3c,#f5c518);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-content p{color:var(--text-dim);font-size:.95rem}.loading-dots{display:flex;gap:6px;align-items:center}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:dot-bounce 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}#empty-screen{background:radial-gradient(ellipse 70% 50% at 50% 50%,#14142a 0%,var(--bg-deep) 70%);flex-direction:column;gap:0}.empty-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:24px}.empty-poster{width:100px;height:140px;border-radius:12px;background:linear-gradient(135deg,#1a1a30,#0e0e1a);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 40px #0009,0 0 0 1px #ffffff08;position:relative;overflow:hidden}.empty-poster:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(231,76,60,.08) 0%,transparent 60%)}.empty-poster-inner{font-size:48px;position:relative;z-index:1}.empty-content h2{font-size:1.8rem;font-weight:700;color:var(--text)}.empty-sub{color:var(--text-dim);font-size:.95rem}.hint-box{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:12px 18px;font-size:.88rem;color:var(--text-dim);max-width:380px}.hint-box code{color:var(--accent);font-family:Cascadia Code,Fira Code,monospace;background:#e74c3c1a;padding:1px 5px;border-radius:4px}.hint-icon{font-size:1.1rem;flex-shrink:0}#player-screen{display:none;background:var(--bg-deep)}#player-screen.active{display:flex;align-items:stretch}.cinema-layout{display:flex;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden}.player-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#000}#movie-header{display:flex;gap:14px;padding:12px 16px;background:linear-gradient(180deg,#05050afa,#05050ab3);border-bottom:1px solid var(--border);min-height:var(--header-h);align-items:flex-start;flex-shrink:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:5}#movie-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(231,76,60,.3),transparent)}#movie-thumbnail{width:46px;height:66px;border-radius:8px;background:var(--bg-card);flex-shrink:0;overflow:hidden;box-shadow:0 4px 16px #00000080;border:1px solid var(--border-light)}#movie-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:7px}#movie-info{flex:1;min-width:0}#movie-title{font-size:1.05rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;letter-spacing:-.01em}#movie-meta{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:5px}#movie-overview{font-size:.75rem;color:var(--text-dim);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{font-size:.68rem;padding:2px 8px;border-radius:20px;font-weight:600;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-dim);letter-spacing:.02em}.badge-gold{background:var(--gold-glow);border-color:#f5c51866;color:var(--gold)}.badge-dim{opacity:.8}.badge.status-live{background:#e74c3c26;border-color:var(--accent);color:var(--accent);animation:pulse-live 2s ease-in-out infinite}.badge.status-paused{background:#f39c121f;border-color:#f39c12;color:#f39c12}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent-glow)}50%{opacity:.75;box-shadow:0 0 0 3px transparent}}#player{width:100%;flex:1;min-height:0;background:#000}.plyr{height:100%;background:#000}.plyr__video-wrapper{height:100%}.plyr--video .plyr__control--overlaid,.plyr--full-ui input[type=range]::-webkit-slider-thumb,.plyr__control.plyr__tab-focus,.plyr__control:hover,.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var(--accent)!important}.plyr--video .plyr__controls{background:linear-gradient(transparent,#05050af2)}.autoplay-overlay{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--header-h);background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.autoplay-btn{display:flex;flex-direction:column;align-items:center;gap:10px;background:linear-gradient(135deg,var(--accent),#c0392b);color:#fff;border:none;padding:22px 48px;font-size:1.05rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 8px 32px #e74c3c80,0 0 0 1px #ffffff1a;transition:transform .15s,box-shadow .15s;font-family:inherit;letter-spacing:.02em}.autoplay-icon{font-size:2rem}.autoplay-btn:active{transform:scale(.95);box-shadow:0 4px 16px #e74c3c66}.host-badge{position:absolute;top:calc(var(--header-h) + 8px);right:12px;background:#f5c5181f;border:1px solid rgba(245,197,24,.4);color:var(--gold);font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:20px;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.04em}.hidden{display:none!important}#cinema-controls{background:linear-gradient(180deg,#0e0e18f2,#05050afa);border-top:1px solid var(--border);padding:10px 14px 12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls-progress{display:flex;align-items:center;gap:10px}.progress-bar-wrap{flex:1;height:5px;background:var(--border-light);border-radius:3px;overflow:hidden;cursor:pointer}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:3px;transition:width 1s linear;width:0%;box-shadow:0 0 6px var(--accent-glow)}.cinema-time{font-size:.72rem;color:var(--text-dim);white-space:nowrap;font-family:Cascadia Code,Fira Code,monospace;min-width:80px;text-align:right}.controls-btns{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ctrl-btn{border:none;border-radius:8px;padding:6px 13px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .1s,box-shadow .15s;touch-action:manipulation;letter-spacing:.01em}.ctrl-btn:active{transform:scale(.93);opacity:.8}.ctrl-primary{background:linear-gradient(135deg,var(--accent),#c0392b);color:#fff;box-shadow:0 2px 10px #e74c3c40}.ctrl-primary:hover{box-shadow:0 2px 14px #e74c3c66}.ctrl-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border-light)}.ctrl-secondary:hover{background:var(--bg-hover);border-color:#ffffff1a}.ctrl-danger{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.ctrl-danger:hover{background:#e74c3c2e}.ctrl-fullscreen{background:var(--bg-card);color:var(--text);border:1px solid var(--border-light);margin-left:auto}.ctrl-fullscreen:hover{background:var(--bg-hover);border-color:#ffffff1f}.vol-control{display:flex;align-items:center;gap:4px}.volume-display{font-size:.75rem;color:var(--text-dim);min-width:40px;text-align:center;font-family:Cascadia Code,Fira Code,monospace}.sidebar{width:var(--sidebar-w);background:var(--bg-dark);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:14px 16px;font-weight:700;font-size:.78rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;background:var(--bg-deep);flex-shrink:0}.user-count-pill{font-size:.72rem;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:2px 10px;font-weight:600}.queue-card{display:flex;gap:10px;padding:10px 14px;cursor:default;border-bottom:1px solid var(--border);transition:background .15s;align-items:center}.queue-card:hover{background:var(--bg-hover)}.queue-card.now-playing{background:#e74c3c12;border-left:2px solid var(--accent);padding-left:12px}.queue-thumb{width:46px;height:46px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-light);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.queue-thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px}.thumb-placeholder{font-size:16px;color:var(--text-dim)}.queue-info{flex:1;min-width:0}.queue-label{font-size:.65rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.queue-title{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.queue-duration{font-size:.7rem;color:var(--text-dim);margin-top:2px;font-family:Cascadia Code,Fira Code,monospace}.queue-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.queue-list::-webkit-scrollbar{width:4px}.queue-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.queue-empty-msg{padding:24px 16px;text-align:center;color:var(--text-dim);font-size:.82rem}.queue-number{font-size:.68rem;color:var(--text-dim);font-weight:700;min-width:18px;text-align:center;align-self:center;flex-shrink:0}@media(max-width:768px){:root{--header-h: 72px}.cinema-layout{flex-direction:column;height:calc(var(--vh, 1vh) * 100)}.player-container{flex:1;min-height:0;overflow:hidden}#player{width:100%;height:100%}.plyr,.plyr__video-wrapper{height:100%}.sidebar{width:100%;height:170px;border-left:none;border-top:1px solid var(--border);flex-shrink:0;flex-direction:row;overflow:hidden}.sidebar-header{writing-mode:vertical-rl;text-orientation:mixed;padding:10px 7px;border-bottom:none;border-right:1px solid var(--border);min-width:34px;justify-content:center;gap:6px;font-size:.66rem}.sidebar-header .user-count-pill{display:none}#now-playing-card{flex-shrink:0;width:130px;flex-direction:column;border-bottom:none;border-right:1px solid var(--border);padding:8px 10px;align-items:flex-start}.queue-list{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;flex:1}.queue-card{flex-direction:column;align-items:center;flex-shrink:0;width:100px;padding:8px;border-bottom:none;border-right:1px solid var(--border);text-align:center}.queue-info{min-width:0;width:100%}.queue-title{font-size:.72rem}.queue-duration,.queue-number{display:none}#movie-header{padding:8px 12px;min-height:unset;gap:8px}#movie-thumbnail{width:34px;height:50px}#movie-title{font-size:.85rem;margin-bottom:3px}#movie-overview{display:none}#movie-meta{gap:3px;margin-bottom:0}.badge{font-size:.62rem;padding:1px 6px}.host-badge{top:calc(var(--header-h) + 6px)}.autoplay-overlay{top:var(--header-h)}.autoplay-btn{padding:18px 38px;font-size:.95rem}#cinema-controls{padding:6px 10px 8px;gap:6px}.controls-btns{gap:4px}.ctrl-btn{padding:5px 9px;font-size:.72rem}.vol-control,.ctrl-fullscreen{margin-left:0}.sidebar{padding-bottom:env(safe-area-inset-bottom,0px)}}