.catalog-page{--catalog-border:var(--border-card)}.catalog-page .ambient-bg{background:radial-gradient(ellipse 80% 50% at 10% -10%,var(--ambient-glow-warm),transparent 55%),radial-gradient(ellipse 60% 40% at 95% 5%,var(--ambient-glow-cool),transparent 50%),var(--ambient-page-base)}.catalog-page .ambient-bg:after,.catalog-page .ambient-bg:before{border-radius:50%;content:"";opacity:.4;pointer-events:none;position:absolute}.catalog-page .ambient-bg:before{background:radial-gradient(circle,rgba(255,159,42,.24) 0,transparent 68%);height:min(440px,58vw);left:-10%;top:-12%;width:min(440px,58vw)}.catalog-page .ambient-bg:after{background:radial-gradient(circle,rgba(70,110,255,.12) 0,transparent 70%);bottom:8%;height:min(380px,50vw);right:-8%;width:min(380px,50vw)}.catalog-page .topbar{background:var(--surface-glass);border-bottom-color:var(--surface-topbar-border,hsla(0,0%,100%,.06));box-shadow:var(--surface-topbar-shadow,0 1px 0 hsla(0,0%,100%,.05),0 12px 40px rgba(0,0,0,.35))}.catalog-page .content-shell.catalog-content{display:grid;gap:22px;width:min(1320px,calc(100% - 40px))}.catalog-page .catalog-filter-shell{background:var(--surface-section-shine),var(--surface-section);border:1px solid var(--catalog-border);border-radius:20px;box-shadow:var(--shadow-panel);padding:20px 20px 16px}.catalog-page .catalog-filter-head{align-items:center;border-bottom:1px solid var(--border-section);display:flex;gap:14px;margin-bottom:16px;padding-bottom:12px}.catalog-page .catalog-filter-head>div{min-width:0}.catalog-page .catalog-filter-head .ranking-shortcut{align-items:center;background:var(--surface-card);border:1px solid var(--border-section);border-radius:7px;color:var(--text);display:inline-flex;font-size:.84rem;font-weight:750;gap:7px;margin-left:auto;min-height:36px;padding:0 13px;text-decoration:none;white-space:nowrap}.catalog-page .catalog-filter-head .ranking-shortcut:hover{border-color:#ff9f2a8c;color:var(--accent-text-soft)}.catalog-page .catalog-filter-head .ranking-shortcut svg{fill:currentColor;height:16px;width:16px}.catalog-page .catalog-filter-head .section-accent{background:linear-gradient(180deg,#ffb04c,#ff6a00);border-radius:999px;flex-shrink:0;height:30px;width:3px}.catalog-page .catalog-filter-head h1{font-size:1.1rem;font-weight:800;margin:0;overflow-wrap:anywhere}.catalog-page .seo-landing-copy{color:var(--text-muted);font-size:.9rem;line-height:1.7;margin:8px 0 0;max-width:760px;overflow-wrap:anywhere}.catalog-page .landing-link-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:-2px}.catalog-page .landing-link{align-items:center;background:var(--filter-tag-bg);border:1px solid var(--filter-tag-border);border-radius:999px;color:var(--filter-tag-color);display:inline-flex;font-size:.82rem;font-weight:800;min-height:34px;padding:0 14px;text-decoration:none;transition:border-color .18s ease,background .18s ease,color .18s ease;white-space:nowrap}.catalog-page .landing-link.active,.catalog-page .landing-link:hover{background:#ff9f2a1f;border-color:#ff9f2a7a;color:var(--filter-tag-hover-color)}.catalog-page .catalog-search-summary{background:#ff9f2a14;border:1px solid rgba(255,159,42,.22);border-radius:12px;color:var(--text);font-size:.9rem;line-height:1.55;margin-bottom:14px;padding:12px 14px}.catalog-page .catalog-search-summary__highlight{color:#ffc978;font-weight:800}.catalog-page .catalog-filter-groups{display:grid;gap:14px}.catalog-page .catalog-filter-group{align-items:start;display:grid;gap:12px 14px;grid-template-columns:72px minmax(0,1fr)}.catalog-page .catalog-filter-group strong{color:var(--filter-label-color);font-size:.88rem;font-weight:800;padding-top:8px}.catalog-page .catalog-filter-tags{display:flex;flex-wrap:wrap;gap:8px}.catalog-page .catalog-filter-tags button{background:var(--filter-tag-bg);border:1px solid var(--filter-tag-border);border-radius:999px;color:var(--filter-tag-color);cursor:pointer;font-size:.82rem;font-weight:700;min-height:34px;padding:0 14px;transition:border-color .18s ease,background .18s ease,color .18s ease}.catalog-page .catalog-filter-tags button:hover{background:#ff9f2a1a;border-color:#ff9f2a52;color:var(--filter-tag-hover-color)}.catalog-page .catalog-filter-tags button.active{background:linear-gradient(135deg,#ffc76a,#ff9f2a 55%,#ff7a12);border-color:#ff9f2a8c;box-shadow:0 0 0 1px #ff8c2833;color:#1a1006}.catalog-page .catalog-comic-section{background:var(--surface-section-shine),var(--surface-section);border:1px solid var(--catalog-border);border-radius:20px;box-shadow:var(--shadow-panel);contain:layout style;margin-bottom:0;padding:22px 20px 14px}.catalog-page .catalog-comic-section .section-row{align-items:center;border-bottom:1px solid var(--border-section);margin:0 0 16px;padding-bottom:10px}.catalog-page .section-head{align-items:center;display:flex;gap:14px;min-width:0}.catalog-page .section-accent{background:linear-gradient(180deg,#ffb04c,#ff6a00);border-radius:999px;flex-shrink:0;height:30px;width:3px}.catalog-page .catalog-comic-section .section-row h2{font-size:1.05rem;font-weight:700;margin:0}.catalog-page .catalog-result-count{align-items:center;background:var(--count-badge-bg);border:1px solid var(--count-badge-border);border-radius:999px;color:var(--count-badge-color);display:inline-flex;font-size:.8rem;font-weight:700;min-height:34px;padding:0 14px;white-space:nowrap}.catalog-page .catalog-state-panel{background:#ffffff05;border:1px dashed hsla(0,0%,100%,.12);border-radius:14px;display:grid;gap:10px;justify-items:center;padding:32px 20px;text-align:center}.catalog-page .catalog-state-panel strong{font-size:1rem}.catalog-page .catalog-state-panel span{color:var(--muted);line-height:1.6}.catalog-page .comic-grid{gap:20px 16px;grid-template-columns:repeat(auto-fill,minmax(156px,1fr))}.catalog-page .comic-card{background:var(--surface-card-panel);border:1px solid var(--border-card);border-radius:16px;contain:layout paint style;gap:0;overflow:hidden;padding:0;position:relative}.catalog-page .comic-card:hover{border-color:#ff9f2a52;box-shadow:0 12px 28px #0000004d;transform:none}.catalog-page .comic-cover{border:0;border-radius:0;box-shadow:none;margin:0;position:relative;z-index:1}.catalog-page .comic-card img{border:0;border-radius:0;display:block;margin:0;transition:transform .26s ease,filter .22s ease;width:100%}.catalog-page .comic-card:hover img{filter:saturate(1.05);transform:scale(1.08)}.catalog-page .comic-info{padding:10px 10px 12px;position:relative;text-align:center;z-index:1}.catalog-page .comic-info h3{font-size:.9rem;font-weight:700;text-align:center}.catalog-page .comic-meta--tags{flex-wrap:nowrap;gap:5px;justify-content:center;max-width:100%;overflow:hidden}.catalog-page .comic-tag-pill{align-items:center;background:var(--tag-pill-bg);border:1px solid var(--tag-pill-border);border-radius:999px;color:var(--tag-pill-color);display:inline-flex;flex:0 1 auto;font-size:.68rem;font-weight:700;justify-content:center;line-height:1;max-width:33%;min-height:24px;min-width:0;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.catalog-page .empty-state{background:#ffffff08;border-radius:14px;grid-column:1/-1}.catalog-page .comment-pagination{margin-top:16px}.catalog-page .ranking-board{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-page.ranking-overview-page .catalog-filter-shell{padding:20px}.catalog-page.ranking-overview-page .catalog-filter-head{border-bottom:0;margin-bottom:0;padding-bottom:0}.catalog-page .ranking-card{background:var(--surface-section-shine),var(--surface-section);border:1px solid var(--catalog-border);border-radius:20px;box-shadow:var(--shadow-panel);min-width:0;overflow:hidden}.catalog-page .ranking-card-head{align-items:center;background:linear-gradient(135deg,#ff9f2aeb,#ff6a00d1);color:#fff8ef;display:flex;gap:14px;justify-content:space-between;min-height:0;padding:12px 20px}.catalog-page .ranking-card-head>div{align-items:center;display:flex;gap:12px;min-width:0}.catalog-page .ranking-card--hot .ranking-card-head{background:linear-gradient(135deg,#d25434eb,#ff9f2ac7)}.catalog-page .ranking-card--latest .ranking-card-head{background:linear-gradient(135deg,#4e6882f0,#ff9f2a80)}.catalog-page .ranking-card--editor .ranking-card-head{background:linear-gradient(135deg,#58704cf0,#ff9f2a8a)}.catalog-page .ranking-card--completed .ranking-card-head{background:linear-gradient(135deg,#1e8060e6,#ff9f2a80)}.catalog-page .ranking-card-head h2,.catalog-page .ranking-card-head p{margin:0}.catalog-page .ranking-card-head h2{flex-shrink:0;font-size:1.05rem;font-weight:850;letter-spacing:0;white-space:nowrap}.catalog-page .ranking-card-head p{color:#fff8efd6;font-size:.82rem;line-height:1.5;margin-top:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-page .ranking-card-head span{background:#ffffff24;border:1px solid hsla(0,0%,100%,.28);border-radius:999px;flex-shrink:0;font-size:.76rem;font-weight:800;min-height:28px;padding:5px 10px;white-space:nowrap}.catalog-page .ranking-list{display:grid;gap:0;list-style:none;margin:0;padding:12px 18px 16px}.catalog-page .ranking-list li+li{border-top:1px solid var(--border-section)}.catalog-page .ranking-item{align-items:center;color:var(--text);display:grid;gap:12px;grid-template-columns:42px 48px minmax(0,1fr);min-height:68px;text-decoration:none}.catalog-page .ranking-number{align-items:center;background:#ffffff1a;border-radius:50%;color:var(--text-muted);display:inline-flex;font-size:.92rem;font-weight:850;height:34px;justify-content:center;width:34px}.catalog-page .ranking-list li:first-child .ranking-number{background:linear-gradient(135deg,#ffd47a,#ff9f2a);color:#231306}.catalog-page .ranking-list li:nth-child(2) .ranking-number{background:linear-gradient(135deg,#dfe5ee,#aeb7c6);color:#1f2732}.catalog-page .ranking-list li:nth-child(3) .ranking-number{background:linear-gradient(135deg,#e4b987,#b8783d);color:#21150a}.catalog-page .ranking-item img{background:var(--surface-cover,hsla(0,0%,100%,.06));border:1px solid var(--border-card);border-radius:8px;height:58px;-o-object-fit:cover;object-fit:cover;width:44px}.catalog-page .ranking-item-main{display:grid;gap:4px;min-width:0}.catalog-page .ranking-item-main small,.catalog-page .ranking-item-main strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-page .ranking-item-main strong{font-size:.95rem;font-weight:850}.catalog-page .ranking-item-main small{color:var(--text-muted);font-size:.76rem}.catalog-page .ranking-item:hover .ranking-item-main strong{color:var(--accent-text-soft)}.catalog-page .ranking-empty{color:var(--text-muted);line-height:1.6;margin:0;padding:24px 18px}@media(max-width:900px){.catalog-page .content-shell.catalog-content{width:min(100% - 28px,1320px)}.catalog-page .catalog-comic-section,.catalog-page .catalog-filter-shell{padding:16px 14px 12px}.catalog-page .catalog-filter-group{gap:8px;grid-template-columns:1fr}.catalog-page .catalog-filter-group strong{padding-top:0}.catalog-page .catalog-comic-section .section-row{align-items:flex-start;flex-direction:column;gap:10px}.catalog-page .ranking-board{grid-template-columns:1fr}}@media(max-width:640px){.catalog-page .catalog-filter-tags{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.catalog-page .catalog-filter-tags::-webkit-scrollbar{display:none}.catalog-page .catalog-filter-tags button{flex-shrink:0;min-height:36px;padding:0 14px;white-space:nowrap}.catalog-page .comic-grid{gap:14px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-page .landing-link-row{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.catalog-page .landing-link-row::-webkit-scrollbar{display:none}.catalog-page .landing-link{flex-shrink:0;min-height:36px}.catalog-page .ranking-board{gap:14px}.catalog-page .ranking-card-head{min-height:0;padding:10px 14px}.catalog-page .ranking-card-head>div{gap:8px}.catalog-page .ranking-card-head h2{font-size:.98rem}.catalog-page .ranking-card-head p{font-size:.76rem}.catalog-page .ranking-list{padding:8px 12px 12px}.catalog-page .ranking-item{gap:8px;grid-template-columns:38px 42px minmax(0,1fr);min-height:64px}.catalog-page .ranking-number{font-size:.82rem;height:30px;width:30px}.catalog-page .ranking-item img{border-radius:7px;height:52px;width:38px}}