@layer components{.sb-tile[aria-pressed=true]{background:var(--plate);color:var(--plate-ink);border-color:var(--plate)}.sb-tile--ghost{font-size:var(--step--1);background:var(--plate);color:var(--plate-ink);border-radius:var(--radius-ui);cursor:default;margin-top:.6rem;padding:.6em .9em;display:inline-flex}.sb-progress{align-items:center;gap:clamp(.45rem,1.4vw,.75rem);display:flex}.sb-progress-star{width:15px;height:15px;color:color-mix(in srgb, var(--ink) 26%, transparent);transition:color .24s var(--ease-out), filter .24s var(--ease-out), transform .24s var(--ease-out)}.sb-progress-star[data-lit]{color:var(--star-gold);filter:drop-shadow(0 0 5px var(--star-gold));transform:scale(1.12)}.sb-ladder{flex-direction:column;align-items:stretch;gap:clamp(1.1rem,3vw,1.7rem);display:flex}@media (width>=768px){.sb-ladder{flex-flow:wrap;align-items:flex-start;gap:clamp(1.4rem,2.6vw,2.4rem)}}.sb-ladder-step{opacity:0;width:100%;transition:opacity .44s var(--ease-out), transform .44s var(--ease-out), filter .44s var(--ease-out), scale .44s var(--ease-out);flex:none;transform:translateY(8px)}.sb-ladder-step.is-in{opacity:1;transform:none}@media (width>=768px){.sb-ladder-step{transform:translate(14px)}.sb-ladder-step.is-in{transform:none}.sb-ladder-step--past{width:clamp(11rem,20vw,15rem)}.sb-ladder-step--active{width:clamp(19rem,34vw,27rem)}}.sb-ladder-step--past{filter:blur(1.6px);opacity:.62;pointer-events:none;scale:.96}.sb-ladder-step--past.is-in{opacity:.62}.sb-pin-tabs{flex-wrap:wrap;gap:.4em .9em;display:flex}.sb-pin-tab{font-family:inherit;font-size:var(--step--1);color:var(--ink-mute);cursor:pointer;transition:color .32s var(--ease-soft), border-color .32s var(--ease-soft);background:0 0;border:none;border-bottom:1px solid #0000;padding:.3em 0}.sb-pin-tab:hover{color:var(--ink)}.sb-pin-tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.sb-pin-frame{background:color-mix(in srgb, var(--paper-hi) 45%, transparent);border-radius:var(--radius-ui);min-height:320px;overflow:hidden}.sb-step{opacity:0;transition:opacity .42s var(--ease-out), transform .42s var(--ease-out);transform:translateY(10px)}.sb-step.is-in{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sb-step,.sb-ladder-step{opacity:1!important;filter:none!important;transition:none!important;transform:scale(1)!important}.sb-ladder-step--past{opacity:.62!important}.sb-tile,.sb-progress-star,.sb-fan-item{transition:none!important}}