/* Reference mobile September 2026. Scoped to step one so the profile flow keeps its styling.
   The doubled ID intentionally outranks the legacy onboarding !important overrides. */
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) { --home-ink:#f4f8ff; --home-muted:#c5d3e7; --home-cyan:#79dcff; background:radial-gradient(ellipse at 65% 20%,#09295766,transparent 62%),linear-gradient(180deg,#020c24,#041735 65%,#080e32) !important; color:var(--home-ink) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden]))::before,#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden]))::after { content:none !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-shell { position:relative !important; display:block !important; box-sizing:border-box !important; width:100% !important; max-width:537px !important; min-height:100dvh !important; height:auto !important; margin:0 auto !important; padding:27px 36px calc(50px + env(safe-area-inset-bottom)) !important; overflow:visible !important; background:transparent !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-shell::before,#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-shell::after { content:none !important; }
/* Reset only the welcome presentation, which had accumulated absolute-position overrides. */
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) :where(.welcome-top,.welcome-top *:not(.pwa-welcome-install, .pwa-welcome-install *),.welcome-hero-section,.welcome-hero-section *:not(svg *)) { all:revert !important; box-sizing:border-box !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) :where(.welcome-top,.welcome-top *:not(.pwa-welcome-install, .pwa-welcome-install *),.welcome-hero-section,.welcome-hero-section *)::before,
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) :where(.welcome-top,.welcome-top *:not(.pwa-welcome-install, .pwa-welcome-install *),.welcome-hero-section,.welcome-hero-section *)::after { all:revert !important; content:none !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-top { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; margin:0 0 28px !important; min-height:48px !important; font-family:Arial,sans-serif !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand { display:flex !important; gap:17px !important; align-items:center !important; min-width:0 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-monogram { display:grid !important; place-items:center !important; flex:0 0 48px !important; height:48px !important; border:1px solid #c4f2ffc0 !important; border-right-color:#165897 !important; border-bottom-color:#021639 !important; border-radius:13px !important; color:#74e2ff !important; font:38px/1 Georgia,serif !important; background:linear-gradient(135deg,#153653,#020d20 65%) !important; text-shadow:0 0 8px #52d6ff70 !important; box-shadow:inset 1px 1px 2px #ffffff88,inset -3px -3px 6px #0008,0 4px 0 #010a1d,0 0 13px #43d0ff30 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand-text { display:flex !important; flex-direction:column !important; gap:5px !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand-name { font:24px/1.05 Georgia,serif !important; letter-spacing:2px !important; color:var(--home-ink) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand-tagline { font:11px/1.3 Arial,sans-serif !important; color:#b2c1d6 !important; white-space:nowrap !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-steps { position:relative !important; flex:0 0 109px !important; align-self:flex-start !important; margin-top:4px !important; padding:7px 12px 14px !important; border:1px solid #63cbff35 !important; border-radius:16px !important; background:#061c40cc !important; color:#d1e7f8 !important; font:700 9px/1 Arial,sans-serif !important; letter-spacing:1.2px !important; text-align:center !important; box-shadow:inset 1px 1px 1px #c9f4ff20,0 4px 8px #0004 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-steps::after { content:"" !important; position:absolute !important; left:13px !important; right:13px !important; bottom:5px !important; height:3px !important; border-radius:9px !important; background:linear-gradient(to right,#79e3ff 0 30%,transparent 30% 35%,#294d78 35% 64%,transparent 64% 69%,#294d78 69%) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) #welcome-close:not([hidden]) { position:absolute !important; top:4px !important; right:8px !important; padding:5px !important; border:0 !important; background:transparent !important; color:var(--home-muted) !important; font:11px Arial,sans-serif !important; cursor:pointer !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-section { position:relative !important; display:flex !important; flex-direction:column !important; gap:22px !important; width:100% !important; height:auto !important; padding:0 !important; margin:0 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-card,#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card,#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-verse { position:relative !important; isolation:isolate !important; width:100% !important; overflow:hidden !important; border:1px solid #7dddff99 !important; border-right:2px solid #174370 !important; border-bottom:3px solid #0c3b69 !important; border-radius:18px !important; background:linear-gradient(145deg,#082448,#020e26 80%) !important; box-shadow:inset 1px 1px 2px #e8faff65,inset -3px -4px 8px #00041490,0 6px 0 #01091f66,0 15px 24px #0006,0 0 16px #3eccff22 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-card { display:flex !important; flex-direction:column !important; justify-content:flex-end !important; min-height:454px !important; padding:177px 24px 24px !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-image { position:absolute !important; z-index:-2 !important; inset:0 !important; display:block !important; width:100% !important; height:auto !important; object-fit:contain !important; object-position:center top !important; filter:saturate(.75) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-card::before { content:"" !important; position:absolute !important; z-index:-1 !important; inset:0 !important; background:linear-gradient(180deg,transparent 20%,#010d2633 35%,#010d26dd 68%,#010d26 100%),linear-gradient(90deg,#01081a38,transparent 75%) !important; pointer-events:none !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-content { display:block !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-title { margin:0 !important; color:var(--home-ink) !important; font:400 33px/1.06 Georgia,'Times New Roman',serif !important; letter-spacing:-.7px !important; text-shadow:0 2px 8px #0009 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-subtitle { margin:14px 0 0 !important; max-width:340px !important; font:14px/1.45 Arial,sans-serif !important; color:var(--home-muted) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-label { margin:22px 0 10px !important; font:700 10px/1.2 Arial,sans-serif !important; letter-spacing:1.8px !important; color:var(--home-cyan) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-cta { display:flex !important; align-items:center !important; justify-content:center !important; gap:16px !important; width:100% !important; min-height:49px !important; padding:10px 8px !important; border:1px solid #f4fdfff5 !important; border-bottom:3px solid #287bb8 !important; border-radius:24px !important; background:linear-gradient(#eafbff,#bcebff 27%,#8bd9ff 60%,#61c0ef) !important; color:#062549 !important; font:700 16px/1.2 Arial,sans-serif !important; box-shadow:inset 1px 2px 2px #fffffff5,inset -3px -3px 6px #1670ad4d,0 5px 0 #0a437a,0 11px 17px #0006,0 0 15px #5fd8ff44 !important; cursor:pointer !important; transition:transform .15s,filter .15s !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) #welcome-hero-cta-label { font:inherit !important; color:inherit !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-cta-arrow { width:24px !important; height:24px !important; flex-shrink:0 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-cta:hover { transform:translateY(-2px) !important; filter:brightness(1.04) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-cta:active { transform:translateY(3px) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card { display:grid !important; grid-template-columns:70px 1fr 20px !important; grid-template-rows:auto 1fr !important; column-gap:19px !important; row-gap:10px !important; padding:14px 22px 13px !important; min-height:122px !important; text-align:left !important; color:var(--home-ink) !important; cursor:pointer !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-section-label { grid-column:1/-1 !important; font:700 9px/1 Arial,sans-serif !important; letter-spacing:1.7px !important; color:var(--home-cyan) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-icon { display:grid !important; place-items:center !important; width:70px !important; height:70px !important; border:1px solid #a0ecffb0 !important; border-radius:50% !important; background:radial-gradient(circle at 32% 22%,#28618b,#062c54 48%,#041329 85%) !important; box-shadow:inset 2px 2px 3px #ffffff66,inset -4px -4px 8px #0008,0 4px 0 #031334,0 0 14px #31ceff40 !important; color:#f0fbff !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-icon svg { width:46px !important; height:46px !important; filter:drop-shadow(0 0 4px #75dfff55) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-copy { display:flex !important; flex-direction:column !important; align-self:center !important; gap:7px !important; min-width:0 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-title { font:400 22px/1.05 Georgia,serif !important; color:var(--home-ink) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-text { max-width:220px !important; font:13px/1.4 Arial,sans-serif !important; color:var(--home-muted) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-chevron { width:20px !important; height:20px !important; align-self:center !important; color:#a1cce5 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card:hover { filter:brightness(1.12) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card:active { transform:translateY(2px) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-verse { display:flex !important; flex-direction:column !important; align-items:center !important; min-height:180px !important; padding:21px 34px 33px !important; text-align:center !important; background:radial-gradient(ellipse at 50% 0%,#2366ac38,transparent 60%),linear-gradient(150deg,#09264b,#021131) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-verse-text { margin:0 !important; color:#f0f5ff !important; font:italic 18px/1.38 Georgia,serif !important; letter-spacing:-.2px !important; text-shadow:0 1px 5px #0006 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-ornament { display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; margin:15px 0 10px !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-ornament::before,#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-ornament::after { content:"" !important; display:block !important; width:62px !important; height:1px !important; background:#79dcff99 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-ornament span { display:block !important; width:14px !important; height:14px !important; background:#6cdfff !important; clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-verse-ref { margin:0 !important; font:700 9px/1.2 Arial,sans-serif !important; letter-spacing:2px !important; color:var(--home-cyan) !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-verse::after,#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-section::after { content:"" !important; position:absolute !important; z-index:-1 !important; bottom:0 !important; left:0 !important; width:100% !important; height:58px !important; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 465 70' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%233abfef' stroke-opacity='.3' stroke-width='.8'%3E%3Cpath d='M-20 32C65-40 100 110 260 60S410-20 490 10M-20 40C60-20 130 85 255 54S410 5 490 25M-20 15C75 0 150 95 265 68S400-5 490 0M-20 60C100 25 145 100 280 60S410 15 490 45'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat !important; pointer-events:none !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-section::after { bottom:-48px !important; opacity:.65 !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-actions,#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) #profile-status:empty { display:none !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) [hidden] { display:none !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) button:focus-visible { outline:2px solid #b6f1ff !important; outline-offset:5px !important; }
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-title:focus { outline:none !important; }
/* Preserve a single column and readable text instead of scaling the whole screen. */
@media(max-width:480px) {
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-shell { padding:24px 6.7% calc(40px + env(safe-area-inset-bottom)) !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand { gap:10px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-monogram { flex-basis:40px !important; height:40px !important; font-size:31px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand-name { font-size:20px !important; letter-spacing:1.4px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand-tagline { font-size:9px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-steps { flex-basis:75px !important; font-size:8px !important; padding-inline:5px !important; letter-spacing:.7px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-top { gap:6px !important; margin-bottom:24px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-card { min-height:430px !important; padding:156px 20px 24px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-title { font-size:30px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-subtitle { font-size:12px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-cta { font-size:14px !important; min-height:52px !important; gap:10px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card { grid-template-columns:56px 1fr 16px !important; column-gap:14px !important; padding:15px 18px !important; min-height:116px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-icon { width:56px !important; height:56px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-icon svg { width:38px !important; height:38px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-title { font-size:19px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-text { font-size:11px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-verse { padding:23px 25px 30px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-verse-text { font-size:16px !important; }
}
@media(max-width:375px) {
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-shell { padding-inline:16px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand { gap:8px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-monogram { flex-basis:36px !important; height:38px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand-name { font-size:18px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand-tagline { max-width:169px !important; white-space:normal !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-steps { flex-basis:67px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-card { min-height:385px !important; padding:132px 17px 22px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-title { font-size:27px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-subtitle { font-size:11px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-label { font-size:9px !important; margin-top:18px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-cta { font-size:13px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card { grid-template-columns:49px 1fr 14px !important; column-gap:12px !important; padding-inline:15px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-icon { width:49px !important; height:49px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-title { font-size:17px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-music-card-text { font-size:10px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-hero-verse-text { font-size:15px !important; }
}
@media(prefers-reduced-motion:reduce) { #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) button { transition:none !important; } }


.welcome-monogram { display:grid; place-items:center; flex:0 0 44px; height:44px; border:1px solid #a9edff; border-radius:12px; background:#041735; color:#74e2ff; font:32px/1 Georgia,serif; }

#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) { background-image:radial-gradient(circle at 7% 3%,#a9edff55 0 1.4px,transparent 2.0px),radial-gradient(circle at 44% 26%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 81% 49%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 18% 72%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 55% 12%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 92% 35%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 29% 58%,#a9edff55 0 1.4px,transparent 2.0px),radial-gradient(circle at 66% 81%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 3% 21%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 40% 44%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 77% 67%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 14% 7%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 51% 30%,#a9edff55 0 1.4px,transparent 2.0px),radial-gradient(circle at 88% 53%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 25% 76%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 62% 16%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 99% 39%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 36% 62%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 73% 2%,#a9edff55 0 1.4px,transparent 2.0px),radial-gradient(circle at 10% 25%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 47% 48%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 84% 71%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 21% 11%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 58% 34%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 95% 57%,#a9edff55 0 1.4px,transparent 2.0px),radial-gradient(circle at 32% 80%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 69% 20%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 6% 43%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 43% 66%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 80% 6%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 17% 29%,#a9edff55 0 1.4px,transparent 2.0px),radial-gradient(circle at 54% 52%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 91% 75%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 28% 15%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(circle at 65% 38%,#a9edff55 0 1px,transparent 1.6px),radial-gradient(ellipse at 65% 20%,#09295766,transparent 62%),linear-gradient(180deg,#020c24,#041735 65%,#080e32) !important; }
/* Keep SVG paths unfilled and the desktop column close to the mobile reference. */
#welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) svg { fill:none !important; }
@media(min-width:768px) {
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-shell { max-width:502px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand { gap:12px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-brand-tagline { font-size:10px !important; }
 #welcome-dialog#welcome-dialog:has(.welcome-hero-section:not([hidden])) .welcome-steps { flex-basis:94px !important; }
}
/* Installation control must survive the welcome screen's scoped reset. */
#welcome-dialog#welcome-dialog .welcome-top button.pwa-welcome-install { display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 44px!important; width:44px!important; height:44px!important; padding:10px!important; color:#d6f3ff!important; border:1px solid #41637b!important; border-radius:14px!important; background:#10283b!important; cursor:pointer!important; }
#welcome-dialog#welcome-dialog .welcome-top button.pwa-welcome-install svg { display:block!important; width:22px!important; height:22px!important; fill:none!important; stroke:currentColor!important; }
#welcome-dialog#welcome-dialog .welcome-top button.pwa-welcome-install svg path { fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; }
html.pwa-installed #welcome-dialog#welcome-dialog .welcome-top button.pwa-welcome-install { display:none!important; }
@media(display-mode:standalone) { #welcome-dialog#welcome-dialog .welcome-top button.pwa-welcome-install { display:none!important; } }