*{box-sizing:border-box} :root{color-scheme:dark;--bg:#0b0e15;--panel:#151b28;--line:#273044;--muted:#8d9ab4;--blue:#347cf6;--text:#f5f7fb}
body{margin:0;background:radial-gradient(ellipse at 12% 0,#111c35 0,transparent 45%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}
.page{width:min(1320px,calc(100% - 48px));margin:26px auto 20px}.disclaimer{border:1px solid #80313e;border-left:4px solid #ff4658;border-radius:12px;background:linear-gradient(100deg,#281a23,#1b151d);text-align:center;padding:17px 28px;margin-bottom:24px}.notice-icon{display:none}.disclaimer h2{font-size:13px;color:#ff5263;margin:0 0 6px}.disclaimer p{color:#c0c6d4;font-size:12px;margin:0 auto;max-width:940px}
.layout{display:grid;grid-template-columns: minmax(240px, .9fr) minmax(350px,1.1fr) minmax(270px,.9fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:570px;background:var(--panel)}
.brand-panel{padding:38px 30px 28px;background:linear-gradient(160deg,#0e1a36,#11182c);display:flex;flex-direction:column;align-items:center;text-align:center}.brand-icon{width:64px;height:64px;border-radius:18px;background:#1b2945;border:1px solid #34435e;display:grid;place-items:center;font-size:29px;margin-bottom:12px}.brand-icon span{color:#fff}.brand-panel h1{font-size:24px;letter-spacing:-.7px;margin:0}.brand-panel h1 em{font-style:normal;color:#4487ff}.eyebrow{font-size:11px;letter-spacing:2px;color:#8998b8;font-weight:800;margin:7px 0 22px}.tagline{max-width:240px;color:#a5b2cc;margin:0 0 40px}.brand-panel ul{align-self:stretch;list-style:none;text-align:left;padding:0;margin:0 auto}.brand-panel li{font-size:12px;color:#c4cee0;margin:11px 0}.brand-panel li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#0d493e;color:#31d8a1;font-weight:900;margin-right:9px}.brand-panel small{margin-top:auto;padding-top:45px;color:#607091;font-size:10px}
.connect-panel{padding:34px 30px;border-left:1px solid #202a3c;border-right:1px solid #202a3c}.connect-panel h2{font-size:22px;margin:0 0 2px}.muted{color:var(--muted);margin:0 0 22px}.connect-panel label{display:block;color:#a9b5ca;font-size:10px;font-weight:800;letter-spacing:.3px;margin:0 0 8px}.tabs{display:flex;gap:5px;background:#101725;border:1px solid var(--line);padding:4px;border-radius:11px;margin-bottom:22px}.tab{flex:1;border:0;border-radius:8px;background:transparent;color:#8996ae;padding:10px 7px;font-weight:700;cursor:pointer}.tab.active{background:var(--blue);color:white;box-shadow:0 4px 12px #1747a966}.field{margin:0 0 17px}.field input{width:100%;height:44px;border:1px solid #303a50;background:#1c2435;border-radius:9px;padding:0 13px;color:#f5f7fb;outline:none;font:inherit}.field input:focus{border-color:#4a8bff;box-shadow:0 0 0 3px #347cf626}.field input::placeholder{color:#6e7b95}.primary{width:100%;border:0;border-radius:9px;background:linear-gradient(100deg,#4089ff,#2860e9);color:white;font-weight:800;padding:14px 12px;margin-top:5px;cursor:pointer}.primary span{float:right}.hint{font-size:12px;color:var(--muted)}.profiles-panel header{height:59px;padding:18px 20px;border-bottom:1px solid var(--line);font-weight:800;font-size:12px}.user-icon{color:#4e90ff;margin-right:8px}.empty{height:calc(100% - 59px);min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.empty-icon{font-size:35px;color:#3986ff;margin-bottom:16px;text-shadow:0 0 25px #327cff55}.empty strong{font-size:13px}.empty p{color:#687795;font-size:12px;max-width:240px;margin:10px 0}.profile-list{padding:10px}.profile{padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.profile.selected{border-color:#347cf6}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:10px;color:var(--muted);margin-top:3px}.profile-actions{display:flex;gap:5px}.profile-actions form{margin:0}.secondary,.danger{border:1px solid #34425c;background:#202b40;color:#dce6fb;padding:6px 9px;border-radius:7px;cursor:pointer}.danger{color:#ff6475;border-color:#58303d}.alert{padding:12px 16px;border-radius:9px;margin:0 0 16px;font-size:13px}.error{border:1px solid #833746;background:#2a1821;color:#ffb8c1}.success{border:1px solid #24664e;background:#112b26;color:#8bf0c0}footer{text-align:center;color:#64718c;font-size:11px;padding:18px}
@media(max-width:1000px){.layout{grid-template-columns:minmax(220px,.8fr) minmax(330px,1.2fr)}.profiles-panel{grid-column:1/-1;border-top:1px solid var(--line);min-height:220px}.empty{min-height:190px}.brand-panel{padding:30px 20px}.connect-panel{padding:30px 24px}}
@media(max-width:650px){.page{width:calc(100% - 24px);margin:12px auto}.disclaimer{padding:15px}.layout{grid-template-columns:1fr}.brand-panel{min-height:280px}.brand-panel small{padding-top:25px}.connect-panel{border:0;border-top:1px solid var(--line);padding:26px 22px}.profiles-panel{grid-column:auto}.empty{min-height:180px}.brand-panel ul{max-width:260px}}
[hidden]{display:none!important}[hidden]{display:none!important}.app-header{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#111722;border:1px solid #283345;border-radius:16px;margin:18px 0}.mini-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.mini-brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#7c5cff;color:white}.mini-brand em{color:#a99aff;font-style:normal}.account-badge{font-size:12px;color:#aeb8ca;background:#202a39;padding:9px 12px;border-radius:20px}.app-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;min-height:520px}.sidebar{display:flex;flex-direction:column;gap:7px;background:#111722;border:1px solid #283345;border-radius:16px;padding:12px}.nav-item{text-align:left;border:0;background:transparent;color:#aeb8ca;padding:13px 14px;border-radius:10px;cursor:pointer;font:inherit}.nav-item.active,.nav-item:hover{background:#302957;color:white}.catalog-area{min-width:0;background:#111722;border:1px solid #283345;border-radius:16px;padding:20px}.catalog-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.catalog-top h2{margin:0 0 5px}.catalog-top input{max-width:280px}.category-bar,.season-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.category-chip{border:1px solid #344158;border-radius:22px;background:#1a2331;color:#cbd4e4;padding:8px 13px;cursor:pointer}.category-chip.active,.category-chip:hover{background:#5b48bd;border-color:#5b48bd;color:white}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:17px}.media-card{min-width:0}.poster{width:100%;aspect-ratio:2/3;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid #2c374b;border-radius:12px;background:linear-gradient(145deg,#202b3b,#111722);cursor:pointer;padding:0;color:white}.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster-placeholder{font-size:34px;color:#a99aff}.media-info{display:flex;align-items:center;gap:5px;margin-top:8px}.media-info strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.media-card>small{display:block;color:#8997ac;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-button{border:0;background:transparent;color:#9aa7bb;font-size:22px;cursor:pointer;padding:0 3px}.fav-button.is-fav{color:#ff668e}.loading{padding:45px 10px;text-align:center;color:#aeb8ca}.player-modal,.series-dialog{position:fixed;inset:0;z-index:20;background:#05070bd9;display:grid;place-items:center;padding:18px}.player-window,.series-box{width:min(100%,980px);background:#111722;border:1px solid #36435a;border-radius:16px;padding:16px;box-shadow:0 25px 90px #0009}.player-window header,.series-box header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.player-window video{width:100%;max-height:72vh;background:#000;border-radius:10px}.series-box{width:min(100%,760px);max-height:85vh;overflow:auto}.series-box h2{margin:0 0 5px}.episode-list{display:grid;gap:8px}.episode-row{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #303c51;background:#192231;color:#eef2fb;border-radius:10px;padding:13px;cursor:pointer}.episode-row>span:first-child{font-size:20px;color:#a99aff}.episode-row strong,.episode-row small{display:block}.episode-row small{margin-top:5px;color:#98a5b9;max-width:580px;white-space:normal}.hint{color:#96a2b7;font-size:12px}.alert{padding:13px 16px;border-radius:10px;margin:12px 0}.alert.success{background:#12362c;border:1px solid #286a53;color:#a8f1d4}.alert.error{background:#451d2a;border:1px solid #87344b;color:#ffc0cd}.profile-actions{display:flex;gap:6px}.secondary,.danger{cursor:pointer}.empty{color:#aab5c7}.empty p{color:#8c9bb1}@media(max-width:900px){.app-layout{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow:auto}.nav-item{white-space:nowrap}.catalog-top{align-items:flex-start;flex-direction:column}.catalog-top input{max-width:none;width:100%}.app-header{flex-wrap:wrap}.account-badge{order:3;width:100%}}@media(max-width:560px){.catalog-area{padding:13px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-header{padding:12px}.mini-brand strong{font-size:13px}}
/* Alpha 4.3 catalog refresh: Anubis styling with dense media-library layout */
.page{width:min(1760px,calc(100% - 36px));margin:10px auto 18px}.disclaimer{padding:13px 22px;margin-bottom:16px}.app-header{position:sticky;top:0;z-index:10;display:flex;gap:12px;min-height:56px;padding:8px 14px;margin:12px 0;background:#101520;border-color:#252d3d;border-radius:12px}.mini-brand{flex:0 0 auto;gap:9px;margin-right:4px}.mini-brand>span{width:30px;height:30px;border-radius:8px;background:#7657ff}.mini-brand strong{font-size:15px;white-space:nowrap}.top-nav{display:flex;align-items:center;gap:4px;min-width:0;flex:1;overflow-x:auto}.top-nav .nav-item{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 11px;border-radius:8px;font-size:12px;color:#a8b2c5}.top-nav .nav-item.active{background:#1d2e50;color:#e7eeff}.top-nav .nav-item:hover{background:#1b2435}.account-badge{flex:0 0 auto;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;padding:8px 11px}.app-layout{grid-template-columns:250px minmax(0,1fr);gap:0;min-height:calc(100vh - 190px);border:1px solid #252d3d;border-radius:12px;overflow:hidden;background:#0d1119}.sidebar{display:flex;flex-direction:column;gap:0;padding:12px 8px;border:0;border-right:1px solid #252d3d;border-radius:0;background:#101520;min-width:0;min-height:600px}.genre-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 10px;font-size:13px}.genre-head span{font-size:10px;color:#a9b8d7;background:#1b2435;padding:3px 8px;border-radius:12px}.category-search,.catalog-top input{width:100%;height:36px;border:1px solid #2a3448;border-radius:8px;background:#1b2232;color:#eef3ff;padding:0 12px;outline:none;font:inherit;font-size:12px}.category-search{margin-bottom:12px}.category-search:focus,.catalog-top input:focus{border-color:#526dff}.category-bar{display:flex;flex-direction:column;gap:3px;flex:1;overflow:auto;max-height:calc(100vh - 365px);margin:0;padding:0}.category-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;color:#d2d9e7;padding:9px 10px;font-size:12px;line-height:1.3}.category-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-chip small{font-size:10px;color:#8796b5;flex:0 0 auto}.category-chip.active,.category-chip:hover{background:#1b2c4b;border-color:#2d4a7a;color:#fff}.catalog-area{padding:15px 16px 24px;border:0;border-radius:0;background:#0c1017;min-width:0}.catalog-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 14px;border-bottom:1px solid #202735}.catalog-top h2{font-size:18px;letter-spacing:-.25px;margin:0 0 2px}.catalog-top .muted{font-size:11px;margin:0;color:#8494b3}.catalog-top input{max-width:260px;flex:0 0 260px}.catalog-status{padding:10px 12px;margin:14px 0 10px;border:1px solid #293247;border-radius:8px;background:#1a2131;color:#93a4c7;font-size:11px}.catalog-grid{grid-template-columns:repeat( auto-fill,minmax(132px,1fr));gap:14px 12px;align-items:start}.media-card{min-width:0}.poster{aspect-ratio:2/3;border-radius:9px;border-color:#273143;background:linear-gradient(145deg,#1c2637,#111722);box-shadow:0 2px 6px #0002;transition:transform .16s ease,border-color .16s ease}.poster:hover{transform:translateY(-2px);border-color:#536aa0}.poster img{object-fit:cover}.poster-placeholder{position:relative;z-index:0;text-shadow:0 2px 10px #000}.poster img~.poster-placeholder{opacity:0}.media-info{margin-top:6px;gap:3px}.media-info strong{font-size:11px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:29px}.fav-button{font-size:19px;flex:0 0 auto}.media-card>small{font-size:10px;margin-top:3px;color:#7f8da8}.loading{grid-column:1/-1;padding:50px 10px}.empty{grid-column:1/-1;min-height:200px}.player-window,.series-box{background:#101520}.category-chip[hidden]{display:none!important}
@media(min-width:1500px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:15px 13px}.catalog-area{padding:18px 18px 28px}}
@media(max-width:1050px){.page{width:calc(100% - 20px)}.app-header{flex-wrap:wrap}.top-nav{order:3;flex-basis:100%;max-width:100%}.app-layout{grid-template-columns:210px minmax(0,1fr)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
@media(max-width:700px){.page{width:100%;margin:0 auto}.disclaimer{border-radius:0;margin:0;padding:12px}.app-header{position:static;border-radius:0;margin:0;gap:8px}.mini-brand strong{font-size:13px}.account-badge{max-width:180px}.app-layout{grid-template-columns:1fr;border-radius:0}.sidebar{min-height:0;border-right:0;border-bottom:1px solid #252d3d;padding:9px}.category-bar{flex-direction:row;max-height:115px;overflow:auto;flex-wrap:nowrap}.category-chip{width:auto;max-width:220px;flex:0 0 auto}.category-chip span{max-width:170px}.catalog-area{padding:13px 10px 22px}.catalog-top{align-items:stretch;flex-direction:column;gap:10px}.catalog-top input{max-width:none;flex:1}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}}
@media(max-width:420px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav .nav-item{padding:8px 9px}.top-nav .nav-item span{font-size:11px}.account-badge{order:2;max-width:150px}}