.space-onboarding{position:absolute;inset:0;z-index:39;pointer-events:none;color:var(--foreground)}.space-onboarding-hint,.space-onboarding-invitation{position:absolute;left:max(28px,calc(var(--safe-area-inset-left) + 16px));right:max(28px,calc(var(--safe-area-inset-right) + 16px));display:flex;justify-content:center}.space-onboarding-invitation{top:50%;transform:translateY(-50%)}.space-onboarding-explore,.space-onboarding-hint{top:max(10%,calc(var(--safe-area-inset-top) + var(--overlay-icon-size) + 10px));transform:none}.space-onboarding-panel{position:relative;width:min(100%,304px);padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);box-shadow:0 4px 16px rgb(0 0 0/8%);font-size:14px;line-height:18px;text-align:left;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .45s ease,transform .55s ease,visibility 0s linear .55s}.space-onboarding-panel[data-visible=true]{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.45s}.space-onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.space-onboarding-explore .space-onboarding-actions{justify-content:flex-end}.space-onboarding-copy{display:grid;gap:2px}.space-onboarding-panel :is(h2,p,button,a){margin:0;font-size:inherit;line-height:inherit;font-weight:400}.space-onboarding-copy p{color:var(--muted-foreground)}.space-onboarding-close+.space-onboarding-copy h2{padding-right:32px}.space-onboarding-actions>:is(button,a){height:auto;min-height:36px;padding:6px 16px;border-radius:999px}.space-onboarding-actions>.space-onboarding-secondary{flex:0 1 auto;min-width:0;padding:0;justify-content:flex-start;white-space:normal;text-align:left;color:var(--muted-foreground);text-decoration:underline;text-underline-offset:3px}.space-onboarding-panel :is(button,a){touch-action:manipulation;pointer-events:none}.space-onboarding-panel[data-visible=true] :is(button,a){pointer-events:auto}.space-onboarding-close{position:absolute;top:0;right:0;width:44px;height:44px;border-radius:50%}@media (min-width:640px) and (max-height:500px){.space-onboarding-explore,.space-onboarding-hint{top:max(12px,var(--safe-area-inset-top));left:calc(max(8px, var(--safe-area-inset-left)) + var(--overlay-icon-size) + 12px);right:calc(50% + 36px);justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.space-onboarding-panel,.space-onboarding-panel[data-visible=true]{transform:none;transition:opacity .15s ease,visibility 0s linear .15s}.space-onboarding-panel[data-visible=true]{transition-delay:.15s}}