:root{--bg: #0a0c12;--surface: #131622;--surface-2: #191d2c;--border: #242938;--border-strong: #303648;--text: #eceef4;--text-dim: #b9bdcc;--text-faint: #878da1;--accent: #8b6cff;--accent-strong: #7c5cff;--accent-soft: rgba(139, 108, 255, .14);--grad-accent: linear-gradient(135deg, #9370ff 0%, #6d4dff 100%);--success: #5dd28a;--warn: #f5c542;--danger: #d14545;--radius: 12px;--radius-lg: 16px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 18px rgba(0, 0, 0, .28);--shadow-2: 0 14px 34px rgba(0, 0, 0, .5);--glow: 0 0 24px rgba(139, 108, 255, .28);--ring: 0 0 0 3px rgba(139, 108, 255, .35);--ease: cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 480px at 85% -10%,rgba(139,108,255,.13),transparent 60%),radial-gradient(700px 420px at -10% -5%,rgba(58,110,255,.08),transparent 60%),radial-gradient(800px 600px at 50% 115%,rgba(139,108,255,.05),transparent 65%)}::selection{background:#8b6cff59}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}*::-webkit-scrollbar-track{background:transparent}.app{min-height:100vh;min-height:100dvh}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));background:#0a0c12b8;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.06)}.logo{display:inline-flex;align-items:center;gap:9px;font-size:22px;font-weight:800;letter-spacing:.5px;cursor:pointer;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .2s var(--ease)}.logo:hover{transform:scale(1.04)}.logo:before{content:"";width:24px;height:24px;border-radius:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center / 13px no-repeat,var(--grad-accent);box-shadow:0 2px 10px #7c5cff80}.user{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px;color:var(--text-faint)}.uname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text-dim)}.top-link{flex-shrink:0}.top-link,.settings-link{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.top-link{padding:7px 13px;border:1px solid var(--border);border-radius:999px;background:#ffffff08;transition:border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}.top-link:hover{border-color:var(--accent);background:var(--accent-soft);text-decoration:none}.settings-link:hover{text-decoration:underline}main{padding:16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-bottom:calc(24px + env(safe-area-inset-bottom));max-width:960px;margin:0 auto;animation:fade-up .35s var(--ease) both}@media (min-width: 700px){main{padding:24px}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}.center{display:flex;flex-direction:column;align-items:center;padding-top:12vh;gap:18px}.center h1{font-size:28px;font-weight:800;letter-spacing:-.3px}.card,.settings-group,.dl-row{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0a,var(--shadow-1)}.card{display:flex;flex-direction:column;gap:12px;border-radius:var(--radius-lg);padding:26px;width:100%;max-width:360px}.card label{font-size:13px;font-weight:500;color:var(--text-faint)}input{background:#0a0c12b3;border:1px solid var(--border-strong);border-radius:10px;color:var(--text);font-size:16px;padding:11px 13px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}input::placeholder{color:var(--text-faint)}input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}button{background:var(--grad-accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:11px;box-shadow:0 4px 14px #6d4dff59;transition:transform .15s var(--ease),filter .15s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0) scale(.98)}button:disabled{opacity:.5;cursor:default;box-shadow:none}button.link{background:none;box-shadow:none;color:var(--accent);font-weight:500;font-size:13px;padding:0}button.link:hover:not(:disabled){filter:none;transform:none;text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hint{color:var(--text-faint);font-size:13px;line-height:1.5}.hint a{color:var(--accent);text-decoration:none;font-weight:500}.hint a:hover{text-decoration:underline}.hint b{color:var(--text-dim)}.settings{display:flex;flex-direction:column;gap:18px;max-width:520px}.settings>h2{font-size:24px;font-weight:800;letter-spacing:-.3px}.settings-group{display:flex;flex-direction:column;gap:12px;border-radius:var(--radius-lg);padding:20px;margin-bottom:0}.settings-group h3{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-faint)}.settings-group button{align-self:flex-start;padding:9px 18px}.downloads{max-width:640px}.downloads h2{font-size:24px;font-weight:800;letter-spacing:-.3px}.dl-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dl-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.dl-row{display:flex;align-items:center;gap:12px;border-radius:var(--radius);padding:10px;transition:border-color .2s var(--ease),transform .2s var(--ease)}.dl-row:hover{border-color:var(--border-strong);transform:translateY(-1px)}.dl-thumb{flex-shrink:0;width:96px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--bg);line-height:0;box-shadow:var(--shadow-1)}.dl-thumb img{width:100%;height:100%;object-fit:cover}.dl-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.dl-title{font-weight:600;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-sub{font-size:12px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-del{flex-shrink:0;background:#ffffff0a;border:1px solid var(--border);box-shadow:none;color:var(--text-dim);border-radius:9px;font-size:13px;padding:8px 12px}.dl-del:hover{background:var(--danger);border-color:var(--danger);color:#fff;filter:none;transform:none}.settings-group.danger{border-color:#d1454559}.settings-group.danger h3{color:#ff8580}.danger-btn{background:linear-gradient(135deg,#c94f4f,#a83232);box-shadow:0 4px 14px #a832324d}.danger-btn:hover:not(:disabled){filter:brightness(1.12)}.error{color:#ff8580;font-size:14px}section{margin-bottom:36px}section h2{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:18px;font-weight:700;letter-spacing:.2px;color:var(--text-dim)}section h2:before{content:"";width:4px;height:18px;border-radius:2px;background:var(--grad-accent);box-shadow:0 0 10px #8b6cff8c}.titles{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:14px}@media (min-width: 700px){.titles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}}.cont-row{display:flex;flex-wrap:wrap;gap:18px}.cont-card{width:400px;max-width:100%;text-decoration:none;color:inherit;transition:transform .25s var(--ease)}.cont-card:hover{transform:translateY(-3px)}.cont-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg) center / cover no-repeat;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.07);box-shadow:var(--shadow-1);transition:box-shadow .25s var(--ease),border-color .25s var(--ease)}.cont-card:hover .cont-thumb{border-color:#8b6cff80;box-shadow:var(--shadow-2),var(--glow)}.cont-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a0c12e0 32%,#0a0c1226 75%),linear-gradient(0deg,rgba(10,12,18,.45),transparent 40%)}.cont-poster{position:absolute;left:14px;top:50%;transform:translateY(-50%);height:78%;aspect-ratio:2 / 3;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 18px #0000008c;z-index:2}.cont-info{position:absolute;left:34%;right:12px;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:3px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.cont-hint{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent;filter:brightness(1.35)}.cont-title{font-size:16px;font-weight:700;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cont-ep{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cont-duration{position:absolute;top:8px;right:8px;z-index:2;background:#0a0c12a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-dim);font-size:11px;padding:2px 8px}.cont-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff2e;z-index:2}.cont-bar span{display:block;height:100%;background:var(--grad-accent);box-shadow:0 0 8px #8b6cffcc}.title-card{display:flex;flex-direction:column;gap:4px;min-width:0}.title-card h3{text-transform:capitalize;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s var(--ease)}.title-card:hover h3{color:var(--accent)}.title-poster-link{position:relative;flex-shrink:0;line-height:0;border-radius:12px;transition:transform .25s var(--ease)}.title-poster-link:hover{transform:translateY(-4px) scale(1.02)}.title-poster-link:hover .title-poster{outline:2px solid var(--accent);outline-offset:-1px;box-shadow:var(--shadow-2),var(--glow)}.status-badge{position:absolute;top:7px;right:7px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:12px;line-height:1;box-shadow:0 1px 4px #0009;border:1px solid rgba(255,255,255,.25)}.status-badge.completed{background:var(--success)}.status-badge.started{background:var(--warn)}.status-label{font-size:12px}.status-label.completed{color:var(--success)}.status-label.started{color:var(--warn)}.status-label.new{color:var(--text-faint)}.title-poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:12px;background:linear-gradient(160deg,var(--surface-2),var(--bg));border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-1);transition:box-shadow .25s var(--ease)}.episodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}@media (min-width: 700px){.episodes{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.episode{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;width:auto;min-width:0;aspect-ratio:16 / 9;background-color:var(--surface-2);background-size:cover;background-position:center;border:2px solid var(--border-strong);border-radius:10px;overflow:hidden;color:var(--text);cursor:pointer;font-size:11px;font-weight:500;padding:5px 7px 8px;text-decoration:none;text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.9);box-shadow:var(--shadow-1);transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.episode:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px);filter:none;box-shadow:var(--shadow-2),var(--glow)}.episode.in-progress{border-color:var(--warn)}.episode.done{border-color:var(--success)}.episode.current{border-color:var(--accent);box-shadow:0 0 0 3px #8b6cff59,0 8px 20px #00000073}.ep-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff2e}.ep-bar span{display:block;height:100%;background:var(--grad-accent);box-shadow:0 0 6px #8b6cffcc}.now-playing{display:flex;flex-direction:column;gap:2px}.np-title{font-size:20px;font-weight:800;letter-spacing:-.2px;text-transform:capitalize}.np-ep{font-size:13px;font-weight:500;color:var(--text-faint)}.ep-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ep-heading{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:.2px;color:var(--text-dim)}.ep-heading:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--grad-accent);box-shadow:0 0 8px #8b6cff80}.ep-heading .count{font-size:12px;font-weight:500;color:var(--text-faint)}.ep-label{line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-cached{position:absolute;top:4px;left:5px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--grad-accent);border-radius:50%;color:#fff;font-size:12px;line-height:1;box-shadow:0 1px 5px #00000080}.ep-duration{position:absolute;top:4px;right:5px;background:#0a0c12b3;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-dim);font-size:10px;font-weight:400;padding:1px 6px}.badge{background:#0a0c12b3;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--warn);font-size:10px;padding:1px 6px}.badge.watched{color:var(--success)}.ep-hint{margin-bottom:8px;font-size:13px;color:var(--text-faint);font-weight:500}.seasons-scroll{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.season-chip{flex:0 0 auto;background:#ffffff0a;border:1px solid var(--border);border-radius:999px;color:var(--text-dim);cursor:pointer;font-size:13px;font-weight:500;padding:8px 15px;white-space:nowrap;box-shadow:none}.season-chip:hover:not(:disabled){border-color:var(--accent);color:#fff;filter:none;transform:none}.season-chip.current{background:var(--grad-accent);border-color:transparent;color:#fff;box-shadow:0 3px 12px #6d4dff66}.video-box{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.07);box-shadow:var(--shadow-2)}.player video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.player-controls{display:flex;flex-direction:column;gap:14px;margin-top:16px}.actions{display:flex;align-items:center;gap:14px}.actions button{padding:8px 14px;font-size:14px}.ep-nav{display:flex;justify-content:space-between;gap:10px}.nav-btn{background:#ffffff0a;border:1px solid var(--border);box-shadow:none;color:var(--text-dim);font-size:13px;font-weight:500;padding:8px 14px}.nav-btn:hover:not(:disabled){border-color:var(--accent);color:#fff;filter:none;transform:none}.nav-btn:disabled{opacity:.35}.prefs{display:flex;flex-wrap:wrap;gap:8px 20px}.check{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:16px;height:16px;margin:0;accent-color:var(--accent-strong);cursor:pointer}select{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:10px;color:var(--text);font-size:14px;padding:8px 10px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.06) 50%,transparent 75%);animation:shimmer 1.4s infinite;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skel-cont{width:400px;max-width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg)}.skel-poster{aspect-ratio:2 / 3;border-radius:12px}.skel-heading{width:180px;height:18px;border-radius:6px;margin-bottom:14px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}