.cf-page{min-height:100dvh;background:hsl(var(--background));color:hsl(var(--foreground));padding-bottom:112px}
.cf-main{max-width:1600px;margin:auto;padding:96px 40px 32px;min-width:0}
.cf-tabs{display:flex;gap:8px;margin-bottom:32px;overflow-x:auto;padding:4px 2px;scrollbar-width:none}
.cf-tabs a{display:flex;align-items:center;white-space:nowrap;padding:10px 20px;border:1px solid hsl(var(--border));border-radius:999px;color:#a1a1aa;font-size:13px;font-weight:650;min-height:44px;background:hsl(var(--card));transition:color .2s,border-color .2s}
.cf-tabs a:hover{color:#fff;border-color:hsl(var(--primary)/.5)}
.cf-tabs [aria-current=page]{background:linear-gradient(135deg,#7c3aed,#c084fc);color:#fff;border-color:transparent}
.cf-hero{margin-bottom:26px}
.cf-eyebrow{font-size:10px;font-weight:850;letter-spacing:.18em;color:hsl(var(--primary));margin-bottom:7px}
.cf-hero h1{font-size:clamp(30px,4vw,44px);line-height:1.1;font-weight:850;letter-spacing:-.03em}
.cf-subtitle{color:#a1a1aa;font-size:14px;line-height:1.65;margin-top:12px}
.cf-search{position:relative;max-width:672px;margin:28px 0 32px}
.cf-search>svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#71717a;pointer-events:none}
.cf-search input{display:block;width:100%;min-height:56px;border:1px solid hsl(var(--input));border-radius:16px;background:hsl(var(--card));padding:15px 16px 15px 48px;color:#fff;font-size:16px;outline:none}
.cf-search input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary))}
.cf-search input::placeholder{color:#71717a}
.cf-ready-filter{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));color:#d4d4d8;font-size:13px;font-weight:600;cursor:pointer}
.cf-ready-filter input{width:18px;height:18px;accent-color:#a78bfa}
.cf-readiness{display:block;margin-top:8px;color:#a1a1aa;font-size:11px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.cf-readiness--ready{color:#6ee7b7}
.cf-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cf-results-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:26px 0 20px}
.cf-results-head h2{font-size:24px;font-weight:800;letter-spacing:-.025em;line-height:1.25}
.cf-results-head>span,.cf-episodes__heading>span{font-size:13px;color:#71717a}
.cf-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 18px}
.cf-card{display:block;min-width:0;border-radius:16px;text-decoration:none}
.cf-card h3{font-size:13px;line-height:1.5;font-weight:500;color:#d4d4d8;margin:10px 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cf-card p{color:#71717a;font-size:11px;line-height:1.5}
.cf-art{position:relative;isolation:isolate;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:16px;background:hsl(var(--card));box-shadow:0 8px 30px #0008;transition:transform .25s,box-shadow .25s}
.cf-art>img{display:block;width:100%;height:100%;object-fit:cover}
.cf-art__fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;padding:16px;text-align:center;color:#71717a;border:1px solid hsl(var(--border));border-radius:inherit;background:linear-gradient(180deg,#18181d,#111114)}
.cf-art__fallback>svg{width:32px;height:32px;flex-shrink:0}
.cf-art__fallback-title{color:#a1a1aa;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cf-art__fallback-label{font-size:10px;line-height:1.3;color:#71717a}
.cf-art__play{position:absolute;inset:0;display:grid;place-items:center;background:#0007;opacity:0;transition:opacity .2s}
.cf-art__play svg{height:40px;width:40px;fill:#fff;color:#fff}
.cf-card:hover .cf-art,.cf-card:focus-visible .cf-art{transform:scale(1.035);box-shadow:0 0 24px -6px #7c3bed8c}
.cf-card:hover .cf-art__play,.cf-card:focus-visible .cf-art__play{opacity:1}
.cf-skeleton{aspect-ratio:2/3;border-radius:16px;background:hsl(var(--card));animation:cf-loading 1.5s ease-in-out infinite alternate}
@keyframes cf-loading{to{background:hsl(var(--secondary))}}
.cf-message{text-align:center;padding:32px 15px;color:#a1a1aa;font-size:14px;line-height:1.6}
.cf-message .cf-button{margin-top:18px}
.cf-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:1px solid #ffffff1a;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:700;background:#ffffff12;color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.cf-button>svg{width:20px;height:20px;flex-shrink:0}
.cf-button:disabled{opacity:.35;cursor:default}
.cf-button:hover:not(:disabled){background:#ffffff24}
.cf-button--primary{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#c084fc);box-shadow:0 0 24px -6px #7c3bed8c;padding:14px 28px;font-size:16px}
.cf-button--primary>svg{fill:#fff}
.cf-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#c084fc);transform:scale(1.025)}
.cf-button[aria-pressed=true]>svg{color:hsl(var(--primary))}
.cf-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:40px 0}
.cf-pagination span{font-size:12px;color:#a1a1aa;text-align:center}
.cf-detail{position:relative;isolation:isolate;overflow:hidden;margin:0 -40px;padding:6px 40px 38px}
.cf-art--backdrop{position:absolute;z-index:-2;inset:-60px -15px 0;aspect-ratio:auto;border-radius:0;box-shadow:none;background:transparent;pointer-events:none}
.cf-art--backdrop>img{filter:blur(28px) brightness(.28);transform:scale(1.16)}
.cf-detail::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,hsl(var(--background)) 0%,hsl(var(--background)/.55) 55%,hsl(var(--background)/.2) 100%);pointer-events:none}
.cf-back{display:inline-flex;align-items:center;gap:6px;min-height:40px;border-radius:999px;background:#0006;padding:8px 12px;margin-bottom:22px;font-size:13px;color:#d4d4d8}
.cf-back>svg{width:16px;height:16px}
.cf-back:hover{background:#0009;color:#fff}
.cf-detail__content{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:end;gap:28px}
.cf-art--detail{width:240px;box-shadow:0 8px 30px #0008;outline:1px solid #ffffff1a}
.cf-detail__text{min-width:0;padding-bottom:3px}
.cf-detail h1{font-size:clamp(32px,3.5vw,48px);font-weight:850;line-height:1.1;letter-spacing:-.025em;overflow-wrap:anywhere}
.cf-detail__mobile-title{display:none}
.cf-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cf-badge{display:inline-flex;align-items:center;border-radius:6px;padding:5px 8px;background:#ffffff12;color:#d4d4d8;font-size:12px;line-height:1.4;border:1px solid #ffffff1a}
.cf-badge--primary{background:hsl(var(--primary)/.2);border-color:hsl(var(--primary)/.3);color:#c4a1ff;font-weight:650}
.cf-synopsis{max-width:672px;font-size:14px;line-height:1.7;color:#d4d4d8;margin-top:18px}
.cf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.cf-note{font-size:12px;color:#a1a1aa;margin-top:16px}
.cf-episodes{padding-top:8px}
.cf-episodes .cf-results-head{margin-top:20px;align-items:end}
.cf-episodes__heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.cf-season{display:flex;align-items:center;gap:10px;font-size:12px;color:#a1a1aa}
.cf-season select{min-height:44px;max-width:100%;background:hsl(var(--card));color:#e4e4e7;padding:10px 12px;border:1px solid hsl(var(--border));border-radius:10px;font-size:13px}
.cf-episode-ranges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.cf-episode-ranges button{min-height:40px;border-radius:12px;border:1px solid hsl(var(--border));background:hsl(var(--card));padding:8px 16px;color:#a1a1aa;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.cf-episode-ranges button[aria-pressed=true]{border-color:hsl(var(--primary)/.7);background:hsl(var(--primary)/.2);color:#fff;box-shadow:0 8px 24px -14px #7c3aed}
.cf-episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cf-episode{display:grid;grid-template-columns:108px minmax(0,1fr);min-height:116px;min-width:0;overflow:hidden;border:1px solid hsl(var(--border));border-radius:16px;background:hsl(var(--card));transition:transform .2s,border-color .2s,background .2s}
.cf-episode:hover{transform:translateY(-2px);border-color:hsl(var(--primary)/.55);background:#ffffff0e}
.cf-episode--current{border-color:hsl(var(--primary)/.8);background:hsl(var(--primary)/.15);box-shadow:0 18px 42px -28px #7c3aed}
.cf-episode--watched{border-color:hsl(var(--primary)/.15)}
.cf-episode__cover{position:relative;min-height:116px;overflow:hidden;background:#09090b}
.cf-art--episode{position:absolute;inset:0;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;opacity:.55}
.cf-art--episode>img{transform:scale(1.08)}
.cf-art--episode .cf-art__fallback{border:0;border-radius:0;padding:10px}
.cf-art--episode .cf-art__fallback-title,.cf-art--episode .cf-art__fallback-label{display:none}
.cf-episode__shade{position:absolute;inset:0;background:linear-gradient(0deg,#000e,#0005 65%,#0002)}
.cf-episode__number{position:absolute;inset:auto 0 8px;text-align:center;color:#fff;font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}
.cf-episode__number>svg{width:28px;height:28px;margin:auto;fill:currentColor}
.cf-episode__body{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 16px}
.cf-episode__info{min-width:0;flex:1}
.cf-episode strong{display:block;font-size:15px;font-weight:750;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cf-episode__title{display:block;font-size:11px;color:#a1a1aa;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-episode__duration{display:flex;align-items:center;gap:6px;color:#a1a1aa;font-size:12px;margin-top:5px}
.cf-episode__duration>svg{width:14px;height:14px}
.cf-episode__status{display:block;font-size:11px;font-weight:650;color:#71717a;margin-top:8px}
.cf-episode--current .cf-episode__status{color:#c4a1ff}
.cf-episode--watched .cf-episode__status{color:#34d399}
.cf-episode__play{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff26;background:#0004;color:#fff}
.cf-episode__play>svg{width:16px;height:16px;fill:currentColor}
.cf-episode--watched .cf-episode__play{color:#34d399;background:#34d3991a;border-color:#34d39940}
.cf-episode--watched .cf-episode__play>svg{fill:none}
.cf-progress{appearance:none;display:block;width:100%;height:4px;border:0;border-radius:99px;margin-top:9px;overflow:hidden;background:#ffffff1a;color:#a78bfa}
.cf-progress::-webkit-progress-bar{background:#ffffff1a;border-radius:99px}
.cf-progress::-webkit-progress-value{background:linear-gradient(135deg,#7c3aed,#c084fc);border-radius:99px}
.cf-progress::-moz-progress-bar{background:linear-gradient(135deg,#7c3aed,#c084fc);border-radius:99px}
.cf-page a:focus-visible,.cf-page button:focus-visible,.cf-page select:focus-visible{outline:2px solid #c4a1ff;outline-offset:4px}
.cf-credit{margin-top:8px;font-size:11px;color:#71717a}.cf-credit a{color:#a1a1aa;text-decoration:underline;text-underline-offset:3px}.cf-credit a:hover{color:#c4a1ff}
.bottom-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.cf-mobile-icon{width:22px;height:22px}
.cf-home-entry{display:flex;gap:12px;align-items:center;margin:0 4%;padding:18px 22px;border:1px solid hsl(var(--primary)/.3);border-radius:16px;background:hsl(var(--primary)/.1);color:#eee}
.cf-home-entry strong{font-weight:750}.cf-home-entry span{font-size:13px;color:#a1a1aa}.cf-home-entry b{margin-left:auto}
@media(min-width:1440px){.cf-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(min-width:1536px){.cf-episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){.cf-page{padding-bottom:40px}.app-navbar__pill{gap:0}.app-navbar__link{padding-left:13px;padding-right:13px}}
@media(max-width:1199px){.cf-episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-episode{grid-template-columns:92px minmax(0,1fr)}}
@media(max-width:1023px){.cf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cf-main{padding-left:24px;padding-right:24px}.cf-detail{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.cf-detail__content{grid-template-columns:200px minmax(0,1fr);gap:24px}.cf-art--detail{width:200px}}
@media(max-width:767px){.cf-main{padding:84px 16px 24px}.cf-tabs{margin-bottom:24px}.cf-hero h1{font-size:32px}.cf-detail{margin-left:-16px;margin-right:-16px;padding:0 16px 24px}.cf-detail__content{grid-template-columns:128px minmax(0,1fr);gap:18px 16px;align-items:end}.cf-art--detail{width:128px}.cf-detail__mobile-title{display:block!important;font-size:25px!important;line-height:1.2!important}.cf-detail__desktop-title{display:none}.cf-detail__text{grid-column:1/-1}.cf-badges{margin-top:0}.cf-actions{margin-top:18px}.cf-button--primary{padding:13px 21px}.cf-note{margin-top:12px}.cf-back{margin-bottom:18px}}
@media(max-width:639px){.cf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.cf-search{margin:24px 0}.cf-results-head h2{font-size:22px}.cf-subtitle{font-size:13px}.cf-episode-grid{grid-template-columns:1fr}.cf-episode{grid-template-columns:92px minmax(0,1fr)}.cf-pagination{gap:10px}.cf-pagination .cf-button{padding:10px 14px;font-size:12px}.cf-home-entry{flex-wrap:wrap}.cf-home-entry span{display:none}.cf-tabs a{padding:10px 16px}.bottom-tab{font-size:10px}.cf-season{width:100%;justify-content:space-between}.cf-season select{flex:1;max-width:220px}}
@media(prefers-reduced-motion:reduce){.cf-page *{animation:none!important;transition:none!important}.cf-card:hover .cf-art,.cf-card:focus-visible .cf-art,.cf-episode:hover,.cf-button--primary:hover{transform:none}}