*{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:hidden}.header{padding:16px 20px;background:#16162a;border-bottom:1px solid #2d2d44;flex-shrink:0}.header h1{font-size:20px;color:#fff;margin-bottom:12px}.search-bar{display:flex;gap:8px}.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}.search-bar button:hover{background:#4752c4}#search-results{flex:1;overflow-y:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;align-content:start}.result-card{background:#2d2d44;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}.result-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.result-card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.no-poster{width:100%;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;background:#3d3d55;color:#72767d;font-size:13px}.result-info{padding:10px 12px}.result-info h3{font-size:14px;color:#fff;margin-bottom:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-info .year{font-size:12px;color:#72767d}.result-info p{font-size:12px;color:#8e9297;margin-top:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-info .rating{font-size:12px;color:#faa61a;margin-top:4px}.no-results{grid-column:1 / -1;text-align:center;color:#72767d;padding:40px;font-size:16px}.episode-picker{grid-column:1 / -1;background:#2d2d44;border-radius:10px;padding:20px}.episode-picker h3{color:#fff;margin-bottom:16px;font-size:18px}.episode-inputs{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.episode-inputs label{font-size:14px;color:#dcddde}.episode-inputs input{width:70px;padding:8px 10px;border-radius:6px;border:none;background:#1a1a2e;color:#fff;font-size:14px;margin-left:8px;outline:none}.episode-inputs input:focus{box-shadow:0 0 0 2px #5865f2}.episode-inputs button{padding:10px 24px;border-radius:8px;border:none;background:#5865f2;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.episode-inputs button:hover{background:#4752c4}#player-panel{display:flex;flex-direction:column;height:100vh}.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}#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{position:absolute;top:0;left:0;width:100%;height:100%;border:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2d2d44;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3d3d55}