.welcome{min-height:100svh;padding:var(--space-8) var(--space-4);padding-top:max(var(--space-8), calc(var(--space-4) + env(safe-area-inset-top,0px)));padding-bottom:max(var(--space-8), calc(var(--space-4) + env(safe-area-inset-bottom,0px)));place-items:center;display:grid;position:relative}@media (display-mode:standalone){.welcome{min-height:100vh}}.welcome-bg{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.welcome:before{content:"";background:rgb(var(--ink-900-rgb) / .5);z-index:0;position:absolute;inset:0}.welcome--genres:before{content:none}.welcome-content{z-index:1;text-align:center;justify-items:center;gap:var(--space-4);max-width:560px;display:grid;position:relative}.welcome:not(.welcome--genres) .welcome-content:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, rgb(var(--ink-900-rgb) / .6) 55%, rgb(var(--ink-900-rgb) / 0));position:absolute;inset:-12% -16%}.welcome-wordmark{font:var(--type-wordmark-lg);letter-spacing:var(--track-wordmark)}.welcome-title{font:var(--type-display-3);letter-spacing:var(--track-snug);text-wrap:pretty}.welcome-sub{color:var(--text-secondary);max-width:46ch}.welcome-cta{margin-top:var(--space-2)}.welcome-signin{font:var(--type-body-s);color:var(--text-tertiary);min-height:var(--tap-target);padding:0 var(--space-3);justify-content:center;align-items:center;gap:.25em;display:inline-flex}.welcome-note{max-width:32ch;font:var(--type-body-s);color:var(--text-tertiary)}.welcome-content .welcome-signin{margin-top:var(--space-2)}.welcome-signin span{color:var(--text-secondary);text-underline-offset:3px;transition:color var(--dur-base) var(--ease-out);text-decoration:underline}.welcome-signin:hover span{color:var(--text-primary)}.welcome--genres{align-content:start;place-items:start center;gap:var(--space-5);background:var(--surface-page);padding-top:max(var(--space-12), calc(var(--space-4) + env(safe-area-inset-top,0px)));justify-items:center}.welcome-steps{align-items:center;gap:var(--space-2);display:flex}.welcome-steps-label{margin-left:var(--space-2);font:var(--type-metadata);color:var(--text-secondary)}.welcome-dot{border-radius:var(--radius-full);background:var(--surface-neutral);width:6px;height:6px}.welcome-dot--active{background:var(--control-on);width:16px}.welcome-genres-title{font:var(--type-heading);letter-spacing:var(--track-snug);text-align:center}.welcome-cta-bar{z-index:1;margin-inline:calc(-1 * var(--space-4));padding:var(--space-4) var(--space-4) max(var(--space-3), env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom, transparent, var(--surface-page) var(--space-4));justify-self:stretch;justify-items:center;display:grid;position:sticky;bottom:0}.welcome-cta-bar .welcome-cta{justify-content:center;width:min(100%,360px);min-height:52px;margin-top:0}@media (width<=640px){.welcome-title{font:var(--type-heading);letter-spacing:var(--track-snug)}}