:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0d1114;color:#edf4f1;font-synthesis:none;--muted:#92a5a8;--green:#b5efd2;--line:#2b383c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{color:inherit;cursor:pointer}button,.secondary{border:1px solid var(--line);background:#1a272b;border-radius:12px;padding:12px 17px;font-size:14px;color:inherit;text-decoration:none}button:hover,.secondary:hover{background:#263c34}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.skip{position:fixed;top:-60px;z-index:20;background:var(--green);padding:12px;color:#10281b}.skip:focus{top:10px}a{color:var(--green)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}.topbar{position:sticky;top:0;z-index:5;display:flex;gap:24px;align-items:center;padding:18px max(4vw,20px);background:#0d1114f5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:block;width:160px;flex:none}.brand img{display:block;width:100%;height:auto}.topbar nav{display:flex;align-items:center;gap:10px}.topbar nav>span{color:#668680}.topbar nav button{border:0;background:transparent;padding:12px 16px}.topbar nav button[aria-pressed=true]{background:#233c31;color:#c4f1da}.icon-button{display:grid;place-items:center;padding:10px;width:44px;height:44px;font-size:26px;flex:none}#help-button{order:4}#search-form{margin-left:auto;display:flex;align-items:center;gap:12px;background:#192329;border:1px solid var(--line);padding:10px 14px;border-radius:14px;width:min(40vw,500px);color:var(--muted)}#search-form input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#edf4f1;height:30px}#search-form:focus-within{border-color:#83ad9d}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}#clear-search{padding:0;border:0;background:transparent;font-size:27px;line-height:1;width:30px;color:var(--muted)}main{max-width:1560px;margin:auto;padding:0 max(4vw,20px) 45px}.hero{padding:54px 0 38px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 75% 25%,#14352b55,transparent 60%)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;color:#9db6ac}.hero h1{font-size:clamp(32px,3.8vw,55px);line-height:1.12;letter-spacing:-.04em;font-weight:600;margin:15px 0 20px}.hero p{color:var(--muted);font-size:16px}.catalogue-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#a4b7ae}.catalogue-label>span{color:var(--green);font-size:8px}.catalogue-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:38px 0 8px}.catalogue-heading h2{font-size:32px;font-weight:600;letter-spacing:-.025em;margin:8px 0}.catalogue-heading p{color:var(--muted);font-size:13px;margin:10px 0}.filters{display:flex;gap:10px}select{background:#182329;color:inherit;border:1px solid var(--line);border-radius:10px;padding:11px;max-width:100%;font-size:13px}.muted,#loading-note{font-size:13px;color:var(--muted);line-height:1.6}#loading-note:empty{display:none}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 20px;margin-top:22px}.card{min-width:0;border:0;padding:0;background:transparent!important;text-align:left;border-radius:14px;contain:layout}.cover{display:flex;position:relative;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#254237,#18252b 55%,#223039);align-items:center;justify-content:center}.cover img{display:block;width:100%;height:100%;object-fit:contain}.cover .placeholder{font-size:clamp(16px,1.6vw,25px);font-weight:500;line-height:1.35;letter-spacing:-.02em;text-align:center;padding:16px;color:#cfdfd6}.card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:500;line-height:20px;margin:12px 0 5px;height:40px}.card .meta{display:block;font-size:11px;color:var(--muted);height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card:hover .cover{box-shadow:0 0 0 2px #9cdab6;filter:brightness(1.06)}.empty{text-align:center;border:1px dashed var(--line);border-radius:22px;padding:65px 20px}.empty p{color:var(--muted)}.more{display:block;margin:28px auto}#before,#after{pointer-events:none}footer{border-top:1px solid var(--line);padding:24px max(4vw,20px);font-size:11px;color:var(--muted);line-height:1.7}footer>span{font-size:17px;color:#e1eee6}dialog{color:inherit;background:#162126;border:1px solid #3a4a42;border-radius:22px;width:min(92vw,680px);max-height:90dvh;padding:26px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#020606c9;backdrop-filter:blur(8px)}#details{padding:0}.close{position:absolute;top:14px;right:14px;z-index:1;background:#0b171bd9}.detail-art{height:260px;display:flex;align-items:center;justify-content:center;background:#102025}.detail-art img{height:100%;max-width:100%;object-fit:contain}.detail-art:empty{display:none}.detail-body{padding:28px}.detail-body h2{font-size:28px;letter-spacing:-.035em;line-height:1.15;margin:12px 0}.detail-body p{line-height:1.65}.primary{background:var(--green);color:#11291e;width:100%;font-weight:500;margin-top:16px;padding:15px}.primary:hover{background:#c9f6df}#episodes label{display:block;font-size:14px;margin:22px 0 12px}#season{width:100%}#episode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.episode{text-align:left;line-height:1.5}.episode small{display:block;color:var(--muted);font-size:11px}.dialog-heading{display:flex;gap:15px;justify-content:space-between;align-items:center}.dialog-heading h2{margin:0;font-weight:500}#help p{font-size:14px;line-height:1.8;color:#b5c5c0}.old-library{display:inline-block;margin:12px 0}.watch-view{position:fixed;inset:0;z-index:10;background:#05090a;overflow:auto;padding:22px max(3vw,16px)}.watch-header{display:flex;align-items:center;gap:22px;max-width:1500px;margin:auto auto 22px}.watch-header>div{flex:1}.watch-header h1{font-size:18px;letter-spacing:-.02em;font-weight:500;margin:8px 0}#embed-host{position:relative;width:100%;max-width:1500px;aspect-ratio:16/9;margin:auto;background:#000;overflow:hidden}#embed-host iframe{display:block;position:absolute;inset:0;border:0;width:100%;height:100%}#embed-host:fullscreen{width:100vw;height:100dvh;max-width:none;aspect-ratio:auto}.watch-bottom{display:flex;align-items:center;gap:12px;max-width:1500px;margin:15px auto}.watch-bottom p{flex:1;font-size:12px;color:var(--muted)}.provider-note{max-width:1500px;margin:auto;color:var(--muted);font-size:12px;line-height:1.7}.watching{overflow:hidden}@media(min-width:1600px){#embed-host{max-width:min(1500px,150vh)}}@media(max-width:1100px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.brand{width:130px}.topbar{gap:15px}.topbar nav{gap:6px}.topbar nav button{padding:11px}#search-form{gap:8px}.hero h1{font-size:40px}}@media(max-width:700px){.topbar{display:grid;grid-template-columns:auto 1fr 44px;gap:12px;padding:12px 5vw}.brand{width:118px}.topbar nav{justify-content:center;gap:6px}.topbar nav button{padding:10px 12px;font-size:13px}#help-button{order:initial}#search-form{width:100%;grid-column:1/-1;padding:9px 14px}.hero{padding:34px 0 28px}.hero h1{font-size:32px}.hero p{font-size:14px}main{padding:0 5vw 30px}.catalogue-heading{flex-wrap:wrap;padding-top:28px;gap:5px}.catalogue-heading h2{font-size:29px}.filters{width:100%;margin:8px 0}.filters select{flex:1;min-width:0;font-size:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.card strong{font-size:13px}.card .meta{font-size:10px}.detail-art{height:235px}.detail-body{padding:24px}.detail-body h2{font-size:25px}#episode-list{gap:8px}.episode{font-size:13px;padding:11px}.watch-view{padding:16px 10px}.watch-header{gap:12px;flex-wrap:wrap}.watch-header>div{order:3;flex-basis:100%}.watch-header h1{font-size:17px}.watch-header #choose-episode{margin-left:auto}.watch-bottom{flex-wrap:wrap}.watch-bottom p{flex-basis:100%}.watch-bottom button{font-size:12px;padding:10px 12px}.provider-note{font-size:11px}}@media(max-width:380px){.brand{width:88px}.topbar{column-gap:7px}.topbar nav button{padding:10px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
