.crinkl-onboarding-screen{--crinkl-onboarding-purple:var(--crinkl-action-primary,#6d28b6);--crinkl-onboarding-yellow:var(--crinkl-status-reward,#f4cf35);--crinkl-onboarding-offwhite:var(--crinkl-text-primary,#fbf7ee);--crinkl-onboarding-ink:var(--crinkl-surface-base,#120a22);--crinkl-onboarding-bg:var(--crinkl-onboarding-spotlight,var(--crinkl-surface-base));--crinkl-onboarding-fg:var(--crinkl-text-primary);--crinkl-onboarding-muted:var(--crinkl-text-secondary);background:var(--crinkl-onboarding-bg);color:var(--crinkl-onboarding-fg);position:relative}.crinkl-onboarding-screen:before{content:"";pointer-events:none;background-image:url(/optimized/brand/motif/surface-matte-noise-v1.w360.webp);background-size:var(--crinkl-onboarding-surface-texture-size);opacity:var(--crinkl-onboarding-surface-texture-opacity);mix-blend-mode:multiply;background-repeat:repeat;position:absolute;inset:0}.crinkl-onboarding-screen--welcome:before{opacity:0;background-image:none}.crinkl-onboarding-screen--welcome{z-index:10;box-sizing:border-box;--crinkl-welcome-wordmark-width-current:var(--crinkl-welcome-wordmark-width);--crinkl-welcome-wordmark-max-current:var(--crinkl-welcome-wordmark-max-base);--crinkl-welcome-mascot-width-current:var(--crinkl-welcome-mascot-width);--crinkl-welcome-mascot-max-current:var(--crinkl-welcome-mascot-max-base);--crinkl-welcome-copy-max-current:var(--crinkl-welcome-copy-max);--crinkl-welcome-copy-size-current:var(--crinkl-welcome-copy-size-base);--crinkl-welcome-copy-line-current:var(--crinkl-welcome-copy-line-height);--crinkl-welcome-prompt-size-current:var(--crinkl-welcome-prompt-size-base);--crinkl-welcome-cta-max-current:var(--crinkl-welcome-cta-max-base);--crinkl-welcome-btn-height-current:var(--crinkl-welcome-button-height);--crinkl-welcome-btn-radius-current:var(--crinkl-welcome-button-radius);--crinkl-welcome-btn-font-size-current:var(--crinkl-welcome-button-font-size);--crinkl-welcome-btn-bg:var(--crinkl-onboarding-purple);height:100dvh;position:fixed;inset:0;overflow:hidden}.crinkl-onboarding-screen--welcome.crinkl-safe-area{padding:0;padding-top:max(env(safe-area-inset-top),var(--crinkl-onboarding-layout-top-safe-padding,3rem));padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.crinkl-onboarding-screen .crinkl-btn--primary{background:var(--crinkl-onboarding-purple);color:var(--crinkl-onboarding-offwhite);border:1px solid var(--crinkl-border-default);box-shadow:var(--crinkl-onboarding-surface-primary-shadow)}.crinkl-onboarding-screen .crinkl-btn--primary:hover{background:var(--crinkl-color-purple600,#5c229b);box-shadow:var(--crinkl-onboarding-surface-primary-hover-shadow)}.crinkl-onboarding-screen .crinkl-btn--secondary{background:var(--crinkl-onboarding-surface-secondary-bg);color:var(--crinkl-onboarding-offwhite);border:1px solid var(--crinkl-border-default)}.crinkl-onboarding-screen .crinkl-btn--secondary:hover{background:var(--crinkl-onboarding-surface-secondary-hover-bg)}.crinkl-welcome{flex:1;justify-content:flex-start;align-items:flex-start;display:flex}.crinkl-welcome__inner{text-align:center;opacity:0;pointer-events:none;transition:opacity var(--crinkl-onboarding-surface-asset-fade-duration)ease;align-items:center;gap:0}.crinkl-onboarding-screen--welcome[data-crinkl-assets-ready="1"] .crinkl-welcome__inner{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.crinkl-welcome__inner{transition:none}.crinkl-onboarding-screen--welcome .crinkl-welcome__cta-shimmer:after,.crinkl-onboarding-screen--welcome .crinkl-welcome__cta-sheen:after{background-position:50%;animation:none}}.crinkl-welcome__wordmark{width:min(var(--crinkl-welcome-wordmark-width-current),var(--crinkl-welcome-wordmark-max-current))}.crinkl-welcome__wordmark picture{width:100%;display:block}.crinkl-welcome__wordmark img{width:100%;height:auto;filter:drop-shadow(var(--crinkl-welcome-wordmark-shadow));display:block}.crinkl-welcome__mascot{width:min(var(--crinkl-welcome-mascot-width-current),var(--crinkl-welcome-mascot-max-current));margin-top:var(--crinkl-onboarding-layout-logo-to-mascot,1.25rem)}.crinkl-welcome__mascot img{width:100%;height:auto;filter:drop-shadow(var(--crinkl-welcome-mascot-shadow));display:block}@supports (-webkit-touch-callout:none){.crinkl-welcome__wordmark img,.crinkl-welcome__mascot img{filter:none}}.crinkl-welcome__cta{width:min(100%,var(--crinkl-welcome-cta-max-current));margin:0 auto;margin-top:var(--crinkl-onboarding-layout-subhead-to-primary-cta,2rem)}.crinkl-welcome__cta-message{width:min(100%,var(--crinkl-welcome-copy-max-current));text-align:center;font-size:calc(var(--crinkl-welcome-copy-size-current)*.9);line-height:calc(var(--crinkl-welcome-copy-line-current)*.95);color:var(--crinkl-onboarding-muted);font-weight:var(--crinkl-font-weight-semibold);margin:0 auto}.crinkl-welcome__copy{width:min(100%,var(--crinkl-welcome-copy-max-current));color:var(--crinkl-welcome-copy-color,var(--crinkl-onboarding-fg,inherit));gap:var(--crinkl-onboarding-layout-headline-to-subhead,.75rem);max-width:var(--crinkl-welcome-copy-max-ratio);margin:0 auto;margin-top:var(--crinkl-onboarding-layout-mascot-to-headline,1.5rem);display:grid}.crinkl-welcome__copy-line{font-weight:400;font-size:var(--crinkl-welcome-copy-size-current);line-height:var(--crinkl-welcome-copy-line-current);text-align:center}.crinkl-welcome__copy-line:first-child{font-weight:600;font-size:var(--crinkl-welcome-prompt-size-current);text-shadow:var(--crinkl-onboarding-surface-headline-shadow)}.crinkl-welcome__footnote{color:var(--crinkl-onboarding-muted);font-weight:400;font-size:var(--crinkl-welcome-footnote-size);margin-top:var(--crinkl-onboarding-layout-cta-to-cta,1rem)}@media (min-width:360px){.crinkl-onboarding-screen--welcome{--crinkl-welcome-wordmark-max-current:var(--crinkl-welcome-wordmark-max-sm);--crinkl-welcome-mascot-max-current:var(--crinkl-welcome-mascot-max-sm);--crinkl-welcome-cta-max-current:var(--crinkl-welcome-cta-max-sm);--crinkl-welcome-copy-size-current:var(--crinkl-welcome-copy-size-sm);--crinkl-welcome-prompt-size-current:var(--crinkl-welcome-prompt-size-sm)}}@media (min-width:640px){.crinkl-onboarding-screen--welcome{--crinkl-welcome-wordmark-max-current:var(--crinkl-welcome-wordmark-max-md);--crinkl-welcome-mascot-max-current:var(--crinkl-welcome-mascot-max-md);--crinkl-welcome-cta-max-current:var(--crinkl-welcome-cta-max-md)}}@media (min-width:768px){.crinkl-onboarding-screen--welcome{--crinkl-welcome-wordmark-max-current:var(--crinkl-welcome-wordmark-max-lg);--crinkl-welcome-mascot-max-current:var(--crinkl-welcome-mascot-max-lg)}}@media (max-height:620px){.crinkl-onboarding-screen--welcome{--crinkl-welcome-wordmark-max-current:var(--crinkl-welcome-wordmark-max-compact);--crinkl-welcome-mascot-max-current:var(--crinkl-welcome-mascot-max-compact);--crinkl-welcome-cta-max-current:var(--crinkl-welcome-cta-max-compact);--crinkl-welcome-btn-height-current:var(--crinkl-welcome-button-height);--crinkl-welcome-btn-radius-current:var(--crinkl-welcome-button-radius-compact);--crinkl-welcome-btn-font-size-current:var(--crinkl-welcome-button-font-size-compact);--crinkl-onboarding-layout-logo-to-mascot:.75rem;--crinkl-onboarding-layout-mascot-to-headline:1rem;--crinkl-onboarding-layout-subhead-to-primary-cta:1.5rem}}@media (min-height:720px){.crinkl-onboarding-screen--welcome.crinkl-safe-area{padding-top:max(env(safe-area-inset-top),calc(var(--crinkl-onboarding-layout-top-safe-padding,3rem)*2))}}.crinkl-onboarding-screen--welcome .crinkl-btn{height:var(--crinkl-welcome-btn-height-current);border-radius:var(--crinkl-welcome-btn-radius-current);font-size:var(--crinkl-welcome-btn-font-size-current);padding:0 1.5rem;font-weight:600}.crinkl-onboarding-screen--welcome .crinkl-btn--primary,.crinkl-onboarding-screen--welcome .crinkl-btn--secondary{background:var(--crinkl-welcome-btn-bg,var(--crinkl-action-primary));box-shadow:var(--crinkl-onboarding-surface-button-rest-shadow);border:none}.crinkl-onboarding-screen--welcome .crinkl-btn--secondary{background:var(--crinkl-onboarding-surface-secondary-bg);box-shadow:none;border:1px solid var(--crinkl-border-default)}.crinkl-onboarding-screen--welcome .crinkl-btn--primary:hover,.crinkl-onboarding-screen--welcome .crinkl-btn--secondary:hover{background-color:var(--crinkl-color-purple600,#5c229b);box-shadow:var(--crinkl-onboarding-surface-button-hover-shadow);transform:none}.crinkl-onboarding-screen--welcome .crinkl-welcome__cta-shimmer,.crinkl-onboarding-screen--welcome .crinkl-welcome__cta-sheen{position:relative;overflow:hidden}.crinkl-onboarding-screen--welcome .crinkl-welcome__cta-shimmer:after,.crinkl-onboarding-screen--welcome .crinkl-welcome__cta-sheen:after{content:"";background-image:linear-gradient(90deg,transparent 0%,var(--crinkl-onboarding-offwhite)50%,transparent 100%);opacity:.28;pointer-events:none;z-index:0;background-position:-200%;background-repeat:no-repeat;background-size:240% 100%;animation:4.5s linear infinite shimmer;position:absolute;inset:0}.crinkl-onboarding-screen--welcome .crinkl-welcome__cta-shimmer>*,.crinkl-onboarding-screen--welcome .crinkl-welcome__cta-sheen>*{z-index:1;position:relative}.crinkl-onboarding-screen--welcome[data-crinkl-debug-layout="1"]{outline-offset:-2px;outline:2px dashed #ff0000d9}.crinkl-onboarding-screen--welcome[data-crinkl-debug-layout="1"] .crinkl-welcome{outline-offset:-2px;outline:2px dashed #ffa500d9}.crinkl-onboarding-screen--welcome[data-crinkl-debug-layout="1"] .crinkl-container{outline-offset:-2px;outline:2px dashed #ffff00d9}.crinkl-onboarding-screen--welcome[data-crinkl-debug-layout="1"] .crinkl-welcome__inner{outline-offset:-2px;outline:2px dashed #00ff00d9}.crinkl-onboarding-screen--welcome[data-crinkl-debug-layout="1"] .crinkl-welcome__wordmark{outline-offset:-2px;outline:2px dashed #00ffffd9}.crinkl-onboarding-screen--welcome[data-crinkl-debug-layout="1"] .crinkl-welcome__wordmark img{outline-offset:2px;outline:2px solid #00ffffe6}.crinkl-onboarding-screen--welcome[data-crinkl-debug-layout="1"] .crinkl-welcome__mascot{outline-offset:-2px;outline:2px dashed #3b82f6d9}.crinkl-onboarding-screen--welcome[data-crinkl-debug-layout="1"] .crinkl-welcome__mascot img{outline-offset:2px;outline:2px solid #3b82f6e6}.crinkl-onboarding-screen--welcome[data-crinkl-debug-layout="1"] .crinkl-welcome__copy{outline-offset:-2px;outline:2px dashed #a855f7d9}.crinkl-onboarding-screen--welcome[data-crinkl-debug-layout="1"] .crinkl-welcome__cta{outline-offset:-2px;outline:2px dashed #ffffffd9}.crinkl-onboarding-screen--welcome[data-crinkl-debug-layout="1"] .crinkl-welcome__footnote{outline-offset:-2px;outline:2px dashed #ec4899d9}