.skel-bone{border-radius:var(--radius-sm);background-color:var(--bg-sunken);flex:none;height:14px;display:block}.skel-block{border-radius:var(--radius-md);height:132px}.skel-card{gap:var(--space-3);box-sizing:border-box;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-raised);flex-direction:column;display:flex}.skel-preview{border-radius:var(--radius-md);height:132px}.skel-icon{border-radius:var(--radius-md);width:32px;height:32px}.skel-row,.skel-stack{gap:var(--space-2);min-width:0;display:flex}.skel-row{align-items:center}.skel-stack{flex-direction:column;flex:1}.skel-foot{justify-content:space-between;margin-top:auto}@media (prefers-reduced-motion:no-preference){.skel-bone{background-image:linear-gradient(90deg, transparent 25%, var(--bg-raised) 50%, transparent 75%);background-repeat:no-repeat;background-size:200% 100%;animation:1.6s linear infinite skel-shimmer}}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.at-ad-badge{height:20px;margin-right:var(--space-2);border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--text-secondary);vertical-align:1px;align-items:center;padding:0 6px;font-size:12px;font-weight:650;line-height:16px;display:inline-flex}.at-ad-badge-well{z-index:1;background:var(--bg-raised);height:24px;color:var(--text-primary);margin:0;padding:0 8px;position:absolute;top:8px;left:8px;box-shadow:0 1px 2px #00000029}.at-ad-banner{align-items:center;gap:var(--space-3);box-sizing:border-box;min-width:0;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:22px;display:flex;overflow:hidden}.at-ad-banner-image{object-fit:cover;object-position:top;border-radius:var(--radius-md);background:var(--bg-sunken);flex:none;width:96px;height:72px;display:block}.at-ad-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.at-ad-banner-title,.at-ad-banner-by{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.at-ad-banner-title{font-weight:650}.at-ad-banner-title a{color:inherit;text-decoration:none}.at-ad-banner-title a:hover{text-underline-offset:3px;text-decoration:underline}.at-ad-banner-by{color:var(--text-secondary);font-size:13px;line-height:18px}.at-ad-banner-actions{align-items:center;gap:var(--space-3);flex:none;display:flex}.at-ad-banner-remove{color:var(--text-brand);white-space:nowrap;font-size:13px;font-weight:600;line-height:18px;text-decoration:none}.at-ad-banner-remove:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=479px){.at-ad-banner-image,.at-ad-banner-remove{display:none}}.at-ad-empty-feed{align-self:stretch}.at-ad-empty-banner{box-sizing:border-box;width:100%}.home,.home__shelves{flex-direction:column;gap:40px;min-width:0;display:flex}.home__region{min-width:0}.home__prompt{gap:var(--space-3);min-width:0;padding:var(--space-4) var(--space-5);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.home__prompt-title{font-family:var(--font-display);font-size:var(--type-heading-size);line-height:var(--type-heading-line-height);font-weight:var(--type-heading-weight);letter-spacing:var(--type-heading-letter-spacing);margin:0}.home__upgrade{justify-content:space-between;align-items:center;gap:var(--space-4);box-sizing:border-box;min-width:0;padding:var(--space-3) var(--space-4);background:var(--brand-tint);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex}.home__upgrade-text{flex-direction:column;gap:2px;min-width:0;display:flex}.home__upgrade-title{margin:0;font-size:15px;font-weight:650;line-height:22px}.home__upgrade-body{color:var(--text-secondary);margin:0;font-size:14px;line-height:20px}@media (width<=639px){.home__upgrade{flex-direction:column;align-items:stretch}}.home__prompt-body{color:var(--text-secondary);margin:0}.home__skeleton-shelf{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.home__skeleton-row{gap:var(--space-4);display:flex;overflow:hidden}.home__skeleton-row>*{flex:none;width:200px}@media (width>=640px){.home__skeleton-row{grid-template-columns:repeat(auto-fill,200px);display:grid}.home__skeleton-row>*{width:auto}}.home__tiles{display:none}@media (width<=767px){.home,.home__shelves{gap:20px}.home .home__shelf--saved{display:none}.home .at-shelf{gap:8px}.home .at-shelf-title,.home .at-shelf-title-lead{font-family:var(--font-display);letter-spacing:normal;font-size:20px;line-height:26px}.home .at-shelf-nav{display:none}.home .home__skeleton-shelf{gap:8px}.home .home__skeleton-shelf>.skel-bone{margin-block:6px}.home__tiles{flex-direction:column;gap:8px;min-width:0;display:flex}.home__tiles-title{align-items:center;min-height:20px;margin:0;font-size:15px;font-weight:650;line-height:20px;display:flex}.home__tiles-list{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:-4px -16px;padding:4px 16px;scroll-padding-inline:16px;list-style:none;display:flex;overflow-x:auto}.home__tiles-list::-webkit-scrollbar{display:none}.home__tile{scroll-snap-align:start;flex:none;width:64px}.home__tile-link{color:var(--text-primary);flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.home__tile-link:hover .home__tile-name{text-underline-offset:3px;text-decoration:underline}.home__tile-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:64px;height:16px;font-size:12px;line-height:16px;display:block;overflow:hidden}.home__tile-name>.skel-bone{margin:0 auto}.home__tiles-empty{min-height:78px;color:var(--text-secondary);align-items:center;margin:0;font-size:13px;line-height:18px;display:flex}}@media (width<=639px){.home .at-shelf-scroller{margin:-4px -16px;padding:4px 16px;scroll-padding-inline:16px}.home .at-shelf-list{gap:12px}.home .at-shelf-item{width:236px}.home .at-app-card-well{height:162px}.home__skeleton-row{gap:12px}.home__skeleton-row>*{width:236px}.home .skel-preview{height:162px}.home .skel-card{height:326px}}
