.category-page{--cat-bg:#0a0612;--cat-elevated:#232328;--cat-text:#f6edf4;--cat-text2:#b8a9bc;--cat-text3:#7a6f84;--cat-accent:#f03c64;--cat-on-accent:#fff;--cat-radius-sm:3px;--cat-radius-md:4px;background:var(--cat-bg);min-height:100vh;color:var(--cat-text)}.category-main{width:100%;max-width:var(--content-max);padding:16px var(--page-gutter) 84px;box-sizing:border-box;margin-inline:auto}.category-filter-panel{background:0 0;border-bottom:1px solid #ffffff14;flex-direction:column;gap:12px;margin:0;padding:8px 0 16px;display:flex}.category-filter-rows{flex-direction:column;gap:12px;display:flex}.category-page .filter-row__label{color:var(--cat-text2);padding-top:6px;font-size:13px;font-weight:700}.category-page .filter-chip{border-radius:var(--cat-radius-sm);background:var(--cat-elevated);min-height:0;color:var(--cat-text2);box-shadow:none;border:0;padding:6px 12px;font-size:13px;font-weight:600}.category-page .filter-chip:hover:not(.is-active){color:var(--cat-text);background:#2e2e34}.category-page .filter-chip.is-active,.category-page .category-filter-panel .filter-chip.is-active,.category-page .category-filter-panel .filter-chip.is-active:hover{background:var(--cat-accent);color:var(--cat-on-accent);box-shadow:none;border-color:#0000;font-weight:700}.category-results{padding-top:24px}.category-page .category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 16px;display:grid}.category-page .poster,.category-page .category-loading-card__poster{border-radius:var(--cat-radius-md);box-shadow:none}.category-status{color:var(--cat-text2);margin:0 0 16px;font-size:13px}.category-status--muted{color:var(--cat-text3)}.category-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:36px;padding-bottom:8px;display:flex}.category-pager__btn{border-radius:var(--cat-radius-md);background:var(--cat-elevated);min-width:32px;height:32px;color:var(--cat-text2);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:600;line-height:1;transition:background .15s,color .15s;display:inline-flex}.category-pager__btn:hover:not(:disabled):not(.is-active){color:var(--cat-text);background:#2e2e34}.category-pager__btn.is-active{background:var(--cat-accent);color:var(--cat-on-accent);font-weight:700}.category-pager__btn:disabled{opacity:.4;cursor:not-allowed}.category-pager__btn:focus-visible{outline:2px solid var(--cat-accent);outline-offset:2px}.category-pager__ellipsis{min-width:24px;height:32px;color:var(--cat-text3);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.category-pager__jump{align-items:center;gap:6px;margin-left:10px;display:inline-flex}.category-pager__jump-label{color:var(--cat-text3);white-space:nowrap;font-size:13px;line-height:1}.category-pager__jump-input{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--cat-text3) 35%, transparent);border-radius:var(--cat-radius-md);background:var(--cat-elevated);width:48px;height:32px;color:var(--cat-text);text-align:center;outline:none;padding:0 6px;font-size:13px;font-weight:600}.category-pager__jump-input:hover:not(:disabled){border-color:color-mix(in srgb, var(--cat-text2) 50%, transparent)}.category-pager__jump-input:focus{border-color:var(--cat-accent)}.category-pager__jump-input:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1100px){.category-page .category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:900px){.category-page .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.category-page .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}}
