/* Five-column catalog plus a separate sticky editorial ranking. */
.catalog-with-ranking{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:27px;align-items:start}.catalog-main{min-width:0}.collection .catalog-main .grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:22px 15px}.catalog-main .drama-card{padding:6px!important;box-shadow:3px 4px 0 #12163026!important;min-width:0}.catalog-main .drama-card .portrait{aspect-ratio:2/2.7}.catalog-main .drama-card h3{font-size:13px!important;line-height:1.5;margin:10px 4px 6px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-main .drama-card p{font-size:8px!important;line-height:1.7}.catalog-main .access-tag{font-size:8px!important;padding:4px 6px!important;left:6px;top:7px;max-width:90%}
.collection .catalog-ranking{display:block!important;position:sticky;top:var(--ranking-sticky-top,310px);align-self:start;background:#27314b70!important;border:1px solid #d1c1ec38!important;border-radius:12px;padding:20px 16px!important;backdrop-filter:blur(16px);max-height:calc(100vh - var(--ranking-sticky-top,310px) - 20px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9d8eaf44 transparent}.ranking-heading{display:flex;align-items:center;justify-content:space-between}.ranking-heading h3{font-size:17px;color:#ece2fa;margin:0;font-weight:600}.ranking-heading>span{font:8px monospace;letter-spacing:1px;color:#b2a4c7}.ranking-note{font-size:9px;color:#a496b6;margin:7px 0 15px}.ranking-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-top:1px solid #c8b4e018;padding:13px 0;background:none;color:#c7b7d9;cursor:pointer}.ranking-no{font:italic 18px Georgia,serif;color:#817c9b;width:20px;flex-shrink:0}.ranking-item:nth-child(-n+3) .ranking-no{color:#e1c491}.ranking-thumb{width:39px;height:51px;flex-shrink:0;border-radius:4px;background-image:url('assets/anime.png');background-size:300% 100%}.ranking-thumb.p0{background-position:left}.ranking-thumb.p1{background-position:center}.ranking-thumb.p2{background-position:right}.ranking-info{flex:1;min-width:0}.ranking-info strong{font-size:11px;font-weight:500;display:block;color:#e1d5f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-info small{display:block;font-size:7px;line-height:1.8;color:#a493b6;margin-top:6px}.ranking-arrow{font-size:13px;color:#a99ac0}.ranking-item:hover .ranking-info strong{color:#fff}.ranking-item:hover{background:#ffffff04}
@media(min-width:1600px){.catalog-with-ranking{grid-template-columns:minmax(0,1fr) 310px;gap:30px}.catalog-main .drama-card h3{font-size:15px!important}.catalog-main .access-tag{font-size:10px!important}.ranking-info strong{font-size:13px}.ranking-info small{font-size:9px}.ranking-thumb{width:44px;height:59px}}
@media(max-width:1100px){.catalog-with-ranking{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.collection .catalog-main .grid{gap:18px 10px}.catalog-main .drama-card h3{font-size:11px!important}.catalog-main .drama-card p{font-size:6px!important}.collection .catalog-ranking{padding:16px 12px!important}.ranking-item{gap:7px}.ranking-thumb{width:32px;height:44px}.ranking-info strong{font-size:10px}.ranking-heading h3{font-size:15px}}
@media(max-width:800px){.catalog-with-ranking{display:flex;flex-direction:column;gap:25px}.catalog-main{width:100%}.collection .catalog-main .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px 12px}.collection .catalog-ranking{position:static;width:100%;max-height:none;overflow:visible}.ranking-item{padding:12px 0}.ranking-thumb{width:40px;height:54px}.ranking-info strong{font-size:13px}.ranking-info small{font-size:9px}.catalog-main .drama-card h3{font-size:12px!important}}

#search-results-notice{padding:14px 18px;margin:0 0 20px;border:1px solid #d4bfef45;border-radius:9px;background:#cfb6f014;color:#f0e5ff;font-size:14px;line-height:1.6}

.portrait{position:relative}.episode-progress{position:absolute;bottom:0;left:0;right:0;padding:22px 10px 9px;background:linear-gradient(transparent,#151b30df);color:#fff0ff;font-size:12px;font-weight:600;line-height:1.6;text-align:right;z-index:2;pointer-events:none;text-shadow:0 1px 3px #0009}.panel-progress{position:absolute;right:7%;top:28px;z-index:4;padding:7px 12px;border:1px solid #ede0ff70;background:#222b42d9;color:#fff0ff;font-size:12px;font-weight:650;pointer-events:none}@media(max-width:700px){.episode-progress{font-size:10px;padding-right:7px}.panel-progress{top:20px;font-size:10px;padding:5px 8px}}

.cover-custom-tags{position:absolute;z-index:3;bottom:40px;left:8px;right:8px;display:flex;flex-wrap:wrap;gap:5px;pointer-events:none}.cover-custom-tags>span{display:inline-block;padding:3px 7px;border:1px solid #e6d4ff66;border-radius:5px;background:#29243dd9;color:#f2e5ff;font-size:10px;font-weight:550;line-height:1.5;backdrop-filter:blur(8px)}.manga-panel>.cover-custom-tags{bottom:auto;top:100px;left:8%;right:8%;gap:7px}.manga-panel>.cover-custom-tags>span{font-size:12px;padding:5px 9px}@media(max-width:700px){.cover-custom-tags{bottom:33px;gap:3px}.cover-custom-tags>span{font-size:9px;padding:2px 5px}.manga-panel>.cover-custom-tags{top:90px}.manga-panel>.cover-custom-tags>span{font-size:10px}}