:root{--bg:#0a0a0f;--bg-elevated:#14141f;--bg-card:#1a1a28;--text:#f0f0f5;--text-muted:#9898a8;--accent:#e50914;--accent-hover:#f40612;--focus-ring:#4da6ff;--radius:8px;--card-width:180px;--nav-height:72px;--safe-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.focusable:focus{outline:3px solid var(--focus-ring);outline-offset:3px;z-index:10;position:relative}.focusable:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;z-index:10;position:relative}.btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;min-width:140px;min-height:52px;padding:14px 32px;font-size:1.1rem;font-weight:600;transition:transform .15s,background .15s;display:inline-flex}.btn:active,.btn:focus{transform:scale(1.05)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover,.btn--primary:focus{background:var(--accent-hover)}.btn--secondary{color:#fff;background:rgba(255,255,255,.2)}.btn--secondary:hover,.btn--secondary:focus{background:rgba(255,255,255,.3)}.btn--ghost{color:#fff;background:rgba(0,0,0,.5);min-width:auto;padding:10px 20px}.navbar{z-index:100;padding:calc(12px + var(--safe-top)) 48px 12px;height:var(--nav-height);background:linear-gradient(rgba(10,10,15,.95) 0%,transparent 100%);align-items:center;gap:32px;display:flex;position:fixed;top:0;left:0;right:0}.navbar__brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.navbar__logo{font-size:1.8rem}.navbar__name{color:var(--accent);letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.navbar__links{flex:1;gap:8px;list-style:none;display:flex}.navbar__link{border-radius:var(--radius);color:var(--text-muted);min-height:44px;padding:10px 18px;font-size:1rem;font-weight:600}.navbar__link--active,.navbar__link:hover,.navbar__link:focus{color:var(--text);background:rgba(255,255,255,.08)}.navbar__search{border-radius:var(--radius);background:rgba(255,255,255,.1);flex-shrink:0;min-height:44px;padding:10px 20px;font-size:1rem}.hero{height:70vh;min-height:420px;max-height:720px;margin-bottom:24px;position:relative}.hero__backdrop{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero__gradient{background:linear-gradient(to top, var(--bg) 0%, rgba(10,10,15,.6) 40%, rgba(10,10,15,.2) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero__content{z-index:2;max-width:600px;position:absolute;bottom:48px;left:48px}.hero__title{text-shadow:0 2px 12px rgba(0,0,0,.8);margin-bottom:12px;font-size:max(2rem,min(5vw,3.5rem));font-weight:700}.hero__meta{color:var(--text-muted);margin-bottom:16px;font-size:1.05rem}.hero__desc{-webkit-line-clamp:3;text-shadow:0 1px 4px rgba(0,0,0,.8);-webkit-box-orient:vertical;margin-bottom:24px;font-size:1.05rem;display:-webkit-box;overflow:hidden}.hero__actions{flex-wrap:wrap;gap:16px;display:flex}.swipe-row{margin-bottom:32px;padding-left:48px}.swipe-row__header{justify-content:space-between;align-items:center;margin-bottom:12px;padding-right:48px;display:flex}.swipe-row__title{font-size:1.25rem;font-weight:700}.swipe-row__count{color:var(--text-muted);margin-left:8px;font-size:.9rem;font-weight:400}.swipe-row__nav{gap:8px;display:flex}.swipe-row__arrow{background:rgba(255,255,255,.1);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;line-height:1;display:flex}.swipe-row__arrow:hover,.swipe-row__arrow:focus{background:rgba(255,255,255,.2)}.swipe-row__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;gap:10px;padding:6px 48px 6px 0;display:flex;overflow-x:auto;overflow-y:hidden}.swipe-row__track:active{cursor:grabbing}.swipe-row__track::-webkit-scrollbar{display:none}.swipe-row__track .card{scroll-snap-align:start;flex:0 0 calc(8.33333% - 9.16667px);min-width:100px;max-width:160px}.card--skeleton{aspect-ratio:2/3;border-radius:var(--radius);background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);background-size:200% 100%;min-height:150px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.api-banner{margin:calc(var(--nav-height) + 12px) 48px 0;border:1px solid var(--accent);border-radius:var(--radius);background:rgba(229,9,20,.15);flex-direction:column;gap:6px;padding:14px 20px;font-size:.9rem;display:flex}.api-banner a{color:var(--focus-ring)}.api-banner code{background:rgba(255,255,255,.1);border-radius:4px;padding:2px 6px;font-size:.85rem}.home__stats{text-align:center;color:var(--text-muted);padding:0 48px 16px;font-size:.9rem}.loading-page{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.player__hint{color:var(--text-muted);margin-top:-8px;font-size:.9rem}.home{padding-top:var(--nav-height)}.home__rows{padding:0 0 64px}.row{margin-bottom:36px;padding-left:48px}.row__title{margin-bottom:16px;font-size:1.35rem;font-weight:700}.row__scroll{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:8px 48px 8px 0;display:flex;overflow-x:auto;overflow-y:hidden}.row__scroll::-webkit-scrollbar{display:none}.card{flex:0 0 var(--card-width);scroll-snap-align:start;text-align:left;border-radius:var(--radius);transition:transform .2s}.card:focus,.card:hover{transform:scale(1.08)}.card__poster-wrap{border-radius:var(--radius);background:var(--bg-card);aspect-ratio:2/3;position:relative;overflow:hidden}.card__poster{object-fit:cover;width:100%;height:100%}.card__progress{background:rgba(255,255,255,.2);height:4px;position:absolute;bottom:0;left:0;right:0}.card__progress-bar{background:var(--accent);height:100%}.card__title{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.card__meta{color:var(--text-muted);margin-top:2px;font-size:.78rem;display:block}.card__badge{color:#fff;background:rgba(0,0,0,.75);border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700;position:absolute;top:8px;right:8px}.poster-fallback{width:100%;height:100%;color:var(--text-muted);text-align:center;background:linear-gradient(135deg,#1a1a28 0%,#2a1a3a 100%);flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex}.poster-fallback span{color:var(--accent);margin-bottom:8px;font-size:2.5rem;font-weight:700}.poster-fallback p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.3;display:-webkit-box;overflow:hidden}.hero__tag{background:var(--accent);letter-spacing:1px;border-radius:4px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.grid-section{padding:0 48px 48px}.grid-section__title{margin-bottom:20px;font-size:1.5rem;font-weight:700}.grid-section__count{color:var(--text-muted);font-size:1rem;font-weight:400}.content-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;display:grid}.content-grid .card{flex:unset}.detail__header{align-items:flex-start;gap:32px;margin:24px 0;display:flex}.detail__poster{object-fit:cover;border-radius:var(--radius);flex-shrink:0;width:200px;height:300px}@media (min-width:1920px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.detail__poster{width:260px;height:390px}}.detail{min-height:100vh;position:relative}.detail__backdrop{object-fit:cover;opacity:.4;width:100%;height:50vh;position:absolute;top:0;bottom:0;left:0;right:0}.detail__gradient{background:linear-gradient(to bottom, transparent, var(--bg));height:50vh;position:absolute;top:0;left:0;right:0}.detail__content{z-index:2;max-width:900px;padding:48px;position:relative}.detail__title{margin:24px 0 12px;font-size:max(2rem,min(4vw,3rem))}.detail__meta{color:var(--text-muted);margin-bottom:16px}.detail__tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.detail__tag{background:var(--bg-elevated);border-radius:20px;padding:4px 12px;font-size:.85rem}.detail__desc{color:#d0d0dc;margin-bottom:28px;font-size:1.1rem;line-height:1.7}.detail__episodes{margin-top:48px}.detail__episodes h2{margin-bottom:16px;font-size:1.3rem}.episode-list{list-style:none}.episode-list__item{border-radius:var(--radius);background:var(--bg-elevated);text-align:left;align-items:center;gap:16px;width:100%;min-height:56px;margin-bottom:8px;padding:16px 20px;display:flex}.episode-list__item:focus,.episode-list__item:hover{background:var(--bg-card)}.episode-list__num{color:var(--accent);min-width:70px;font-weight:700}.episode-list__title{flex:1;font-weight:600}.episode-list__dur{color:var(--text-muted)}.player{z-index:200;background:#000;position:fixed;top:0;bottom:0;left:0;right:0}.player__iframe{z-index:2;background:#000;border:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.player__video{object-fit:contain;z-index:1;background:#000;width:100%;height:100%}.player__overlay{z-index:5;background:rgba(0,0,0,.85);flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:1.2rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.player__overlay--dim{pointer-events:none;background:rgba(0,0,0,.45)}.player__buffering{z-index:4;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player__overlay--error{color:#ff6b6b}.player__controls{opacity:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.7),transparent);align-items:center;gap:20px;padding:24px 32px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;right:0}.player__controls--visible{opacity:1;pointer-events:auto}.player__back{border-radius:var(--radius);background:rgba(0,0,0,.6);min-height:44px;padding:10px 20px;font-size:1rem}.player__title{font-size:1.2rem;font-weight:600}.search-overlay{z-index:300;background:rgba(0,0,0,.85);justify-content:center;padding-top:80px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.search{width:100%;max-width:700px;padding:0 24px}.search__input{background:var(--bg-elevated);border-radius:var(--radius);width:100%;color:var(--text);border:2px solid transparent;margin-bottom:16px;padding:18px 24px;font-size:1.3rem}.search__input:focus{border-color:var(--focus-ring);outline:none}.search__close{background:var(--bg-card);border-radius:var(--radius);margin-bottom:24px;padding:10px 20px}.search__results{flex-direction:column;gap:8px;max-height:60vh;display:flex;overflow-y:auto}.search__result{border-radius:var(--radius);text-align:left;align-items:center;gap:16px;width:100%;min-height:72px;padding:12px;display:flex}.search__result:focus,.search__result:hover{background:var(--bg-elevated)}.search__result-poster{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:72px}.search__result strong{margin-bottom:4px;display:block}.search__result span{color:var(--text-muted);font-size:.9rem}.search__empty{color:var(--text-muted);text-align:center;padding:24px}.spinner{border:4px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1920px){:root{--card-width:220px;--nav-height:88px}html{font-size:18px}.navbar{padding-left:64px;padding-right:64px}.row{padding-left:64px}.hero__content{left:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}