*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#13131f;--surface2:#1c1c2e;--surface3:#23233a;--primary:#00c6e0;--primary-dim:#0099aa;--primary-glow:rgba(0,198,224,.15);--text:#eaeaea;--muted:#666;--radius:10px;--header:50px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#loading{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--muted)}.spinner{width:36px;height:36px;border:3px solid #222;border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#app{width:100%;height:100dvh;display:flex;flex-direction:column}.hidden{display:none!important}.app-header{display:flex;align-items:center;gap:8px;padding:0 14px;height:var(--header);padding-top:var(--safe-top);padding-left:calc(14px + var(--safe-left));padding-right:calc(14px + var(--safe-right));background:#0d0d1a;border-bottom:1px solid #1a1a2e;flex-shrink:0}.logo{font-size:1.3rem;flex-shrink:0}.header-title{flex:1;font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.search-wrap{flex:1;display:flex;align-items:center;gap:6px;background:#13131f;border:1px solid #252540;border-radius:22px;padding:0 12px;transition:border-color .2s,box-shadow .2s;min-width:0}.search-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-icon{color:var(--muted);font-size:1rem;flex-shrink:0;line-height:1}.search-wrap input{flex:1;background:none;border:none;color:var(--text);font-size:1rem;padding:8px 0;outline:none;min-width:0;-webkit-appearance:none}.search-wrap input::placeholder{color:var(--muted)}.search-wrap input::-webkit-search-cancel-button{display:none}.back-btn{background:none;border:1px solid #2a2a40;color:var(--text);border-radius:8px;padding:6px 12px;cursor:pointer;font-size:.83rem;white-space:nowrap;flex-shrink:0;transition:border-color .2s,color .2s,background .2s;min-height:36px}.back-btn:hover,.back-btn:active{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.1rem;padding:6px 8px;border-radius:8px;transition:color .2s;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.icon-btn:hover,.icon-btn:active{color:var(--text)}#view-home{display:flex;flex-direction:column;height:100%}#home-content,#search-content{overflow-y:auto;flex:1;padding:14px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(14px + var(--safe-bottom))}.section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.card{background:var(--surface2);border-radius:var(--radius);overflow:hidden;cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s}@media (hover:hover){.card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 28px #00c6e02e}}.card:active{transform:scale(.96)}.card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#111}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent 0%,#0000008c 40%,#000000eb);padding:26px 7px 7px}.card-title{font-size:.68rem;font-weight:600;line-height:1.3;color:#fff}.card-badge{display:inline-block;font-size:.57rem;padding:2px 6px;border-radius:5px;margin-top:3px;font-weight:700;letter-spacing:.3px}.badge-movie{background:#00c6e02e;color:var(--primary);border:1px solid rgba(0,198,224,.3)}.badge-series{background:#a855f72e;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.center-msg{text-align:center;color:var(--muted);padding:40px;font-size:.9rem;grid-column:1/-1}#view-seasons,#view-episodes{display:flex;flex-direction:column;height:100%}.ep-list{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:var(--safe-bottom)}.season-card{display:flex;align-items:center;gap:16px;padding:14px 18px;min-height:66px;border-bottom:1px solid #161625;cursor:pointer;transition:background .15s}.season-card:active{background:var(--surface2)}@media (hover:hover){.season-card:hover{background:var(--surface2)}}.season-num{font-size:2rem;font-weight:800;color:var(--primary);width:48px;text-align:center;flex-shrink:0;line-height:1;text-shadow:0 0 20px var(--primary-glow)}.season-name{font-size:.9rem;font-weight:600}.season-meta{font-size:.72rem;color:var(--muted);margin-top:3px}.ep-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;min-height:62px;border-bottom:1px solid #161625;cursor:pointer;transition:background .15s}.ep-item:active{background:var(--surface2)}@media (hover:hover){.ep-item:hover{background:var(--surface2)}.ep-item:hover .ep-play{color:var(--primary)}}.ep-play{width:68px;height:44px;background:var(--surface3);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.95rem;flex-shrink:0;transition:color .2s}.ep-item:active .ep-play{color:var(--primary)}.ep-info{flex:1;min-width:0}.ep-name{font-size:.83rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-meta{font-size:.68rem;color:var(--muted);margin-top:3px}.ep-overview{font-size:.7rem;color:#888;margin-top:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#view-player{height:100%}.video-wrap{height:100%;display:flex;flex-direction:column;position:relative;background:#000;overflow:hidden}.video-wrap.fullscreen{position:fixed;inset:0;z-index:999}.player-top-bar{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:0 14px;height:var(--header);padding-top:var(--safe-top);padding-left:calc(14px + var(--safe-left));padding-right:calc(14px + var(--safe-right));background:linear-gradient(to bottom,#0a0a14f2,#0a0a1499);border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:10}.player-back-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--text);border-radius:8px;padding:6px 13px;cursor:pointer;font-size:.9rem;white-space:nowrap;flex-shrink:0;transition:background .2s,border-color .2s;min-height:36px}.player-back-btn:hover,.player-back-btn:active{background:#ffffff24;border-color:#ffffff40}#now-playing-title{flex:1;font-size:.83rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffffe6}#video{flex:1;width:100%;min-height:0;object-fit:contain;display:block;background:#000}.player-bottom-bar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:8px 14px;padding-bottom:calc(8px + var(--safe-bottom));padding-left:calc(14px + var(--safe-left));padding-right:calc(14px + var(--safe-right));background:linear-gradient(to top,#0a0a14f2,#0a0a1499);border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:10}.player-bottom-left,.player-bottom-right{display:flex;align-items:center;gap:6px}.player-icon-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--text);cursor:pointer;font-size:1.15rem;border-radius:8px;padding:7px 11px;min-height:38px;min-width:44px;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.player-icon-btn:hover,.player-icon-btn:active{background:#ffffff24;border-color:#ffffff40}.track-selector{position:relative}.track-btn{display:flex;align-items:center;gap:7px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--text);border-radius:8px;padding:7px 12px;cursor:pointer;font-size:.8rem;min-height:38px;transition:background .2s,border-color .2s;white-space:nowrap}.track-btn:hover,.track-btn:active{background:#ffffff24;border-color:#ffffff40}.track-btn-icon{font-size:1rem;line-height:1}.track-chevron{font-size:.65rem;color:var(--muted);transition:transform .2s}.track-selector.open .track-chevron{transform:rotate(180deg)}.track-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#1a1a2e;border:1px solid #2a2a44;border-radius:10px;overflow:hidden;min-width:200px;max-width:280px;box-shadow:0 8px 32px #0009;z-index:100}.track-option{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;font-size:.8rem;transition:background .15s;border-bottom:1px solid #22223a}.track-option:last-child{border-bottom:none}.track-option:hover,.track-option:active{background:#00c6e01a}.track-option.active{color:var(--primary)}.track-option.active:before{content:"✓";font-weight:700;flex-shrink:0}.track-option:not(.active):before{content:"";width:12px;flex-shrink:0}.track-option-title{flex:1;font-weight:500}.track-option-meta{font-size:.7rem;color:var(--muted);white-space:nowrap}.video-error{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem;text-align:center;padding:20px}.audio-warn{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#000c;color:#ffb84d;font-size:.78rem;padding:8px 16px;border-radius:22px;display:flex;align-items:center;gap:10px;white-space:nowrap;z-index:20;backdrop-filter:blur(4px)}.audio-warn button{background:#ffb84d26;border:1px solid rgba(255,184,77,.5);color:#ffb84d;border-radius:12px;padding:3px 10px;cursor:pointer;font-size:.75rem}.tap-to-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#00000073;cursor:pointer;z-index:10}.tap-icon{width:76px;height:76px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.9rem;padding-left:4px;transition:background .2s}.tap-to-play:active .tap-icon{background:#ffffff40}.tap-label{color:#ffffffa6;font-size:.85rem;letter-spacing:.3px}@media (max-width:540px){:root{--header:48px}.app-header{padding:0 10px}.back-btn{padding:5px 10px;font-size:.8rem}.grid{grid-template-columns:repeat(3,1fr);gap:7px}#home-content,#search-content{padding:9px}.section-title{font-size:.65rem;margin-bottom:9px}.card-overlay{padding:20px 5px 5px}.card-title{font-size:.62rem}.card-badge{font-size:.54rem;padding:1px 4px}.season-card{padding:12px}.season-num{font-size:1.6rem;width:42px}.ep-item{padding:10px 12px}.ep-play{width:56px;height:38px}.ep-overview{display:none}.player-top-bar{padding:0 10px}.player-bottom-bar{padding:7px 10px}.track-btn{padding:6px 10px;font-size:.76rem}.track-menu{min-width:180px}.track-option{padding:10px 12px}.tap-icon{width:70px;height:70px;font-size:1.7rem}}@media (max-width:360px){.grid{grid-template-columns:repeat(3,1fr);gap:5px}}