/* Title-first library · Zerphyx */
.library-section{padding-top:103px;padding-bottom:113px;min-height:550px}
.library-heading{align-items:center;margin-bottom:30px}
.library-heading h2{font-size:clamp(27px,3vw,38px);letter-spacing:-1px;margin:9px 0 8px}
.library-heading-accent{color:#baaeff}
.library-heading p{max-width:650px;line-height:1.8}
.library-counter{display:flex;align-items:center;gap:13px;flex-shrink:0;padding:15px 19px;background:linear-gradient(125deg,#201d35,#131828);border:1px solid #38344e;border-radius:15px}
.library-counter-icon{font-size:28px;width:44px;height:44px;display:grid;place-items:center;background:#2f2b49;border-radius:11px;color:#b8aaff}
.library-counter div{display:flex;flex-direction:column;align-items:flex-start}
.library-counter strong{font:800 26px/1.2 Outfit,Heebo,sans-serif;letter-spacing:-.5px;color:#fff}
.library-counter small{font-size:11px;color:#a1a0b7}
.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 16px;background:#121522;border:1px solid #2b2c40;border-radius:16px}
.library-toolbar .library-controls{gap:15px;display:flex;align-items:center;flex-wrap:wrap}
.library-toolbar .filter-pills{background:#0c1020;border-color:#2a2e43}
.library-toolbar .filter{font-size:13px;padding:9px 17px}
.library-toolbar .filter.active{background:#423b66;color:#e1d9ff}
.library-select-label{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:#9fa3ba;white-space:nowrap}
.library-select-label select{height:41px;min-width:135px;background:#191d2d;color:#e9e8f7;border:1px solid #34364a;border-radius:10px;padding:0 12px;font-size:12px;outline:none;cursor:pointer}
.library-select-label select:focus-visible{outline:2px solid #a697f5;outline-offset:2px}
.library-display-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.library-sort select{min-width:170px}
.library-view-toggle{display:flex;gap:3px;padding:4px;border-radius:10px;border:1px solid #33364c;background:#101320}
.library-view-toggle button{height:33px;width:37px;border-radius:7px;border:0;color:#878ca9;background:transparent;display:grid;place-items:center;font-size:22px;line-height:1}
.library-view-toggle button.active{color:#e3dbff;background:#393650}
.library-listing-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 1px 16px;min-height:22px;font-size:12px;color:#9298af}
.library-listing-meta button{border:0;color:#b6a7ff;background:transparent;font-size:12px}
.library-listing-meta button:hover{text-decoration:underline}
.library-title-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch}
.catalog-title{padding:0;background:#121623;border:1px solid #292d41;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;min-width:0;color:inherit;text-align:right;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:pointer}
.catalog-title:hover{transform:translateY(-4px);border-color:#8273bc;box-shadow:0 17px 30px #05050e9b}
.catalog-title:focus-visible{outline:2px solid #b3a5ff;outline-offset:3px}
.catalog-art{position:relative;display:block;aspect-ratio:2/2.85;background:#212139;overflow:hidden}
.catalog-poster{position:absolute;inset:0;display:block;overflow:hidden}
.catalog-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .3s}
.catalog-title:hover .catalog-poster>img{transform:scale(1.055)}
.catalog-poster-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 12%,#8270cb90,transparent 50%),linear-gradient(150deg,#252849,#0d2330 90%);display:grid;place-items:center;overflow:hidden}
.catalog-poster-fallback span{position:relative;z-index:1;font:800 clamp(26px,3vw,46px) Outfit,Heebo,sans-serif;letter-spacing:-4px;color:#d4c8ff;text-shadow:0 0 20px #ac91ee7f;transform:rotate(-9deg)}
.catalog-poster-fallback i{position:absolute;width:150%;height:1px;box-shadow:0 0 0 27px #c7adfa0d,0 0 0 57px #c7adfa0d,0 0 0 87px #c7adfa0d;background:#c7adfa22;transform:rotate(-28deg)}
.catalog-type{position:absolute;z-index:3;right:11px;top:11px;padding:5px 9px;border-radius:7px;background:#101425db;border:1px solid #ffffff38;color:#efedff;font-size:10px;font-weight:650;backdrop-filter:blur(8px)}
.catalog-title-content{padding:15px 13px 12px;display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.catalog-title-heading{font:750 16px/1.4 Heebo,Arial,sans-serif;min-height:45px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#f2effc}
.catalog-title-meta{font-size:11px;color:#989cb3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.catalog-language-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-height:28px;margin-top:4px}
.catalog-language{font-size:10px;color:#d6ceff;padding:4px 7px;background:#332e4e;border-radius:5px;white-space:nowrap}
.catalog-language-more{color:#99a2b8;background:#242939}
.catalog-title-footer{display:flex;justify-content:space-between;align-items:center;gap:9px;border-top:1px solid #272d40;padding-top:10px;margin-top:auto;font-size:11px;color:#7f8ba3;white-space:nowrap}
.catalog-chevron{color:#b7a5ff;font-size:18px}
.catalog-title:hover .catalog-chevron{color:white}
.library-title-grid.catalog-list-layout{display:flex;flex-direction:column;gap:10px}
.catalog-list-layout .catalog-title{flex-direction:row;align-items:stretch;min-height:98px}
.catalog-list-layout .catalog-art{height:113px;width:82px;aspect-ratio:auto;flex-shrink:0}
.catalog-list-layout .catalog-type{font-size:9px;right:5px;top:6px;padding:3px 5px}
.catalog-list-layout .catalog-poster-fallback span{font-size:26px}
.catalog-list-layout .catalog-title-content{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(115px,.9fr) minmax(115px,.8fr) 130px;align-items:center;column-gap:16px;padding:17px 20px;flex:1}
.catalog-list-layout .catalog-title-heading{min-height:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-list-layout .catalog-title-meta{margin:0}
.catalog-list-layout .catalog-language-row{margin:0}
.catalog-list-layout .catalog-title-footer{margin:0;padding:0;border:0}
.catalog-list-layout .catalog-chevron{margin-right:auto}
.library-title-grid:empty{display:none}
#library .empty-state{margin-top:12px;background:radial-gradient(ellipse at top,#1c1b34,#101420 78%);border-style:solid;border-color:#33344e}
#library .empty-symbol{width:73px;height:73px;margin:0 auto 19px;border:1px solid #4b446e;background:#282444;border-radius:19px;display:grid;place-items:center;font-size:38px}
#library .load-more{margin-top:31px}
/* Organized title / season / episode drawer */
.library-dialog{width:min(920px,calc(100vw - 32px));max-height:min(91vh,950px);border:1px solid #545071;border-radius:20px;padding:0;background:#0f1220;color:#f2f0fc;box-shadow:0 35px 110px #000d;overflow-y:auto;overscroll-behavior:contain}
.library-dialog::backdrop{background:#040611dd;backdrop-filter:blur(8px)}
.library-dialog-content{min-height:220px}
.catalog-detail-loading,.catalog-detail-error{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#b6b3ce;text-align:center;padding:45px}
.catalog-detail-error h2{font-size:22px;margin:0}
.catalog-detail-error p{margin:0}
.catalog-detail-hero{position:relative;display:flex;gap:26px;padding:33px 40px 30px;background:radial-gradient(ellipse at 95% 5%,#41356880,transparent 52%),linear-gradient(105deg,#1d1a35,#141a2a);border-bottom:1px solid #33334b;align-items:center}
.catalog-detail-close{position:absolute;top:18px;left:18px;width:36px;height:36px;border:1px solid #514e64;background:#232438;color:#f0efff;border-radius:10px;font-size:15px;display:grid;place-items:center;z-index:3}
.catalog-detail-close:hover{background:#393652}
.catalog-detail-art{height:184px;width:127px;flex-shrink:0;position:relative;border-radius:11px;border:1px solid #867dab67;overflow:hidden;box-shadow:0 12px 25px #03030a75}
.catalog-detail-art .catalog-poster{inset:0}
.catalog-detail-art .catalog-poster-fallback span{font-size:39px}
.catalog-detail-identity{min-width:0;flex:1}
.catalog-detail-eyebrow{font:600 12px Outfit,Heebo,sans-serif;color:#b5acd3;letter-spacing:.6px}
.catalog-detail-eyebrow span{color:#797993;margin:0 8px}
.catalog-detail-identity h2{font:800 clamp(22px,3vw,36px)/1.3 Heebo,Arial,sans-serif;letter-spacing:-.6px;margin:10px 0;overflow-wrap:anywhere}
.catalog-detail-identity p{font-size:13px;color:#b0b1c5;line-height:1.75;margin:0}
.catalog-detail-metrics{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:11px;color:#a7a8bd}
.catalog-detail-metrics span{border-inline-start:1px solid #57506d;padding-inline-start:14px}
.catalog-detail-metrics span:first-child{border:0;padding:0}
.catalog-detail-metrics b{color:#e1d8ff;font-weight:750;font-size:13px}
.catalog-detail-contribute{margin-top:20px;padding:9px 15px;border:1px solid #8575ce;border-radius:9px;background:#3e345f;color:#e8e1ff;font-weight:650;font-size:12px}
.catalog-detail-contribute:hover{background:#534479}
.catalog-detail-body{padding:27px 38px 38px}
.catalog-detail-section-label{color:#a79af4;font:700 11px Outfit,Heebo,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.catalog-season-section{margin-bottom:26px}
.catalog-seasons{display:flex;align-items:stretch;gap:9px;overflow-x:auto;padding:12px 1px 2px;scrollbar-width:thin}
.catalog-season-tab{border:1px solid #34374f;background:#1a1e2e;border-radius:11px;color:#b1b2ca;padding:11px 18px;white-space:nowrap;display:flex;flex-direction:column;gap:3px;min-width:104px;align-items:flex-start;font-size:13px;font-weight:700}
.catalog-season-tab small{font-size:10px;color:#9295b1;font-weight:450}
.catalog-season-tab.active{background:#362f59;border-color:#a28ee8;color:#eeeaff;box-shadow:inset 0 1px 0 #ffffff16}
.catalog-season-tab.active small{color:#c4b6ff}
.catalog-detail-versions-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}
.catalog-detail-versions-heading h3{font-size:21px;letter-spacing:-.5px;margin:7px 0 0}
.catalog-count-chip{white-space:nowrap;border:1px solid #34374d;background:#202336;color:#b5b4cc;border-radius:8px;padding:7px 11px;font-size:11px}
.catalog-language-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.catalog-language-filters button{border:1px solid #37394c;color:#aeb3c5;background:#191c2a;border-radius:8px;padding:7px 13px;font-size:11px}
.catalog-language-filters button.active{background:#363153;color:#ede8ff;border-color:#9284c8}
.catalog-detail-empty{border:1px dashed #414052;background:#17192a;border-radius:12px;text-align:center;padding:34px;color:#a4a4b9;font-size:13px}
.catalog-episode{background:#141827;border:1px solid #2e3346;border-radius:13px;overflow:hidden;margin:0 0 13px}
.catalog-episode-heading{display:flex;align-items:center;gap:13px;padding:14px 17px;border-bottom:1px solid #2c3143;background:#181c2c}
.catalog-episode-number{height:42px;width:42px;flex-shrink:0;display:grid;place-items:center;background:#34304c;border:1px solid #4f4872;border-radius:10px;color:#d5c9ff;font:800 16px Outfit,Heebo,sans-serif}
.catalog-episode-heading h4{font-size:16px;margin:0}
.catalog-episode-heading p{color:#9199ac;font-size:11px;margin:2px 0 0}
.catalog-versions{display:flex;flex-direction:column}
.catalog-version{display:flex;gap:13px;align-items:center;padding:14px 17px;border-bottom:1px solid #282d3c;min-width:0}
.catalog-version:last-child{border-bottom:0}
.catalog-version-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border:1px solid #514a76;background:#2b2847;color:#cabfff;border-radius:9px;font:800 12px Outfit,sans-serif}
.catalog-version-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.catalog-version-primary{display:flex;align-items:center;gap:8px;min-width:0}
.catalog-version-primary strong{font:650 12px/1.5 Outfit,Heebo,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-align:right}
.catalog-version-language{font-size:10px;white-space:nowrap;color:#c6bfff;background:#353051;padding:4px 8px;border-radius:6px}
.catalog-version-filename{color:#858ca6;font:11px Outfit,Heebo,sans-serif;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-version-info{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:5px;color:#8992a7;font-size:10px}
.catalog-download{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;color:#ded4ff;background:#352e54;border:1px solid #63558e;padding:9px 14px;border-radius:9px;font-size:12px;font-weight:700;transition:background .18s}
.catalog-download:hover{color:white;background:#55467b}
.catalog-download span{font-size:16px;line-height:1}
.catalog-detail-more{display:flex;justify-content:center;padding:20px 0 0}
@media(max-width:1160px){.library-title-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:910px){.library-title-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-toolbar{align-items:start}.library-toolbar .library-controls{gap:10px}.catalog-list-layout .catalog-title-content{grid-template-columns:minmax(150px,1fr) minmax(110px,.65fr) minmax(100px,.6fr)}.catalog-list-layout .catalog-title-footer{display:none}}
@media(max-width:650px){.library-section{padding-top:76px;padding-bottom:82px}.library-heading{gap:12px;align-items:flex-start}.library-heading h2{font-size:29px}.library-heading p{font-size:12px}.library-counter{padding:10px 15px}.library-counter-icon{width:35px;height:35px;font-size:23px}.library-counter strong{font-size:22px}.library-toolbar{padding:12px;gap:15px}.library-toolbar .library-controls,.library-display-controls{width:100%;justify-content:space-between;gap:7px}.library-toolbar .filter-pills{flex:1;justify-content:space-around}.library-toolbar .filter{padding:9px 12px}.library-select-label span{display:none}.library-select-label select{min-width:115px}.library-sort select{min-width:172px}.library-title-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-title-content{padding:12px 10px 10px}.catalog-title-heading{font-size:14px;min-height:40px}.catalog-title-meta{font-size:10px}.catalog-language{font-size:9px}.catalog-title-footer{font-size:10px}.catalog-list-layout .catalog-title-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.catalog-list-layout .catalog-title-heading{font-size:15px}.catalog-list-layout .catalog-language-row{min-height:0}.library-dialog{width:calc(100vw - 16px);max-height:94vh;border-radius:15px}.catalog-detail-hero{padding:42px 18px 20px;gap:16px;align-items:start}.catalog-detail-art{height:130px;width:91px}.catalog-detail-art .catalog-poster-fallback span{font-size:28px}.catalog-detail-close{top:10px;left:10px}.catalog-detail-identity h2{font-size:23px}.catalog-detail-identity p{font-size:11px}.catalog-detail-metrics{gap:8px;margin-top:12px}.catalog-detail-metrics span{padding-inline-start:8px}.catalog-detail-contribute{font-size:11px;padding:8px 9px;margin-top:15px}.catalog-detail-body{padding:20px 15px 25px}.catalog-detail-versions-heading h3{font-size:18px}.catalog-episode-heading{padding:12px}.catalog-version{padding:12px 10px;gap:8px;flex-wrap:wrap}.catalog-version-icon{width:29px;height:29px;font-size:10px}.catalog-version-main{flex-basis:calc(100% - 80px)}.catalog-version-primary strong{font-size:11px}.catalog-version-info{flex-direction:row;gap:10px;margin-inline-start:38px}.catalog-download{margin-inline-start:auto;padding:7px 10px;font-size:11px}}
@media(max-width:390px){.catalog-detail-hero{gap:11px}.catalog-detail-art{width:75px;height:110px}.catalog-detail-identity h2{font-size:20px}.catalog-detail-metrics{font-size:9px}.catalog-detail-metrics b{font-size:10px}.library-toolbar .filter{padding:8px 7px}.library-sort select{min-width:140px}}