/* App intro: concise, functional, never blocks the product. */
.intro-motion{display:none}.intro-motion.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.intro-skip{position:absolute;right:16px;top:16px;min-height:44px;padding:0 12px;border-radius:12px;color:var(--forest);font-size:13px;font-weight:700}.intro-card{width:86px;height:86px;display:grid;place-items:center;margin-bottom:22px}.intro-ring{display:none}.intro-mark{width:70px;height:70px;border-radius:24px;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:27px;font-weight:850;box-shadow:var(--shadow-card)}.intro-motion h1{font-size:28px;line-height:34px;font-weight:850;letter-spacing:-.02em}.intro-motion p{margin-top:6px;font-size:14px;color:var(--muted)}

.screen-enter{animation:screenIn .22s var(--ease-out)}

@keyframes screenIn{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes memberFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes typing{50%{transform:translateY(-3px);background:var(--forest-2)}}
@keyframes spin{to{transform:rotate(360deg)}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.intro-motion{display:none}}