.home-app-marquee{--app-size:84px;--app-gap:14px;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:4px 0;border-radius:12px}
.home-app-marquee[data-running]{overflow:hidden}
.home-app-track{display:flex;width:max-content;will-change:transform}
.home-app-group{display:flex;flex:none;gap:var(--app-gap);padding-right:var(--app-gap)}
.home-app-item{display:flex;flex:none;flex-direction:column;align-items:center;gap:8px;width:var(--app-size);color:#c7c7cc;text-align:center}
.home-app-item img{display:block;width:var(--app-size);height:var(--app-size);object-fit:cover;border-radius:22%;background:#252529}
.home-app-item span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.5}
.home-app-item:hover{color:var(--accent)}
.home-app-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}
@media(max-width:760px){.home-app-marquee{--app-size:68px}}
@media(prefers-reduced-motion:reduce){.home-app-marquee[data-running]{overflow-x:auto}.home-app-track{will-change:auto}}

/* Keep app-label rendering identical inside the detail typography scope. */
.home-app-marquee{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.home-app-item span{font-weight:400}