*{margin:0;padding:0;box-sizing:border-box}body{font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;background:#1a1a2e;color:#dcddde;overflow:hidden;height:100vh;width:100vw}#app{height:100vh;width:100vw;display:flex;flex-direction:column}.hidden{display:none!important}#loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.spinner{width:40px;height:40px;border:4px solid #2d2d44;border-top-color:#5865f2;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#search-panel{display:flex;flex-direction:column;height:100vh;overflow-y:auto}.header{padding:16px 20px;flex-shrink:0}.header h1{font-size:20px;color:#fff;margin-bottom:12px}.direct-input-bar{display:flex;gap:8px;flex-wrap:wrap}.direct-input-bar input,.direct-input-bar select{padding:10px 14px;border-radius:8px;border:none;background:#2d2d44;color:#fff;font-size:14px;outline:none}.direct-input-bar input:focus{box-shadow:0 0 0 2px #5865f2}.direct-input-bar input[type=number]{width:140px}.direct-input-bar button{padding:10px 20px;border-radius:8px;border:none;background:#5865f2;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.direct-input-bar button:hover{background:#4752c4}#direct-input .hint{margin-top:8px;font-size:12px;color:#72767d}#direct-input .hint a{color:#5865f2;text-decoration:none}#direct-input .hint a:hover{text-decoration:underline}.search-bar input{flex:1;padding:10px 14px;border-radius:8px;border:none;background:#2d2d44;color:#fff;font-size:14px;outline:none}.search-bar input::placeholder{color:#72767d}.search-bar input:focus{box-shadow:0 0 0 2px #5865f2}.search-bar select{padding:10px 12px;border-radius:8px;border:none;background:#2d2d44;color:#fff;font-size:14px;cursor:pointer;outline:none}.search-bar button{padding:10px 20px;border-radius:8px;border:none;background:#5865f2;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}#player-panel{display:flex;flex-direction:column;height:100vh;position:relative;overflow:hidden}.player-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#16162a;border-bottom:1px solid #2d2d44;flex-shrink:0;min-height:48px;transition:opacity .3s,transform .3s;z-index:10}#player-panel .player-header{opacity:0;transform:translateY(-100%);position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:10}#player-panel:hover .player-header,#player-panel.show-header .player-header{opacity:1;transform:translateY(0);pointer-events:auto}#player-panel .player-container{height:100vh}#back-btn{padding:6px 14px;border-radius:6px;border:none;background:#2d2d44;color:#dcddde;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s}#back-btn:hover{background:#3d3d55}#now-playing{flex:1;font-size:14px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#users-list{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.user-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;background:#5865f2;color:#fff;font-size:12px;font-weight:500;white-space:nowrap}.user-badge.host:before{content:"👑";font-size:10px}.player-container{flex:1;position:relative;background:#000}.player-container iframe,.player-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}#movie-queue{margin-top:20px;padding-top:16px;border-top:1px solid #2d2d44}#movie-queue h3{font-size:14px;color:#b9bbbe;margin-bottom:10px}.queue-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#16162a;border-radius:8px;margin-bottom:8px}.queue-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.queue-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-time{font-size:11px;color:#72767d;white-space:nowrap}.queue-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;white-space:nowrap}.queue-badge.ready{background:#3ba55c;color:#fff}.queue-badge.downloading{background:#faa61a;color:#1a1a2e}.queue-actions{display:flex;gap:6px;flex-shrink:0}.queue-resume{padding:4px 10px;border-radius:4px;border:none;background:#5865f2;color:#fff;font-size:12px;cursor:pointer}.queue-resume:hover{background:#4752c4}.queue-resume:disabled{background:#3d3d55;color:#72767d;cursor:not-allowed}.queue-remove{padding:4px 8px;border-radius:4px;border:none;background:#ed4245;color:#fff;font-size:12px;cursor:pointer}.queue-remove:hover{background:#c03537}.search-bar{display:flex;gap:8px}.search-bar select{padding:8px 10px;border-radius:6px;border:1px solid #2d2d44;background:#16162a;color:#dcddde;font-size:13px}.search-bar input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid #2d2d44;background:#16162a;color:#dcddde;font-size:14px}.search-bar input:focus{outline:none;border-color:#5865f2}.search-bar button{padding:8px 14px;border-radius:8px;border:none;background:#5865f2;color:#fff;font-size:16px;cursor:pointer}.search-bar button:hover{background:#4752c4}.search-bar button:disabled{background:#3d3d55;cursor:not-allowed}#search-results{margin-top:16px;max-height:60vh;overflow-y:auto;padding-right:4px}.search-loading,.search-empty,.search-error{text-align:center;padding:20px;color:#72767d;font-size:13px}.search-error{color:#ed4245}.result-card{display:flex;gap:12px;padding:12px;background:#16162a;border-radius:8px;margin-bottom:8px}.result-poster{width:60px;height:90px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#2d2d44}.result-info{flex:1;min-width:0}.result-title{font-size:14px;font-weight:600;margin-bottom:4px}.result-year{color:#72767d;font-weight:400}.result-meta{font-size:12px;color:#b9bbbe;margin-bottom:8px}.quality-options{display:flex;flex-wrap:wrap;gap:6px}.quality-btn,.episode-btn{padding:4px 10px;border-radius:4px;border:none;background:#5865f2;color:#fff;font-size:12px;cursor:pointer;white-space:nowrap}.quality-btn:hover,.episode-btn:hover{background:#4752c4}.quality-meta{font-size:10px;opacity:.8}.episode-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow-y:auto}.advanced-toggle{font-size:12px;color:#72767d;cursor:pointer;margin-bottom:8px}.advanced-toggle:hover{color:#b9bbbe}details[open] .magnet-bar{margin-top:8px}.magnet-bar{display:flex;gap:8px}.magnet-bar input{flex:1;padding:10px 14px;border-radius:8px;border:none;background:#2d2d44;color:#fff;font-size:13px;font-family:monospace;outline:none}.magnet-bar input::placeholder{color:#72767d;font-family:inherit}.magnet-bar input:focus{box-shadow:0 0 0 2px #5865f2}.magnet-bar button{padding:10px 20px;border-radius:8px;border:none;background:#57f287;color:#1a1a2e;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.magnet-bar button:hover{background:#3ba55d}.magnet-bar button:disabled{opacity:.6;cursor:not-allowed}#torrent-input .hint,#direct-input .hint{margin-top:8px;font-size:12px;color:#72767d}#torrent-input .hint a,#direct-input .hint a{color:#5865f2;text-decoration:none}#stream-status{padding:12px 20px;background:#16162a;font-size:14px;color:#dcddde;text-align:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2d2d44;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3d3d55}