:root{--onboarding-blue:#2997ff;--onboarding-muted:#a5aab6;--onboarding-border:rgba(255,255,255,.12)}
.onboarding-nav .wrap{gap:20px}.onboarding-nav .nav-actions{display:flex;align-items:center;gap:22px}.onboarding-nav-link,.onboarding-nav-upgrade{color:#dce7fa;text-decoration:none;font-size:14px;font-weight:600}.onboarding-nav-upgrade{padding:10px 16px;border-radius:30px;background:#102438;border:1px solid #204565;white-space:nowrap}.onboarding-nav-upgrade:hover{background:#173650}.onboarding-nav .sr-lang summary{min-width:58px}.onboarding-nav .sr-lang-option{gap:12px}
.onboarding-welcome{padding:42px 0 28px}.onboarding-welcome-heading{max-width:700px;margin:0 auto 42px;text-align:center}.onboarding-welcome-heading h1{font-size:clamp(36px,5.2vw,62px);line-height:1.08;letter-spacing:-2px;margin:20px 0}.onboarding-welcome-heading>p{font-size:18px;line-height:1.65;color:var(--onboarding-muted);max-width:590px;margin:0 auto}.onboarding-plan-badge{display:inline-flex;align-items:center;color:#a9d5ff;background:#122a40;border:1px solid #244564;border-radius:30px;padding:6px 11px;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.06em}.onboarding-welcome-layout{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--onboarding-border);border-radius:30px;background:#101115;overflow:hidden}.onboarding-ocean{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 45% 35%,#143451 0%,#111d30 36%,#0b101a 72%);padding:52px 30px;min-height:590px;text-align:center;isolation:isolate}.onboarding-ocean-orbit{position:absolute;top:10%;left:50%;width:360px;height:360px;border:1px solid #82bfff13;border-radius:50%;transform:translateX(-50%);z-index:-1}.onboarding-ocean-orbit:before,.onboarding-ocean-orbit:after{content:"";position:absolute;inset:32px;border-radius:50%;border:1px solid #82bfff13}.onboarding-ocean-orbit:after{inset:66px}.onboarding-shark-float{animation:onboarding-swim 7s ease-in-out infinite;filter:drop-shadow(0 15px 30px #3399ff20);margin-bottom:34px}.onboarding-shark-float .shark-avatar{display:block;width:142px;height:142px;border-radius:40px;border:1px solid #b1d3ff33;background:linear-gradient(140deg,#428ad92c,#ffffff04);color:#7abdff;padding:27px;box-sizing:border-box}.onboarding-shark-float svg{width:100%;height:100%}.onboarding-mode-pill{border:1px solid #78c5fa3b;border-radius:20px;background:#0a172f99;color:#8dccf8;padding:7px 12px;letter-spacing:.12em;font-size:10px;font-weight:700}.onboarding-ocean h2{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin:20px 0 8px;max-width:100%;overflow-wrap:anywhere}.onboarding-ocean p{font-size:14px;color:#9eaec3;max-width:260px;line-height:1.7}.onboarding-wave{width:110%;height:140px;margin:20px -5% 0;flex-shrink:0;stroke:#65b5f7;stroke-width:2.5;animation:onboarding-wave 9s ease-in-out infinite}.onboarding-wave path+path{stroke:#4c9ae1;opacity:.18;stroke-width:1}.onboarding-illustration-label{color:#8094ab;font-size:11px;line-height:1.5}.onboarding-setup{padding:40px}.onboarding-setup .exchange-field>label,.onboarding-rule-picker legend{font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:12px}.onboarding-step{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:50%;color:#91b3d3;background:#1b2532;font-size:11px}.onboarding-setup .exchange-form{gap:23px}.onboarding-setup input:not([type=radio]):not([type=hidden]),.onboarding-setup select{min-height:54px;font-size:16px}.onboarding-rule-picker{padding:0;border:0;margin:0;display:grid;gap:9px;min-width:0}.onboarding-rule-picker>label{display:flex;gap:13px;align-items:flex-start;padding:15px;border:1px solid var(--onboarding-border);border-radius:14px;background:#0b0e13;cursor:pointer}.onboarding-rule-picker>label:has(input:checked){border-color:#5d98cf;background:#132338}.onboarding-rule-picker input{accent-color:var(--onboarding-blue);width:17px;height:17px;margin:3px 0 0;flex-shrink:0}.onboarding-rule-picker strong,.onboarding-rule-picker small{display:block}.onboarding-rule-picker strong{font-size:14px;color:#f4f7ff;margin-bottom:4px}.onboarding-rule-picker small{font-size:12px;line-height:1.6;color:var(--onboarding-muted)}.onboarding-rule-summary{padding:16px 18px;border-radius:14px;background:#ffffff04;border:1px solid #ffffff0b}.onboarding-rule-summary strong{font-size:13px;color:#bed6ed}.onboarding-rule-summary p{font-size:12px;line-height:1.7;color:#98a4b5;margin:7px 0 0}.onboarding-reassurance{text-align:center;font-size:12px;color:#8c9dad;margin:0!important}.onboarding-custom-link{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;padding-top:24px;border-top:1px solid var(--onboarding-border);margin-top:25px;font-size:12px}.onboarding-custom-link a,.onboarding-text-link{color:#93c9ff;text-decoration:none}.onboarding-text-link{display:block;margin-top:20px}.onboarding-welcome-note{color:#8b95a3;text-align:center;font-size:12px;max-width:570px;line-height:1.8;margin:24px auto 0}.onboarding-plan-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border:1px solid var(--onboarding-border);border-radius:16px;padding:14px 18px;margin-bottom:28px;background:linear-gradient(110deg,#101f30,#101116)}.onboarding-plan-strip>div{display:flex;align-items:center;flex-wrap:wrap;min-width:0;gap:12px;color:#a9b3c3;font-size:12px}.onboarding-plan-strip>a{font-size:12px;color:#8ac5ff;text-decoration:none}.onboarding-upgrade-hint{display:flex;align-items:center;gap:24px;justify-content:space-between;background:linear-gradient(115deg,#142035,#14151c);border:1px solid #8ba5dc2b;padding:24px;border-radius:20px;margin:24px 0}.onboarding-upgrade-hint h2{font-size:19px;letter-spacing:-.4px;margin:12px 0 8px}.onboarding-upgrade-hint p{font-size:13px!important;line-height:1.7;color:#9ea9bd;max-width:460px}.onboarding-upgrade-hint>.exchange-button{width:auto;flex-shrink:0;font-size:13px;padding:12px 20px;min-height:44px}.onboarding-upgrade-hint .onboarding-plan-badge{padding:3px 9px;font-size:10px}
/* Shared, deliberately quiet authentication surfaces. */
.exchange-auth{background:radial-gradient(ellipse at 50% 16%,#13213866,transparent 48%),#000}.exchange-auth .exchange-shell{max-width:1120px}.exchange-auth .login-card{max-width:480px;border-radius:26px;padding:40px;margin:58px auto}.exchange-auth .login-card h1{font-size:34px;line-height:1.13;letter-spacing:-1.2px}.exchange-auth .login-card>p{font-size:14px;line-height:1.7;color:#a7afbd}.exchange-auth .exchange-form{gap:18px}.exchange-auth .exchange-field input{font-size:16px;min-height:54px}.exchange-auth .exchange-field label{font-size:13px}.exchange-auth .exchange-small{font-size:12px;line-height:1.7}.exchange-auth .exchange-button{font-size:14px;min-height:50px}.exchange-auth .exchange-footer{max-width:480px;margin:0 auto 30px;padding-top:20px;border-color:#ffffff10}.exchange-auth .exchange-legal-links{justify-content:center;gap:25px}.exchange-auth .exchange-legal-links a{font-size:11px;color:#909bab}.onboarding-auth-card{max-width:480px;margin:58px auto;padding:38px;border:1px solid var(--onboarding-border);border-radius:26px;background:linear-gradient(140deg,#171b24,#101114)}.onboarding-auth-card h1{font-size:34px;letter-spacing:-1px;line-height:1.15}.onboarding-auth-card p{color:#a7afbd;line-height:1.7;font-size:14px}.onboarding-auth-card form{display:grid;gap:18px}.onboarding-auth-card label{font-size:13px}.onboarding-auth-card input:not([type=checkbox]):not([type=hidden]){width:100%;min-height:54px;background:#090b0f;color:#f5f7ff;border:1px solid #ffffff28;border-radius:13px;padding:12px 15px;font:inherit;box-sizing:border-box}.onboarding-auth-card input:focus-visible{outline:2px solid #2997ff;outline-offset:3px}.onboarding-social-buttons,.onboarding-social{display:grid;gap:10px;margin:22px 0}.onboarding-social-buttons a,.onboarding-social a,.onboarding-social button{display:flex;justify-content:center;align-items:center;gap:10px;text-decoration:none;border:1px solid #ffffff28;background:#17191f;border-radius:30px;min-height:50px;color:#fff;font-size:14px;font-weight:600}.onboarding-divider{display:flex;align-items:center;gap:12px;color:#6f7a89;font-size:11px;margin:24px 0}.onboarding-divider:before,.onboarding-divider:after{content:"";height:1px;flex:1;background:#ffffff16}.onboarding-auth-links{text-align:center;font-size:13px;color:#a0a9b7;margin-top:24px}.onboarding-auth-links a{color:#88c5ff}.onboarding-auth-card .errorlist{padding:12px 16px;list-style:none;border:1px solid #aa606055;color:#efa5a5;background:#331b1b;border-radius:12px;font-size:12px}.onboarding-auth-card .exchange-checkbox{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.6}.onboarding-auth-card .exchange-checkbox input{accent-color:#2997ff;width:16px;height:16px;flex-shrink:0;margin-top:3px}
@keyframes onboarding-swim{0%,100%{transform:translateY(0) rotate(-5deg)}48%{transform:translateY(-13px) rotate(5deg)}}@keyframes onboarding-wave{0%,100%{transform:translateX(-7px) scaleY(.86)}50%{transform:translateX(7px) scaleY(1.07)}}
@media(min-width:1200px){.dashboard-nav .links .dashboard-link{font-size:12px}.dashboard-nav .links{gap:16px}}
@media(max-width:760px){.onboarding-welcome{padding-top:20px}.onboarding-welcome-heading{margin-bottom:26px}.onboarding-welcome-heading h1{letter-spacing:-1.3px}.onboarding-welcome-heading>p{font-size:15px}.onboarding-welcome-layout{grid-template-columns:1fr;border-radius:24px}.onboarding-ocean{min-height:285px;padding:26px 20px}.onboarding-ocean-orbit{top:-35%;width:320px;height:320px}.onboarding-shark-float{margin-bottom:15px}.onboarding-shark-float .shark-avatar{width:88px;height:88px;padding:17px;border-radius:24px}.onboarding-ocean h2{font-size:26px;margin-top:14px}.onboarding-ocean p{font-size:12px;margin:0;max-width:none}.onboarding-wave{position:absolute;bottom:-3px;width:105%;height:65px;opacity:.35;z-index:-1}.onboarding-illustration-label{font-size:9px;margin-top:22px}.onboarding-setup{padding:26px 22px}.onboarding-upgrade-hint{align-items:stretch;flex-direction:column;gap:12px;padding:22px}.onboarding-upgrade-hint>.exchange-button{align-self:flex-start}.onboarding-plan-strip{padding:12px 14px;gap:10px}.onboarding-plan-strip>div{gap:9px}.onboarding-nav .nav-actions{gap:13px}.onboarding-nav .logo{font-size:19px}.onboarding-nav .logo svg{width:27px;height:27px}.onboarding-nav-link{font-size:12px}.onboarding-nav .sr-lang summary{min-width:43px;min-height:43px;padding:8px}.onboarding-nav-upgrade{font-size:11px;padding:9px 11px}.exchange-auth .login-card,.onboarding-auth-card{padding:27px 23px;margin:30px auto}.exchange-auth .login-card h1,.onboarding-auth-card h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.onboarding-shark-float,.onboarding-wave{animation:none}}
.onboarding-auth-mark{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.onboarding-auth-mark .shark-avatar{display:block;width:48px;height:48px;border-radius:15px;background:linear-gradient(140deg,#254563,#182334);color:#75beff;border:1px solid #79b4ed30;padding:10px;box-sizing:border-box}.onboarding-auth-mark svg{width:100%;height:100%}.onboarding-free-facts{display:flex;flex-wrap:wrap;gap:7px 16px;margin:18px 0 26px;color:#a9becc;font-size:11px}.onboarding-free-facts span:before{content:'✓';color:#76c7a4;margin-right:6px}.onboarding-alternate{font-size:12px!important;text-align:center;margin-top:26px!important}.onboarding-alternate a{color:#8bc9ff;text-decoration:none}.onboarding-resend{text-align:center;margin-top:20px}.onboarding-password-toggle{justify-self:end;background:none;border:0;color:#91c9ff;font-size:12px;padding:0 3px;min-height:30px;margin-top:-18px;cursor:pointer}.onboarding-social{border-top:1px solid #ffffff13;padding-top:10px}.onboarding-social>p{text-align:center;font-size:11px}.onboarding-social .exchange-button{width:100%}

/* Keep provider choices compact and action labels visually separate. */
.exchange-auth .onboarding-social form{margin:0;gap:0}.exchange-auth .onboarding-social>p{margin:4px 0 10px}.onboarding-auth .exchange-button,.onboarding-setup .exchange-button{gap:9px}.onboarding-social .exchange-button{color:#e8edf6}
.exchange-auth .onboarding-password-toggle,.exchange-auth .onboarding-password-toggle:hover{width:auto;min-height:30px;padding:0 3px;border:0;border-radius:0;background:none;color:#91c9ff;font-size:12px}
/* Localized upgrade labels must share the mobile header with both controls. */
@media(max-width:760px){.dashboard-nav .onboarding-nav-upgrade{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:44px;padding:8px 10px;font-size:11px;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:anywhere}.dashboard-nav .onboarding-nav-upgrade>span{flex-shrink:0}}

/* Choose a starting point before opening the optional guided simulation. */
.onboarding-welcome-heading{max-width:760px;margin-bottom:32px}
.onboarding-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:960px;margin:0 auto;text-align:left}
.onboarding-choices .onboarding-choice{display:grid;grid-template-rows:auto 1fr auto;gap:24px;position:relative;min-width:0;padding:30px;border:1px solid #78b7f238;border-radius:26px;background:radial-gradient(ellipse at 0 0,#203c57a6,transparent 75%),linear-gradient(145deg,#111b29,#0c0e13 80%);text-decoration:none;color:#f5f7fb;box-shadow:inset 0 1px 0 #a4d5ff12;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.onboarding-choices .onboarding-choice:hover{transform:translateY(-3px);border-color:#6fbdff99;box-shadow:0 12px 38px #0084ff12,inset 0 1px 0 #a4d5ff20}
.onboarding-choices .onboarding-choice:focus-visible{outline:3px solid #2997ff;outline-offset:5px;border-color:#a0d0ff}
.onboarding-choice-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #86c3ff40;border-radius:18px;color:#8ac9ff;background:linear-gradient(145deg,#70bfff1c,#1b304329);box-shadow:inset 0 1px 0 #a4d5ff14}
.onboarding-choice-icon svg{display:block;width:30px;height:30px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.onboarding-choices .onboarding-choice h2{margin:0 0 10px;font-size:25px;line-height:1.22;letter-spacing:-.65px;color:#f5f7fb;overflow-wrap:break-word}
.onboarding-choices .onboarding-choice p{margin:0;color:#a8b4c5;font-size:15px;line-height:1.65}
.onboarding-choice-action{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #8fc7ff1c;padding-top:20px;font-size:14px;line-height:1.5;font-weight:600;color:#8ccaff}
.onboarding-choice-action>span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid #8fc7ff30;border-radius:50%;font-size:18px;font-weight:400}
.onboarding-choice-reassurance{margin:24px auto 30px;text-align:center;color:#9cabbc;font-size:12px;line-height:1.7}
.onboarding-choice-reassurance p{margin:5px 0}
.onboarding-choice-reassurance p+p{color:#8393a7}
.onboarding-guided{max-width:960px;margin:28px auto 0;border-top:1px solid #ffffff13;padding-top:12px}
.onboarding-guided>summary{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:8px 12px;color:#a5c4e3;font-size:14px;line-height:1.5;font-weight:500;list-style:none;cursor:pointer;text-align:center}
.onboarding-guided>summary::-webkit-details-marker{display:none}
.onboarding-guided>summary>span{font-size:23px;line-height:1;flex-shrink:0;color:#7ebdff}
.onboarding-guided[open]>summary>span{transform:rotate(45deg)}
.onboarding-guided>summary:hover{color:#cfe7ff}
.onboarding-guided>summary:focus-visible{outline:2px solid #2997ff;outline-offset:3px;border-radius:10px}
.onboarding-guided-intro{text-align:center;font-size:14px;line-height:1.7;color:#9cabbc;margin:12px auto 24px;max-width:560px}
.onboarding-capacity-notice{max-width:960px;margin:28px auto;border:1px solid #80beff2c;border-radius:20px;padding:24px;background:#101923;box-sizing:border-box}
.onboarding-capacity-notice h2{font-size:20px;line-height:1.3;margin:0 0 10px}
.onboarding-capacity-notice p{font-size:14px;line-height:1.7;color:#a8b4c5;margin:0 0 18px}
.onboarding-capacity-notice>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.onboarding-capacity-notice a{color:#9bcfff;font-size:14px}
.onboarding-capacity-notice .exchange-button{width:auto;min-height:44px;color:#fff;font-size:13px}
.workspace-empty .onboarding-choices{margin-top:30px;max-width:900px}
@media(max-width:760px){
  .onboarding-welcome-heading{margin-bottom:24px}
  .onboarding-welcome-heading h1{font-size:clamp(30px,8.2vw,42px);margin:16px 0;letter-spacing:-1.2px}
  .onboarding-welcome-heading>p{font-size:15px;line-height:1.65}
  .onboarding-choices{grid-template-columns:1fr;gap:14px}
  .onboarding-choices .onboarding-choice{grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:18px 14px;padding:22px 20px;border-radius:22px}
  .onboarding-choice-icon{width:44px;height:44px;border-radius:14px}
  .onboarding-choice-icon svg{width:25px;height:25px}
  .onboarding-choices .onboarding-choice h2{font-size:21px;letter-spacing:-.5px;line-height:1.25;margin-bottom:8px}
  .onboarding-choices .onboarding-choice p{font-size:13px;line-height:1.6}
  .onboarding-choice-action{grid-column:1/-1;font-size:13px;padding-top:14px}
  .onboarding-choice-reassurance{font-size:11px;margin:20px 8px 22px}
  .onboarding-guided{margin-top:22px}
  .onboarding-guided>summary{font-size:13px}
  .onboarding-guided-intro{font-size:13px;padding:0 12px}
  .workspace-empty .onboarding-choices .onboarding-choice{grid-template-columns:1fr;gap:16px;padding:22px 18px}
  .workspace-empty .onboarding-choice-icon{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.onboarding-choices .onboarding-choice{transition:none}.onboarding-choices .onboarding-choice:hover{transform:none}}