@keyframes rise{0%{opacity:0;transform:translateY(.9rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.rise{animation:.85s cubic-bezier(.22,1,.36,1) both rise;animation-delay:calc(var(--i,0) * 65ms + 80ms)}}@keyframes reveal{to{opacity:var(--rest,1)}}.ornament{opacity:var(--rest,1)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.ornament{opacity:0;animation:.6s linear 3.2s forwards reveal}}.bloom{background:radial-gradient(closest-side, color-mix(in oklab, var(--color-pink) 46%, transparent), color-mix(in oklab, var(--color-mauve) 18%, transparent) 55%, transparent 78%);filter:blur(18px)}.ring{border:1px solid color-mix(in oklab, var(--color-pink) 42%, transparent);border-radius:9999px}.shade{background:linear-gradient(180deg, color-mix(in oklab, var(--color-ink) 55%, transparent) 0%, color-mix(in oklab, var(--color-ink) 42%, transparent) 24%, color-mix(in oklab, var(--color-ink) 72%, transparent) 60%, var(--color-ink) 96%), radial-gradient(120% 70% at 50% 30%, transparent 30%, color-mix(in oklab, var(--color-ink) 70%, transparent) 100%)}.tile{-webkit-tap-highlight-color:transparent;transition:border-color .25s,background-color .25s,transform .25s cubic-bezier(.22,1,.36,1)}.tile:active{transform:scale(.985)}@media (hover:hover){.tile:hover{border-color:color-mix(in oklab, var(--color-pink) 70%, transparent);background-color:color-mix(in oklab, var(--color-pink) 7%, var(--color-coal))}.tile:hover .arrow{transform:translate(.25rem)}}.arrow{transition:transform .3s cubic-bezier(.22,1,.36,1)}.strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1rem calc(100% - 1.5rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1rem calc(100% - 1.5rem),#0000 100%)}.strip::-webkit-scrollbar{display:none}.plate{background:radial-gradient(90% 90% at 30% 20%, color-mix(in oklab, var(--color-pink) 20%, transparent), transparent 70%), linear-gradient(135deg, var(--color-smoke), var(--color-coal))}
