.content-art{position:relative}.content-art img{display:block}
.content-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(20,29,39,.86);color:#58e1c1;font-size:10px;font-weight:600;line-height:12px;padding:4px 7px;border:0;border-radius:6px;white-space:nowrap;box-sizing:border-box}
.content-badge-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-badge>i{display:none;width:4px;height:4px;border-radius:50%;background:#58e1c1;flex:0 0 auto}
.cb-new_title{background:#58e1c1;color:#08291f}.cb-ongoing{color:#fff}.cb-ongoing>i{display:inline-block}.cb-trending{color:#efc878}
.content-art>.content-badge{position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);z-index:1}.ranked-art>.content-badge{left:37px;max-width:calc(100% - 45px)}
.hero-art>.content-badge{position:absolute;left:12px;top:48px;max-width:calc(100% - 24px);z-index:2}
.story-card{justify-content:flex-start}.story-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.story-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story-thumb{background:transparent;padding:0;border-radius:0;display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:auto;white-space:nowrap;min-height:16px}
@media(max-width:600px){.viewer-home .hero-art>.content-badge{top:12px}.viewer-home #catalog-grid .story-thumb{margin-top:auto}}
.content-rank{position:absolute;left:-2px;bottom:-16px;font-size:86px;font-style:italic;font-weight:950;line-height:1;color:#0f1914;-webkit-text-stroke:1.4px #a1f5cc;text-shadow:3px 2px #0b1410}.ranked-art{padding-left:29px;padding-bottom:8px}.ranking-basis{font-size:10px;color:var(--muted);margin:0 0 12px}.home-intro{margin:20px 0 22px}.home-intro>p{font-size:12px;color:var(--muted);margin:0 0 10px}.home-intro>h1{font-size:24px;margin:0 0 18px}.home-category-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.home-category-chips>.btn{flex:0 0 auto;white-space:nowrap;font-size:12px;min-height:38px}.home-other{color:var(--accent);margin-top:10px}.viewer-home .catalog-heading-home{display:none!important}
@media(max-width:600px){.viewer-home .hero-card{height:355px}.viewer-home #catalog-grid .content-art{width:100%}.viewer-home #catalog-grid .story-card:has(.ranked-art){padding-bottom:5px}.home-intro>h1{font-size:22px}.viewer-home #catalog-grid h3{font-size:20px}.viewer-home #catalog-grid>section{margin-top:28px!important}.viewer-home .home-continue{margin:24px 0}.viewer-home .home-section-heading h2{font-size:20px}}