.hero-trending{width:100%;max-width:28rem;margin-inline:auto}.hero-trending-frame{position:relative}.hero-trending-viewport{border:1px solid var(--rockae-border);background:var(--rockae-surface);aspect-ratio:16/11;min-height:15rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.hero-trending-slide{opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;position:absolute;inset:0;transform:translate(.75rem)}.hero-trending-slide.is-active{opacity:1;pointer-events:auto;z-index:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.hero-trending-slide{transition:none;transform:none}}.hero-trending-card{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.hero-trending-card--static{cursor:default}.hero-trending-banner{background:var(--rockae-canvas);flex:1;min-height:0;position:relative;overflow:hidden}.hero-trending-banner img{object-fit:cover;width:100%;height:100%;display:block}.hero-trending-banner-fallback{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-purple) 18%, #fff), color-mix(in srgb, var(--brand-orange) 14%, #fff));width:100%;height:100%}.hero-trending-meta{border-top:1px solid var(--rockae-border);background:var(--rockae-surface);flex-direction:column;flex-shrink:0;gap:.45rem;padding:.65rem .75rem;display:flex}.hero-trending-meta-primary{align-items:flex-start;gap:.65rem;min-width:0;display:flex}.hero-trending-community-avatar{object-fit:cover;border:1px solid var(--rockae-border);background:var(--rockae-canvas);border-radius:4px;flex-shrink:0;width:2.75rem;height:2.75rem;display:block}.hero-trending-community-avatar--fallback{color:var(--brand-accent);justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.hero-trending-meta-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.hero-trending-name{color:var(--rockae-ink-strong);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.hero-trending-subline{min-width:0;color:var(--rockae-ink-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.3rem;font-size:.75rem;display:flex;overflow:hidden}.hero-trending-alias,.hero-trending-members{text-overflow:ellipsis;overflow:hidden}.hero-trending-subline-sep{opacity:.7;flex-shrink:0}.hero-trending-summary{color:var(--rockae-ink-muted);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0;padding-left:3.4rem;font-size:.6875rem;line-height:1.35;display:-webkit-box;overflow:hidden}.hero-trending-meta-owner{align-items:center;gap:.4rem;min-width:0;padding-left:3.4rem;display:flex}.hero-trending-owner-by{color:var(--rockae-ink-muted);flex-shrink:0;font-size:.75rem;font-weight:500}.hero-trending-owner-avatar{object-fit:cover;border:1.5px solid var(--rockae-border);background:var(--rockae-canvas);border-radius:50%;flex-shrink:0;width:1.35rem;height:1.35rem}.hero-trending-owner-avatar--empty{display:inline-block}.hero-trending-owner-name{color:var(--rockae-ink-default);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.hero-trending-see-more{background:var(--rockae-canvas);height:100%;color:var(--rockae-ink-strong);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.5rem;text-decoration:none;display:flex}.hero-trending-see-more:hover{background:color-mix(in srgb, var(--brand-purple) 6%, var(--rockae-canvas))}.hero-trending-see-more-label{color:var(--brand-purple);font-size:1.25rem;font-weight:700}.hero-trending-see-more-sub{color:var(--rockae-ink-soft);font-size:.875rem}.hero-trending-arrow{z-index:2;border:1px solid var(--rockae-border);width:2rem;height:2rem;color:var(--rockae-ink-strong);cursor:pointer;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-trending-arrow:hover:not(:disabled){border-color:color-mix(in srgb, var(--rockae-ink-strong) 28%, var(--rockae-border));background:#fff}.hero-trending-arrow:disabled{opacity:.35;cursor:default}.hero-trending-arrow--prev{left:.5rem}.hero-trending-arrow--next{right:.5rem}.hero-trending-dots{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.75rem;display:flex}.hero-trending-dot{background:var(--rockae-border);cursor:pointer;border:none;border-radius:0;width:.4rem;height:.4rem;padding:0}.hero-trending-dot.is-active{background:var(--brand-purple)}.hero-trending-dot.is-more{width:.85rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1024px){.hero-trending{max-width:none;margin-inline:0}.hero-trending-viewport{min-height:16rem}}
.home-section-scroller-btn{right:max(1.25rem, env(safe-area-inset-right,0px));z-index:35;width:3rem;height:3rem;color:var(--rockae-ink-strong);-webkit-backdrop-filter:blur(14px)saturate(1.35);cursor:pointer;opacity:0;pointer-events:none;background:#ffffff47;border:1px solid #ffffff73;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .25s,transform .25s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:fixed;box-shadow:0 8px 28px #0f172a1f,inset 0 1px #ffffff8c}.home-section-scroller-btn--up{top:max(calc(56px + .85rem), env(safe-area-inset-top,0px));transform:translateY(-8px)}.home-section-scroller-btn--down{bottom:max(1.25rem, env(safe-area-inset-bottom,0px));transform:translateY(8px)}.home-section-scroller-btn.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.home-section-scroller-btn--down.is-visible{animation:2.4s ease-in-out infinite home-section-scroller-bob-down}.home-section-scroller-btn--up.is-visible{animation:2.4s ease-in-out infinite home-section-scroller-bob-up}.home-section-scroller-btn:hover{background:#ffffff6b;border-color:#ffffffa6;animation:none;box-shadow:0 10px 32px #0f172a29,inset 0 1px #ffffffb3}.home-section-scroller-btn:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px;animation:none}@keyframes home-section-scroller-bob-down{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes home-section-scroller-bob-up{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.home-section-scroller-btn,.home-section-scroller-btn.is-visible{transition:opacity .2s;animation:none}}:root.dark-mode .home-section-scroller-btn{color:#f8fafc;background:#0f172a61;border-color:#ffffff24;box-shadow:0 8px 28px #00000047,inset 0 1px #ffffff1f}:root.dark-mode .home-section-scroller-btn:hover{background:#0f172a85;border-color:#ffffff38}@media (max-width:640px){.home-section-scroller-btn{right:max(.85rem, env(safe-area-inset-right,0px));width:2.75rem;height:2.75rem}.home-section-scroller-btn--up{top:max(calc(56px + .65rem), env(safe-area-inset-top,0px))}.home-section-scroller-btn--down{bottom:max(.85rem, env(safe-area-inset-bottom,0px))}}
