.app-trending-wrap{margin:20px 0;font-family:var(--app-font,'Inter',sans-serif);display:block;width:100%;box-sizing:border-box}
.app-trending-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.app-trending-title{font-size:1.15em;font-weight:800;color:var(--app-text,#2E3338);margin:0;flex:1}
.app-trending-meta{font-size:.72em;font-weight:600;color:var(--app-text-muted,#747F8D);background:var(--app-bg,#F2F3F5);padding:3px 9px;border-radius:20px}
.app-trending-grid{display:grid;grid-template-columns:repeat(var(--trending-cols,4),1fr);gap:10px;width:100%}
@media(max-width:768px){.app-trending-grid{grid-template-columns:repeat(2,1fr);gap:14px}.app-trending-card{border-radius:12px}.app-trending-name{font-size:.96em}.app-trending-series{font-size:.68em}}
@media(max-width:480px){.app-trending-grid{grid-template-columns:repeat(2,1fr);gap:11px}.app-trending-card{border-radius:12px}.app-trending-name{font-size:.93em}.app-trending-series{font-size:.66em}}
.app-trending-card{display:block;text-decoration:none;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .25s ease,box-shadow .25s ease;position:relative;width:100%}
.app-trending-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.25)}
.app-trending-card-img{aspect-ratio:3/4;background-size:cover;background-position:center top;position:relative;display:flex;flex-direction:column;justify-content:space-between}
.app-trending-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.6) 60%,rgba(0,0,0,.92) 100%);z-index:1}
.app-trending-rank{position:absolute;top:7px;left:7px;z-index:3;background:rgba(0,0,0,.65);color:#fff;font-size:.68em;font-weight:800;padding:2px 7px;border-radius:20px;backdrop-filter:blur(4px)}
.app-trending-role-badge{position:absolute;top:7px;right:7px;z-index:3;font-size:.62em;font-weight:700;color:#fff;padding:2px 7px;border-radius:5px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}
.app-trending-role-badge.role-main{background:var(--app-accent,#5865F2)}
.app-trending-role-badge.role-supporting{background:rgba(100,112,128,.95)}
.app-trending-card-bottom{position:relative;z-index:2;padding:8px 10px 11px;margin-top:auto}
.app-trending-series{display:block;font-size:.62em;font-weight:700;color:#c4b5fd;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.9),0 2px 12px rgba(0,0,0,.7)}
.app-trending-name{display:block;font-size:.86em;font-weight:800;color:#fff;line-height:1.3;text-shadow:0 1px 5px rgba(0,0,0,.95),0 2px 14px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}