:root{color-scheme:dark;--bg:#1c1d1f;--panel:#151618;--muted:#929397;--text:#f1f1f2;--gold:#e8ae27;--line:#ffffff10}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{color:inherit}button,input,select{border:0}button{background:none}input,select{background:#ffffff08;border:1px solid #ffffff15;color:var(--text);border-radius:6px;padding:12px}button:hover{color:white}i{display:inline-block;width:7px;height:7px;background:#74c99b;border-radius:50%;flex-shrink:0}.wordmark{font-size:30px;font-weight:750;letter-spacing:-1.5px;white-space:nowrap}.wordmark span{color:var(--gold);font-size:40px;line-height:0;vertical-align:-2px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:650;color:var(--gold)}header{height:76px;position:fixed;inset:0 0 auto;z-index:10;background:#101113f5;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 26px}.icon{font-size:23px;width:36px;height:36px;border-radius:6px;color:#a6a7a9;display:inline-grid;place-items:center;flex-shrink:0}.icon:hover{background:#ffffff10}.searchbox{display:flex;align-items:center;gap:12px;margin-left:45px;max-width:420px;width:34%;color:#949598}.searchbox>span{font-size:27px}.searchbox input{border:0;background:none;padding:8px 0;min-width:0;width:100%;font-size:13px}.searchbox kbd{border:1px solid #ffffff20;border-radius:4px;padding:0 6px;font-size:11px}.header-right{margin-left:auto;display:flex;gap:22px;align-items:center}.server-indicator{color:#aaa;font-size:12px;display:flex;align-items:center;gap:8px}.avatar{background:#56462b;border:1px solid #bd924646;width:34px;height:34px;border-radius:50%;color:#f3d18a;font-weight:600}aside{position:fixed;left:0;top:76px;bottom:0;width:235px;background:linear-gradient(130deg,#191a1c,#151618);padding:29px 12px;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:9}.side-label{font-size:10px;letter-spacing:1.8px;color:#696b70;padding:0 15px 17px}nav{overflow:auto}nav a{display:flex;gap:15px;align-items:center;padding:12px 16px;margin-bottom:5px;border-radius:5px;color:#b0b1b4;position:relative;font-size:13px}nav a:hover{background:#ffffff05}nav a.active{background:#e8ae2710;color:var(--gold)}nav a.active:before{content:'';position:absolute;left:-12px;top:4px;bottom:4px;width:3px;background:var(--gold)}.nav-icon{font-size:22px;width:23px;line-height:1;text-align:center}.nav-divider{height:1px;background:var(--line);margin:20px 15px}.sidebar-bottom{margin-top:auto;padding:25px 15px 0;overflow-wrap:anywhere}.connection{display:flex;align-items:center;gap:9px;color:#b5b7bb;font-size:12px}.sidebar-bottom small{display:block;color:#616368;font-size:10px;margin:6px 0 18px}.sidebar-bottom a{font-size:11px;color:#888b90}main{margin:76px 0 0 235px;padding:32px 40px 70px;min-height:calc(100vh - 76px);background:radial-gradient(ellipse at 45% 0,#2c2b292c,transparent 60%)}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.breadcrumb{color:#8e9094;font-size:12px}.page-top h1{font-size:27px;letter-spacing:-.7px;margin:5px 0 0;font-weight:650}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:0 0 30px}.tabs button{padding:0 2px 13px;color:#929397;font-size:13px}.tabs button.active{color:var(--gold);border-bottom:2px solid var(--gold)}.section{margin-bottom:34px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.section h2{font-size:20px;letter-spacing:-.3px;font-weight:650;margin:0}.row-controls{display:flex;gap:4px}.row-controls button{font-size:24px;width:28px;height:28px;color:#818388}.poster-row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(135px,12.7vw,183px);gap:23px;overflow:auto;padding:5px 4px 12px;margin:-5px -4px 0;scrollbar-width:thin;scrollbar-color:#555 transparent}.card{display:block;text-align:left;padding:0;min-width:0;cursor:pointer}.poster{aspect-ratio:2/3;border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(135deg,#343638,#242528);box-shadow:0 5px 15px #0003;transition:transform .18s,box-shadow .18s}.poster img{width:100%;height:100%;object-fit:cover;display:block}.card:hover .poster,.card:focus-visible .poster{transform:translateY(-3px);box-shadow:0 0 0 2px var(--gold),0 7px 20px #0006}.poster .play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0005;opacity:0;transition:opacity .18s}.card:hover .play-overlay{opacity:1}.play-overlay span{width:46px;height:46px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:22px;padding-left:3px}.poster .fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:16px;color:#999;font-size:20px;font-weight:600}.progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0007}.progress span{height:100%;display:block;background:var(--gold)}.watched{position:absolute;right:0;top:0;padding:0 7px;background:var(--gold);color:#161719;border-radius:0 0 0 5px;font-size:15px}.card-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#dedfe1;margin-top:11px}.card-sub{color:#828489;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;margin-top:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:28px 24px}.toolbar{display:flex;gap:13px;align-items:center}.toolbar select{padding:7px 11px;font-size:12px}.count{color:#73757a;font-size:12px}.empty{border:1px dashed #ffffff1a;border-radius:8px;padding:35px;color:#93959a;text-align:center}.empty h3{color:#ddd;font-weight:500}.primary{background:var(--gold);color:#191919;border-radius:5px;padding:11px 22px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:14px}.primary:hover{background:#f4c24e;color:#111}.subtle{background:#ffffff0b;padding:10px 17px;border-radius:5px;color:#ccc}.subtle:hover{background:#ffffff16}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.load-more{display:block;margin:30px auto}.skeleton{height:280px;background:linear-gradient(100deg,#ffffff03,#ffffff08,#ffffff03);background-size:200% 100%;border-radius:6px;animation:shimmer 1.4s infinite}.loading-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}@keyframes shimmer{to{background-position:-200% 0}}dialog{border:1px solid #ffffff12;color:var(--text);background:#1d1e21;padding:0;border-radius:12px;max-height:92vh;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}#details{width:min(1000px,94vw)}.close{position:absolute;top:16px;right:16px;z-index:3;background:#171719aa;color:white;border-radius:50%}.detail-hero{min-height:390px;position:relative;display:flex;align-items:flex-end;padding:40px;isolation:isolate;background:#27292c}.detail-hero>.backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.55}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1d1e21,transparent 120%),linear-gradient(90deg,#1d1e21c9,transparent);z-index:-1}.detail-hero h1{font-size:36px;line-height:1.15;letter-spacing:-1px;max-width:700px;margin:12px 0}.metadata{color:#b0b2b6;font-size:12px;display:flex;gap:15px;flex-wrap:wrap;margin:15px 0 23px}.detail-body{padding:0 40px 35px}.overview{max-width:760px;color:#b8b9bd;line-height:1.8;font-size:14px;margin:0 0 25px}.genres{color:#7d8086;font-size:12px;margin-bottom:25px}.episode-list{display:grid;gap:8px;margin-top:18px}.episode{display:flex;align-items:center;gap:20px;text-align:left;padding:12px;border-radius:6px;background:#ffffff04}.episode:hover{background:#ffffff0b}.episode img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.episode .episode-info{flex:1}.episode small{color:#909298}.episode .episode-play{font-size:20px;color:var(--gold)}#player{width:min(1200px,96vw);background:#101113}.player-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 25px}.player-heading small{color:var(--gold);font-size:9px;letter-spacing:2px}.player-heading h3{margin:3px 0;font-size:16px}video{width:100%;max-height:68vh;display:block;background:black}#player-options{display:flex;align-items:center;gap:20px;padding:15px 25px;flex-wrap:wrap;font-size:12px;color:#999}#player-options select{padding:6px;max-width:220px;margin-left:5px}#playback-mode{margin-left:auto;font-size:11px;color:#777}#player-error{padding:0 25px;color:#edb5a6}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:#17181a}.login-art{padding:40px 55px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 70%,#60512466,transparent 65%),linear-gradient(130deg,#252627,#18191b)}.login-copy{position:relative;z-index:1;margin-top:23vh}.login-copy h1{font-size:clamp(35px,4vw,62px);font-weight:600;line-height:1.12;letter-spacing:-2px;margin:20px 0}.login-copy p{color:#a5a5a4;line-height:1.9;margin-bottom:35px}.art-ring{width:600px;height:600px;border:1px solid #ffffff07;position:absolute;bottom:-320px;right:-250px;border-radius:50%;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff02}.login-form{width:min(360px,80%);margin:auto;padding:60px 0}.login-form h2{font-size:25px;letter-spacing:-.6px;margin-bottom:7px}.login-form>p{color:#818388;font-size:13px;margin-bottom:30px}.login-form label:not(.check){display:grid;gap:8px;margin-bottom:20px;font-size:12px;color:#b5b6b9}.login-form input:focus{outline:1px solid var(--gold)}.check{display:flex;align-items:center;gap:9px;font-size:12px;color:#919398;margin-bottom:25px}.check input{accent-color:var(--gold)}.login-form .primary{width:100%;justify-content:space-between}.login-foot{font-size:9px;letter-spacing:1.5px;color:#686a70;margin-top:50px;border-top:1px solid var(--line);padding-top:20px}.login-foot span{display:block;margin-top:8px;color:#96989d;font-size:11px;letter-spacing:.5px}#login-error{color:#efb5a6;min-height:20px;margin-top:15px;margin-bottom:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#353639;color:white;box-shadow:0 5px 25px #0005;border-radius:6px;z-index:100}.account-panel{display:grid;gap:20px;max-width:450px}.account-panel p{color:#999}.nav-collapsed aside{display:none}.nav-collapsed main{margin-left:0}[hidden]{display:none!important}@media(min-width:1800px){.poster-row{grid-auto-columns:180px}}@media(max-width:1000px){aside{width:195px}main{margin-left:195px;padding:28px 25px}.header-right{gap:10px}.searchbox{margin-left:12px}.server-indicator{display:none}.poster-row{grid-auto-columns:145px;gap:20px}.loading-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){header{padding:0 14px;gap:12px;height:64px}.wordmark{font-size:25px}.searchbox{margin-left:4px;flex:1;width:auto}.searchbox kbd{display:none}.searchbox input{font-size:12px}.header-right{gap:3px}#refresh{display:none}aside{top:64px;width:210px;box-shadow:20px 0 50px #0006}main{margin:64px 0 0;padding:25px 20px}.nav-collapsed main{margin-left:0}.login-shell{grid-template-columns:1fr}.login-art{padding:25px 30px}.login-copy{margin-top:45px}.login-copy h1{font-size:35px}.login-copy p{display:none}.login-copy .connection{margin:25px 0}.login-form{padding:40px 0}.page-top{gap:15px}.page-top h1{font-size:23px}.toolbar{flex-direction:column;align-items:flex-end;gap:4px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px}.detail-hero{padding:30px 23px;min-height:340px}.detail-hero h1{font-size:28px}.detail-body{padding:0 23px 25px}.episode img{width:85px}.episode{gap:12px}.loading-grid{grid-template-columns:repeat(2,1fr)}#player-options{gap:10px;padding:12px}.server-indicator{display:none}}
#ratings-settings{border-top:1px solid var(--line);padding-top:18px;margin-top:12px}#ratings-settings h3{font-size:16px;font-weight:600}#ratings-key-form{display:grid;gap:10px}#ratings-key-form label{font-size:12px;color:#aaa}#ratings-settings a{color:var(--gold)}#ratings-settings-status{color:#d5b878}
/* Rows remain scrollable using arrows, touch, trackpad, and keyboard. */
.poster-row{scrollbar-width:none;-ms-overflow-style:none}.poster-row::-webkit-scrollbar{display:none}