:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:#07080a;color:#e2e8f0}body{margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden}#root{min-height:100vh;width:100%}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d0e12}::-webkit-scrollbar-thumb{background:#1f2029;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3b4d}:root{--bg-main: #07080a;--bg-sidebar: #0b0c10;--bg-card: #12131a;--bg-input: #1a1c26;--text-main: #e2e8f0;--text-muted: #94a3b8;--accent: #8b5cf6;--accent-hover: color-mix(in srgb, var(--accent) 85%, black);--border: #1e293b;--active: color-mix(in srgb, var(--accent) 80%, white)}.player-app{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-main);color:var(--text-main);width:100%;padding:2rem 1.5rem}.player-widget-wrapper{position:relative;display:flex;width:100%;max-width:1200px;margin:0 auto;padding-left:calc(300px + 1.5rem)}.sidebar{position:absolute;top:0;bottom:0;left:0;width:300px;background-color:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;transition:all .3s ease;z-index:30}.sidebar.hidden{width:0;overflow:hidden;border-right:none}.sidebar-header{padding:1.25rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}.brand-section{display:flex;align-items:center;gap:.75rem}.brand-icon{color:var(--accent)}.brand-title{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.search-container{position:relative}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background-color:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.9rem;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #8b5cf633}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.clear-search-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{color:var(--text-main)}.controls-row{display:flex;flex-direction:column;gap:.75rem}.control-group{display:flex;align-items:center;justify-content:space-between}.control-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.toggle-buttons{display:flex;background-color:var(--bg-input);border-radius:6px;padding:2px;border:1px solid var(--border)}.toggle-btn{border:none;background:none;color:var(--text-muted);padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s ease;outline:none}.toggle-btn.active{background-color:var(--accent);color:#fff}.range-tabs{display:flex;gap:.5rem;padding:.75rem 1.25rem;overflow-x:auto;border-bottom:1px solid var(--border);background-color:#0b0c1080;flex-shrink:0}.range-tab{background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);padding:6px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;cursor:pointer;transition:all .2s ease}.range-tab:hover{border-color:var(--accent);color:var(--text-main)}.range-tab.active{background-color:#8b5cf626;border-color:var(--accent);color:var(--active)}.episode-list-container{flex-grow:1;overflow-y:auto;padding:1rem 1.25rem}.empty-state{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.9rem}.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.episode-grid-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease;color:var(--text-main)}.episode-grid-item:hover{border-color:var(--accent);background-color:#8b5cf60d}.episode-grid-item.active{background-color:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 12px #8b5cf666}.episodes-list{display:flex;flex-direction:column;gap:8px}.episode-list-item{display:flex;align-items:center;gap:.75rem;padding:10px 12px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.episode-list-item:hover{border-color:var(--accent);background-color:#8b5cf60d}.episode-list-item.active{border-color:var(--accent);background-color:#8b5cf61a}.ep-num-badge{background-color:var(--bg-input);color:var(--text-muted);padding:4px 8px;border-radius:4px;font-weight:700;font-size:.8rem;border:1px solid var(--border);min-width:32px;text-align:center;flex-shrink:0}.active .ep-num-badge{background-color:var(--accent);color:#fff;border-color:var(--accent)}.ep-title-text{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active .ep-title-text{color:var(--active)}.main-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-width:0}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background-color:var(--bg-sidebar);border-bottom:1px solid var(--border);z-index:20}.menu-toggle-btn{background:none;border:none;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:background-color .2s}.menu-toggle-btn:hover{background-color:var(--bg-input)}.ep-loader-input-group{display:flex;align-items:center;gap:.5rem}.ep-id-loader-input{background-color:var(--bg-input);border:1px solid var(--border);padding:.5rem .75rem;border-radius:6px;color:var(--text-main);font-size:.85rem;width:280px;outline:none}.ep-id-loader-input:focus{border-color:var(--accent)}.load-btn{background-color:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s}.load-btn:hover{background-color:var(--accent-hover)}.player-container{width:100%;display:flex;flex-direction:column;gap:1.25rem;z-index:10}.player-container.expanded{max-width:100%}.video-wrapper{width:100%;aspect-ratio:16/9;background-color:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;border:1px solid var(--border);position:relative}.video-wrapper.theater-active{z-index:50;box-shadow:0 0 40px #8b5cf633}.iframe-player{width:100%;height:100%;border:none}.player-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:linear-gradient(135deg,#090a0f,#141622);color:var(--text-muted)}.placeholder-icon{animation:pulse 2s infinite ease-in-out;color:var(--accent)}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.6}}.video-controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;background-color:var(--bg-sidebar);border:1px solid var(--border);padding:1rem 1.25rem;border-radius:10px}.switches-group{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.custom-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:500;color:var(--text-muted);transition:color .2s}.custom-switch:hover{color:var(--text-main)}.switch-checkbox{display:none}.switch-track{width:36px;height:20px;background-color:var(--bg-input);border:1px solid var(--border);border-radius:10px;position:relative;transition:all .2s ease}.switch-thumb{width:14px;height:14px;background-color:var(--text-muted);border-radius:50%;position:absolute;top:2px;left:2px;transition:all .2s ease}.switch-checkbox:checked+.switch-track{background-color:var(--accent);border-color:var(--accent)}.switch-checkbox:checked+.switch-track .switch-thumb{left:18px;background-color:#fff}.navigation-buttons{display:flex;align-items:center;gap:.75rem}.nav-btn{background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-main);padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.nav-btn:hover:not(:disabled){border-color:var(--accent);background-color:#8b5cf60d}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.video-watching-banner{background-color:#8b5cf60d;border:1px dashed rgba(139,92,246,.3);padding:1rem 1.25rem;border-radius:10px;font-size:.9rem;line-height:1.5;color:var(--text-main)}.anime-highlight{color:var(--active);font-weight:700}.servers-panel{background-color:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:1.25rem}.servers-panel-title{font-size:1.05rem;font-weight:700;margin:0;border-left:3px solid var(--accent);padding-left:.75rem}.server-group{display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:1rem}.server-group:last-child{border-bottom:none;padding-bottom:0}.server-group-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.server-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.server-btn{background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.server-btn:hover{border-color:var(--accent);color:var(--text-main)}.server-btn.active{background-color:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 10px #8b5cf64d}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#07080ad9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.1);border-top-color:var(--accent);border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;max-width:500px;margin:4rem auto}.error-title{color:#ef4444;font-weight:700;font-size:1.25rem;margin:0}.error-message{color:var(--text-muted);font-size:.9rem;margin:0;line-height:1.5}.retry-btn{background-color:#ef4444;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity .2s}.retry-btn:hover{opacity:.9}.lights-out-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000ed;z-index:40;pointer-events:none;opacity:0;transition:opacity .3s ease}.lights-out-overlay.active{opacity:1;pointer-events:auto}@media(max-width:900px){.player-widget-wrapper{padding-left:0;flex-direction:column;gap:1rem}.sidebar{position:relative;width:100%;height:400px;top:auto;bottom:auto;left:auto}}