*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;background:#0f0f1a;color:#dcddde;overflow:hidden;height:100%;width:100%}#app{height:100%;width:100%;display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}#loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;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)}}.nav-tabs{display:flex;gap:0;background:#16162a;border-bottom:1px solid #2d2d44;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{padding:12px 16px;border:none;background:none;color:#72767d;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;border-bottom:2px solid transparent}.nav-tab:hover{color:#dcddde;background:#1a1a30}.nav-tab.active{color:#fff;border-bottom-color:#5865f2}#main-panel{display:flex;flex-direction:column;height:100%;flex:1}.tab-content{flex:1;overflow-y:auto;padding:16px}.tab-pane{display:none}.tab-pane.active{display:block}.search-bar{display:flex;gap:8px;margin-bottom:16px;position:sticky;top:0;z-index:5;background:#0f0f1a;padding-bottom:8px}.search-bar input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid #2d2d44;background:#16162a;color:#fff;font-size:14px;outline:none}.search-bar input::placeholder{color:#72767d}.search-bar input:focus{border-color:#5865f2}.search-bar button{padding:10px 16px;border-radius:8px;border:none;background:#5865f2;color:#fff;font-size:15px;cursor:pointer;transition:background .15s}.search-bar button:hover{background:#4752c4}.search-bar button:disabled{background:#3d3d55;cursor:not-allowed}.home-section{margin-bottom:24px}.home-section-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:8px}.home-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.home-card{flex-shrink:0;width:130px;cursor:pointer;transition:transform .15s;border-radius:8px;overflow:hidden}.home-card:hover{transform:scale(1.05)}.home-card img{width:130px;height:195px;object-fit:cover;background:#2d2d44;border-radius:8px}.home-card-title{font-size:11px;padding:6px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.home-card-meta{font-size:10px;color:#72767d;text-align:center;padding:0 4px 4px}.home-loading,.history-loading{text-align:center;padding:40px;color:#72767d}.results-area{min-height:200px}.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}.result-synopsis{font-size:11px;color:#72767d;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quality-options,.episode-grid{display:flex;flex-wrap:wrap;gap:6px}.quality-btn,.episode-btn,.torrent-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,.torrent-btn:hover{background:#4752c4}.quality-meta{font-size:10px;opacity:.8}.episode-grid{max-height:150px;overflow-y:auto}.search-loading,.search-empty,.search-error{text-align:center;padding:24px;color:#72767d;font-size:13px}.search-error{color:#ed4245}.history-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#16162a;border-radius:8px;margin-bottom:8px}.history-item img{width:40px;height:60px;object-fit:cover;border-radius:4px;background:#2d2d44}.history-info{flex:1;min-width:0}.history-title{font-size:13px;font-weight:500}.history-meta{font-size:11px;color:#72767d}.history-badge{font-size:10px;padding:2px 6px;border-radius:4px;background:#2d2d44;color:#b9bbbe;text-transform:uppercase}.history-empty{text-align:center;padding:40px;color:#72767d}.advanced-section{padding:8px 16px;border-top:1px solid #2d2d44;flex-shrink:0;background:#16162a}.advanced-toggle{font-size:12px;color:#72767d;cursor:pointer;list-style:none}.advanced-toggle:hover{color:#b9bbbe}.advanced-toggle::-webkit-details-marker{display:none}.magnet-bar{display:flex;gap:8px;margin-top:8px}.magnet-bar input{flex:1;padding:8px 12px;border-radius:6px;border:none;background:#2d2d44;color:#fff;font-size:12px;font-family:monospace;outline:none}.magnet-bar input:focus{box-shadow:0 0 0 2px #5865f2}.magnet-bar button{padding:8px 16px;border-radius:6px;border:none;background:#57f287;color:#1a1a2e;font-size:13px;font-weight:700;cursor:pointer}.magnet-bar button:hover{background:#3ba55d}#player-panel{display:flex;flex-direction:column;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;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:100%}#back-btn{padding:6px 14px;border-radius:6px;border:none;background:#2d2d44;color:#dcddde;font-size:13px;cursor:pointer}#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}.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}.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}#stream-status{padding:12px 20px;background:#16162a;font-size:14px;color:#dcddde;text-align:center}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2d2d44;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3d3d55}