/* Launch surfaces are scoped to preserve the existing member tools. */
body:has(#signed-out:not(.hidden)) .sidebar,body:has(#signed-out:not(.hidden)) .topbar{display:none!important}
body:has(#signed-out:not(.hidden)) .app-shell{display:block!important}
body:has(#signed-out:not(.hidden)) main{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
.welcome-page{--welcome-blue:#92dcff;max-width:1240px;margin:auto;padding:0 48px;color:#ecf3fa;font-family:inherit}
.welcome-page a:focus-visible,.help-page a:focus-visible,.launch-dialog button:focus-visible{outline:3px solid #92dcff;outline-offset:5px}
.welcome-nav{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #ffffff14;gap:20px}
.welcome-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:750;font-size:21px}
.welcome-brand img{object-fit:contain}.welcome-brand small{display:block;color:#8899ac;font-size:9px;letter-spacing:1.8px;margin-top:5px}
.welcome-help,.welcome-footer a{color:#b6c4d4;text-decoration:none;font-size:14px}.welcome-help:hover,.welcome-footer a:hover{color:#92dcff}
.welcome-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;min-height:620px;padding:62px 0 70px}
.welcome-kicker{color:#92dcff;font-size:11px;font-weight:750;letter-spacing:1.8px;line-height:1.6;margin:0 0 20px}
.welcome-copy h1{font-size:clamp(48px,5.5vw,76px);line-height:1.04;letter-spacing:-3.5px;margin:0 0 28px;font-weight:800}
.welcome-copy h1 em{color:#92dcff;font-style:normal}.welcome-intro{max-width:470px;color:#b6c4d4;font-size:18px;line-height:1.75}
.welcome-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:32px 0 18px}.welcome-actions>a:not(.primary-button){font-size:14px;color:#c7d5e3;text-decoration:none}
.welcome-page .primary-button,.help-page .primary-button{background:#92dcff;color:#091421;border:1px solid #92dcff;box-shadow:none;padding:15px 22px;font-weight:750;border-radius:12px;text-decoration:none;display:inline-flex;gap:22px;align-items:center;justify-content:center}
.welcome-page .primary-button:hover{background:#b4e8ff}.welcome-note{font-size:12px;color:#91a3b6;line-height:1.7;max-width:360px}
.welcome-art{min-width:0;position:relative;display:grid;place-items:center;isolation:isolate}
.welcome-orbit{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;border:1px solid #8ed4ff20;background:radial-gradient(circle,#6cc4ff26,transparent 69%);z-index:-1}
.welcome-orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #92dcff20;border-radius:50%}
.welcome-mascot{width:100%;max-width:430px;height:auto;object-fit:contain;filter:drop-shadow(0 25px 40px #0007)}
.welcome-art-label{color:#b4cee0;font-size:12px;background:#16212de6;border:1px solid #9bdcff25;border-radius:30px;padding:12px 18px;margin-top:-4px;z-index:1}.welcome-art-label span{color:#92dcff;margin-right:7px}
.welcome-explore{padding:22px 0 70px;scroll-margin-top:24px}.welcome-explore>h2,.welcome-bottom h2{font-size:34px;letter-spacing:-1px;line-height:1.2;margin:0 0 14px}.welcome-explore>.welcome-kicker{margin-bottom:12px}
.welcome-section-intro{color:#91a3b6;margin:0 0 30px;line-height:1.7}.welcome-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.welcome-features article{display:flex;flex-direction:column;border:1px solid #ffffff14;border-radius:18px;padding:28px;background:linear-gradient(145deg,#19243099,#10161eee)}
.welcome-feature-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #92dcff29;border-radius:12px;background:#92dcff0c;color:#92dcff;font-size:24px;margin-bottom:25px}
.welcome-features .welcome-kicker{font-size:10px;margin-bottom:12px}.welcome-features h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:0 0 14px}.welcome-features article>p:not(.welcome-kicker){font-size:14px;line-height:1.8;color:#a6b5c7;margin:0 0 25px}
.welcome-preview{margin-top:auto;border-top:1px solid #ffffff10;padding-top:18px;display:grid;gap:10px;font-size:12px;color:#9eafc2}.welcome-preview span:last-child{color:#92dcff}
.welcome-bottom{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:42px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.welcome-bottom p{margin:0;color:#9aacc0}.welcome-footer{display:flex;flex-wrap:wrap;gap:25px;align-items:center;padding:30px 0;color:#72869c;font-size:12px}.welcome-footer>span{margin-right:auto}
.welcome-share-note{border-left:3px solid #92dcff;padding:12px 18px;background:#92dcff0c;font-size:14px;line-height:1.7}
.launch-dialog{background:#141c28;color:#ecf3fa;border:1px solid #7287a14d;border-radius:18px;padding:28px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 90px #000a}.launch-dialog::backdrop{background:#04080dba;backdrop-filter:blur(4px)}
.launch-dialog h2{font-size:23px;margin:0 0 14px}.launch-dialog p{color:#bbc7d7;line-height:1.7;white-space:pre-line}.launch-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px}.launch-dialog button{min-height:44px}.launch-dialog label{display:block;line-height:1.6}.launch-dialog input,.launch-dialog select{width:100%;box-sizing:border-box;margin-top:10px;padding:12px;background:#0b111b;color:#edf3fb;border:1px solid #63758f;border-radius:8px}.launch-dialog [data-dialog-error]{color:#ffb4bb;font-size:13px}
.launch-feedback{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:20000;max-width:min(580px,calc(100vw - 32px));width:max-content;display:flex;gap:20px;align-items:center;padding:15px 18px;background:#182b35;color:#dff6ff;border:1px solid #83cfec80;border-radius:12px;box-shadow:0 8px 30px #0008;font-size:14px;line-height:1.5}.launch-feedback button{background:none;border:0;color:inherit;cursor:pointer;font-size:22px;min-width:30px}.launch-feedback[role=alert]{background:#34212a;border-color:#d18194}
.setup-card{border:1px solid #92dcff30;background:linear-gradient(110deg,#17334366,#151c2a);border-radius:16px;padding:22px;margin:22px 0}.setup-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.setup-heading h2{margin:0 0 7px;font-size:20px}.setup-heading p{margin:0;color:#a5b6c9;font-size:13px;line-height:1.6}.setup-heading>button{white-space:nowrap}.setup-steps{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.setup-steps button{flex:1;min-width:170px;text-align:left;padding:14px 18px;background:#0b152266;border:1px solid #92dcff30;border-radius:10px;color:#e3f4ff;font:inherit;font-size:14px;cursor:pointer}.setup-steps small{display:block;color:#99b4c9;margin-top:6px}.setup-status{color:#9eb4c9;font-size:13px;line-height:1.7}.sidebar-footer a{color:#a6bcce;line-height:2;text-decoration:none}
.help-page{max-width:920px;margin:auto;padding:24px;color:#edf3fa}.help-page>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 30px}.help-page h1{font-size:42px;letter-spacing:-1.5px;margin-bottom:16px}.help-page .help-intro{color:#abc0d3;font-size:18px;line-height:1.7}.help-page section{margin:28px 0;padding:28px;border:1px solid #ffffff18;border-radius:16px;background:#131d29;scroll-margin-top:20px}.help-page section h2{margin-top:0;font-size:24px}.help-page p,.help-page li{line-height:1.8;color:#b8c7d7}.help-page a{color:#92dcff}.help-page details{border-top:1px solid #ffffff18;padding:18px 0}.help-page summary{cursor:pointer;font-weight:650;line-height:1.5}.help-page textarea{box-sizing:border-box;width:100%;min-height:140px;padding:14px;background:#0b111b;color:#ecf3fa;border:1px solid #566c83;border-radius:8px;font:inherit;font-size:14px;line-height:1.7}.help-page label{display:block;margin-bottom:10px}.help-links{display:flex;flex-wrap:wrap;gap:18px}
@media(max-width:800px){.welcome-page{padding:0 24px}.welcome-nav{padding:22px 0}.welcome-hero{padding:42px 0;min-height:0;gap:24px}.welcome-copy h1{font-size:54px;letter-spacing:-2.5px}.welcome-intro{font-size:16px}.welcome-art-label{font-size:10px;padding:10px}.welcome-features{grid-template-columns:1fr}.welcome-features article{padding:24px}.welcome-preview{display:flex;flex-wrap:wrap;gap:10px 18px}.welcome-features article>p:not(.welcome-kicker){max-width:530px}.welcome-explore{padding-bottom:40px}}
@media(max-width:580px){.welcome-page{padding:0 22px}.welcome-brand{font-size:18px;gap:8px}.welcome-brand small{font-size:8px;letter-spacing:1px}.welcome-brand img{width:38px;height:38px}.welcome-help{font-size:12px}.welcome-hero{grid-template-columns:1fr;padding-top:38px}.welcome-copy h1{font-size:54px}.welcome-intro{max-width:400px}.welcome-actions{gap:20px;margin-top:26px}.welcome-art{max-width:280px;margin:0 auto}.welcome-art-label{white-space:nowrap;font-size:11px}.welcome-explore>h2,.welcome-bottom h2{font-size:29px}.welcome-bottom{align-items:flex-start;flex-direction:column;padding:32px 0}.welcome-footer{gap:16px}.welcome-footer>span{flex-basis:100%}.setup-heading{flex-direction:column;gap:12px}.setup-steps{flex-direction:column}.help-page h1{font-size:34px}.help-page section{padding:22px}.launch-dialog{padding:22px}.launch-dialog-actions{flex-direction:column}.launch-dialog-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.welcome-page *{scroll-behavior:auto!important;transition:none!important}}

.help-body main.help-page{padding:24px!important;margin:0 auto!important;width:auto!important;max-width:920px!important}

.member-preview-active{padding-bottom:110px!important}
.member-preview-banner{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:19000;display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(660px,calc(100% - 28px));box-sizing:border-box;padding:16px 20px;background:#152b3b;border:1px solid #92dcff;border-radius:14px;box-shadow:0 8px 40px #0009;color:#edf6ff}
.member-preview-banner strong,.member-preview-banner span{display:block}.member-preview-banner span{font-size:12px;color:#b2c9d9;margin-top:5px;line-height:1.5}.member-preview-banner a{white-space:nowrap;text-decoration:none}
@media(max-width:580px){.member-preview-banner{padding:12px;gap:10px}.member-preview-banner strong{font-size:14px}.member-preview-banner span{font-size:11px}.member-preview-banner a{padding:12px;font-size:12px}}
