.onboarding-experience{--foreground: #f5f7ff;--muted-foreground: #b9c5d9;--calm: #b4dcff;--border-premium: #bdd1ed26;--border-premium-strong: #bdd1ed40;--surface-control: #a3b9e30c;min-height:100dvh;position:relative;isolation:isolate;overflow-x:clip;color-scheme:dark;background:radial-gradient(ellipse at 50% 16%,#17203b 0,#070e1b 44%,#050a13 80%);color:var(--foreground);padding:env(safe-area-inset-top) 24px max(24px,env(safe-area-inset-bottom))}.onboarding-column{max-width:520px;margin:auto;display:flex;flex-direction:column;min-height:calc(100dvh - 24px)}.onboarding-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;gap:20px;position:relative;z-index:2}.onboarding-header .today-current-wordmark{position:static;transform:none;grid-column:2;grid-row:1}.onboarding-step-count{grid-column:3;grid-row:1;text-align:right;font-size:11px;color:#98abc6;font-variant-numeric:tabular-nums}.onboarding-progress{display:flex;gap:4px;grid-column:1;grid-row:1;max-width:88px}.onboarding-progress>span{flex:1;height:3px;min-width:3px;border-radius:4px;background:#b7cbe42a;transition:background .5s,box-shadow .5s}.onboarding-progress>span[data-reached=true]{background:#cae7f9;box-shadow:0 0 8px #addfff40}.onboarding-visual{position:relative;pointer-events:none;height:160px;width:100%;transition:height .7s cubic-bezier(.2,.75,.2,1)}.onboarding-orb{position:absolute;width:min(285px,85vw);aspect-ratio:1;top:-18px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 50%,transparent 90%);mask-image:linear-gradient(#000 50%,transparent 90%);transition:transform 1.1s cubic-bezier(.2,.75,.2,1),opacity .5s,width .7s,top .7s}.onboarding-visual-caption{display:none}.onboarding-content{position:relative;min-width:0}.onboarding-stage-hero{text-align:center;margin-bottom:24px}.onboarding-eyebrow{font-size:10px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--calm);margin-bottom:12px}.onboarding-stage-hero h1{font-size:clamp(30px,6vw,42px);line-height:1.09;font-weight:650;letter-spacing:-.05em;text-wrap:balance;margin:0 auto 14px;outline:none}.onboarding-intro{font-size:15px;color:var(--muted-foreground);line-height:1.65;max-width:43ch;margin:0 auto;text-wrap:pretty}.onboarding-experience h2{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.035em}.onboarding-experience :is(button,a,input,textarea,select):focus-visible{outline:2px solid #d2cbff;outline-offset:4px}.onboarding-experience button{cursor:pointer}.onboarding-experience button:disabled{opacity:.42;cursor:default}.onboarding-experience :is(h1,h2):focus-visible{outline:none}.onboarding-experience[data-step=welcome] .onboarding-visual{height:clamp(235px,35vh,310px)}.onboarding-experience[data-step=welcome] .onboarding-orb{width:min(410px,105vw);top:-22px;-webkit-mask-image:linear-gradient(#000 60%,transparent 94%);mask-image:linear-gradient(#000 60%,transparent 94%)}.onboarding-experience[data-step=welcome] .onboarding-stage-hero{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.onboarding-welcome-story{text-align:center}.onboarding-story-nav{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;margin:0 auto 8px}.onboarding-story-nav button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:38px;min-height:36px;color:#b4dcff;padding:4px 6px}.onboarding-story-nav button>span:first-child{display:block;height:3px;width:14px;background:#8da5c34d;border-radius:3px;transition:width .6s,background .6s}.onboarding-story-nav button[aria-pressed=true]>span:first-child{background:#b9eaff;width:22px;box-shadow:0 0 12px #93deff55}.onboarding-story-current{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:650}.onboarding-story-copy h2{font-size:clamp(36px,8vw,50px);font-weight:650;letter-spacing:-.055em;line-height:1.06;margin:8px -4px 22px;text-wrap:balance}.onboarding-story-copy h2 em{font-style:normal;color:#d2cbff}.onboarding-story-copy>p{max-width:40ch;margin:0 auto 20px;font-size:16px;line-height:1.65;color:#b9c5d9;text-wrap:pretty}.onboarding-story-copy>.onboarding-story-takeaway{font-size:17px;color:#d5ecf6;line-height:1.5;margin:20px auto 18px}.onboarding-story-copy details{text-align:left;border-top:1px solid #a6c8ea20}.onboarding-story-copy summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:50px;color:#9cb2cc;font-size:12px;cursor:pointer;list-style:none}.onboarding-story-copy summary::-webkit-details-marker{display:none}.onboarding-story-copy details[open] summary>span{transform:rotate(45deg)}.onboarding-story-copy details p{color:#b9c5d9;font-size:15px;line-height:1.65;margin:8px 0 16px}.onboarding-story-copy a,.onboarding-human-help a{color:#b4dcff;text-decoration:underline;text-underline-offset:4px}.onboarding-ritual{counter-reset:ritual;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;text-align:left;margin:26px 0;padding:0;position:relative}.onboarding-ritual li{display:grid;gap:5px;border-top:1px solid #b8d7fb44;padding:12px 0 0;position:relative}.onboarding-ritual li:before{content:"";position:absolute;top:-2px;left:0;width:24px;height:2px;background:#87e7d2;box-shadow:0 0 9px #87e7d26b}.onboarding-ritual li:nth-child(2):before{background:#8ee1ff}.onboarding-ritual li:nth-child(3):before{background:#c4b3ff}.onboarding-ritual li:nth-child(4):before{background:#efc6a4}.onboarding-ritual strong{color:#ebf4ff;font-size:16px;font-weight:550}.onboarding-ritual span{color:#9eafc7;font-size:12px;line-height:1.5}.onboarding-decision{display:grid;gap:5px;text-align:center;padding:20px 0 4px;font-size:12px;color:#9dafc6}.onboarding-decision strong{color:#c8e6ee;font-size:17px;font-weight:500}.onboarding-decision span{color:#9dafc6;font-size:12px}.onboarding-fields{display:grid;gap:15px;margin:20px 0;min-width:0}.onboarding-fields>label{display:grid;gap:8px;font-size:23px;font-weight:550;line-height:1.25;letter-spacing:-.035em}.onboarding-fields label small{font-size:13px;font-weight:400;color:#a4b5ce;line-height:1.6;letter-spacing:0}.onboarding-fields :is(input,textarea,select),.onboarding-content .health-simple-editor :is(input,textarea,select){box-sizing:border-box;width:100%;min-width:0;min-height:52px;padding:16px var(--entry-input-padding-inline, 18px);border:1px solid #bdd1ed40;border-radius:22px;color:#f5f7ff;font-size:16px;line-height:1.6;font-weight:400;letter-spacing:0;background:linear-gradient(125deg,#a3d1ec0e,#c5b9ff06);box-shadow:inset 0 1px #d0e9ff0b}.onboarding-fields textarea{min-height:140px;resize:vertical;margin-top:6px}.onboarding-fields :is(input,textarea,select):focus{border-color:#d3c8ff;box-shadow:0 0 0 3px #c2b6ff15}.onboarding-fields p{font-size:15px;line-height:1.65;color:#b9c5d9}.onboarding-question-nav,.onboarding-support-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 16px;border-bottom:1px solid #a6c8ea20}.onboarding-question-nav button,.onboarding-support-nav button{min-height:44px;padding:8px 0 12px;display:flex;align-items:center;gap:6px;position:relative;color:#91a4c0;font-size:12px;line-height:1.4}.onboarding-question-nav button>span{font-size:10px;opacity:.6}.onboarding-question-nav button[aria-pressed=true],.onboarding-support-nav button[aria-pressed=true]{color:#c6efff}.onboarding-question-nav button[aria-pressed=true]:after,.onboarding-support-nav button[aria-pressed=true]:after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;background:linear-gradient(90deg,#83e8d0,#c9b7ff);box-shadow:0 0 10px #94deff50}.onboarding-honest-answer{padding:14px 0;border-bottom:1px solid #a6c8ea20;margin:12px 0 24px;font-size:13px;line-height:1.6}.onboarding-honest-answer>p:first-child{color:#91a4c0;font-size:12px}.onboarding-honest-answer button{color:#cdc5ff;text-align:left;min-height:44px;padding:8px 0}.onboarding-honest-answer [role=status]{color:#d3e6f2}.onboarding-content .dossier-hero{display:none}.onboarding-content .personal-dossier{padding:0;min-height:0;background:transparent}.onboarding-content .health-simple-editor{border-radius:0;border:0;padding-inline:0;background:transparent;box-shadow:none}.onboarding-content .health-simple-section{background:transparent}.onboarding-content .health-simple-row{border-color:#b6d8f52b;background:linear-gradient(125deg,#b5d8fc0b,#c8baff05)}.onboarding-content .health-simple__add{border-radius:22px}.onboarding-choice{display:grid;gap:10px}.onboarding-choice button{min-height:52px;padding:15px 18px;border:1px solid #bed3ed3a;border-radius:22px;font-size:14px;text-align:left}.onboarding-choice button[aria-pressed=true]{background:#80dacc0f;border-color:#85dcca88;color:#c2f8e9}.onboarding-footer{position:relative;z-index:2;margin:16px 0 0}.onboarding-actions{display:flex;gap:10px;align-items:stretch}.onboarding-primary{flex:1;width:100%;display:flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:15px 18px;border-radius:24px;color:#101829;font-size:15px;font-weight:650;background:linear-gradient(120deg,#d6f5ff,#d8d2ff 70%,#eee4ff);border:1px solid #edeeff;box-shadow:inset 0 2px 1px #fff9,0 4px 26px #9f9cff25;transition:transform .2s,box-shadow .2s}.onboarding-primary:hover:not(:disabled){box-shadow:inset 0 2px 1px #fff9,0 6px 32px #b5abff40}.onboarding-primary:active:not(:disabled){transform:scale(.985)}.onboarding-primary svg{flex-shrink:0}.onboarding-back{display:grid;place-items:center;width:56px;flex-shrink:0;border:1px solid #c6d6ee35;border-radius:50%;color:#c6d6ee}.onboarding-secondary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid #bfd3ee35;border-radius:22px;font-size:14px;color:#c6d9ee}.onboarding-status{min-height:16px;text-align:center;font-size:10px;color:#8a9eb8;padding-top:12px;margin:0}.onboarding-human-help{font-size:12px;color:#a4b5cd;line-height:1.6;margin:8px 0}.onboarding-human-help summary{cursor:pointer;min-height:44px;padding:12px 0;color:#91a6c1}.onboarding-human-help p{margin:6px 0 12px}.onboarding-preview{margin:10px 0 0;text-align:center;color:#7c91ac;font-size:10px}.onboarding-preview button{min-height:36px;font-size:10px;text-decoration:underline;text-underline-offset:4px}.onboarding-note{color:#98abc4;font-size:12px;line-height:1.6;padding:6px 0}.onboarding-fields .onboarding-note{font-size:12px}.onboarding-error,.onboarding-content [role=alert]{color:#ffbac8;padding:14px 0;font-size:14px;line-height:1.6}.onboarding-error button{display:block;text-decoration:underline;min-height:44px}.onboarding-loading{min-height:80vh;display:grid;place-content:center;gap:20px}.onboarding-resume{padding:20px;margin:12px 0;border:1px solid #a4c7ea30;border-radius:22px;background:#b7d5f708}.onboarding-resume a{display:inline-flex;align-items:center;min-height:44px;color:#8ddbd1}.onboarding-resume p{font-size:14px;line-height:1.6;margin-top:10px}.onboarding-experience[data-step=review] .onboarding-stage-hero{margin-bottom:8px}.onboarding-experience[data-step=review] .onboarding-intro{display:none}.onboarding-portrait{width:100%}.portrait-identity{text-align:center}.portrait-identity h2{font-size:32px}.onboarding-portrait button{color:#b6cee8;min-height:44px;font-size:12px}.portrait-direction{text-align:center;padding:16px 0 30px}.portrait-direction>span{font-size:13px;color:#9fafc9}.portrait-direction h3{font-size:clamp(30px,7vw,42px);letter-spacing:-.04em;color:#edf6ff;margin:8px 0 12px;overflow-wrap:anywhere;line-height:1.15}.portrait-direction blockquote{margin:0;color:#d2cbff;font-size:18px;line-height:1.5}.portrait-essentials{padding-left:22px;border-left:1px solid #abd8f940}.portrait-essentials button{position:relative;text-align:left;width:100%;padding:14px 24px 14px 0}.portrait-essentials button:before{content:"";position:absolute;top:24px;left:-25px;width:5px;height:5px;border-radius:50%;background:#b2e4ef;box-shadow:0 0 9px #b2e4ef60}.portrait-essentials span{color:#91a9c4;font-size:11px}.portrait-essentials p{font-size:16px;color:#e5ecf8;line-height:1.5;margin:4px 0;overflow-wrap:anywhere}.portrait-essentials i{position:absolute;right:0;top:30px;font-style:normal}.portrait-details{margin-top:24px;border-top:1px solid #bdd1ed26}.portrait-details summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;font-size:13px;color:#aebed5;cursor:pointer}.portrait-details section{padding:18px 0;border-bottom:1px solid #bdd1ed26}.portrait-details header{display:flex;align-items:center;justify-content:space-between;gap:12px}.portrait-details h3{font-size:20px}.onboarding-portrait dl{display:grid;gap:14px}.onboarding-portrait dt{color:#91a9c4;font-size:11px}.onboarding-portrait dd{margin:4px 0;font-size:15px;color:#e5ecf8;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}@media(min-width:900px){.onboarding-experience{padding-inline:7vw}.onboarding-column{max-width:1240px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:76px auto auto auto auto;column-gap:5vw;align-content:start}.onboarding-header{grid-column:1/-1}.onboarding-header .onboarding-progress{max-width:140px}.onboarding-visual{grid-column:1;grid-row:2/5;position:sticky;align-self:start;top:90px;height:min(650px,75vh)!important;display:flex;flex-direction:column;justify-content:center}.onboarding-orb,.onboarding-experience[data-step=welcome] .onboarding-orb{width:min(600px,48vw);max-width:none;top:0;left:50%;-webkit-mask-image:none;mask-image:none}.onboarding-visual-caption{display:block;position:absolute;top:min(550px,65vh);width:100%;text-align:center;color:#91a9c4;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.onboarding-content{grid-column:2;grid-row:2;margin-top:65px}.onboarding-footer{grid-column:2;grid-row:3}.onboarding-human-help{grid-column:2;grid-row:4}.onboarding-preview{grid-column:1/-1;grid-row:5}.onboarding-stage-hero{text-align:left}.onboarding-stage-hero h1,.onboarding-intro{margin-left:0}.onboarding-experience[data-step=welcome] .onboarding-content{margin-top:65px}.onboarding-story-copy h2{font-size:clamp(40px,4vw,56px)}.onboarding-experience[data-step=review] .onboarding-stage-hero{text-align:center}.onboarding-experience[data-step=review] h1{margin-left:auto}}@media(max-height:740px)and (max-width:899px){.onboarding-experience[data-step=welcome] .onboarding-visual{height:195px}.onboarding-experience[data-step=welcome] .onboarding-orb{width:295px;top:-25px}}@media(prefers-reduced-motion:no-preference){.onboarding-content,.onboarding-story-copy,.onboarding-fields>label{animation:onboarding-arrive .55s cubic-bezier(.2,.75,.25,1) both}@keyframes onboarding-arrive{0%{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}}@media(prefers-reduced-motion:reduce){.onboarding-experience *,.onboarding-experience *:before,.onboarding-experience *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.onboarding-activation-panel{display:grid;gap:16px}.onboarding-activation-panel h2{font-size:clamp(28px,6vw,36px);color:#d2cbff;margin:4px 0 8px}.onboarding-activation-panel label{display:grid;gap:10px}.onboarding-input-caption{color:#a6b9d0;font-size:13px}.onboarding-activation-panel [role=status]{color:#9be4cf;font-size:13px}@media(prefers-reduced-motion:no-preference){.onboarding-activation-panel{animation:onboarding-arrive .5s cubic-bezier(.2,.75,.25,1) both}}.onboarding-visual-reading{position:absolute;top:108px;left:50%;transform:translate(-50%);display:grid;text-align:center}.onboarding-visual-reading strong{font-size:72px;font-weight:650;letter-spacing:-.07em;line-height:1}.onboarding-visual-reading span{font-size:10px;color:#9fefdc;letter-spacing:.1em;text-transform:uppercase;margin-top:8px}@media(max-width:899px){.onboarding-experience[data-step=welcome][data-welcome-scene="3"] .onboarding-visual{height:235px}.onboarding-experience[data-step=welcome][data-welcome-scene="3"] .onboarding-orb{width:320px;top:-35px}.onboarding-visual-reading{top:62px}.onboarding-visual-reading strong{font-size:64px}}@media(min-width:900px){.onboarding-visual-reading{top:min(200px,18vw)}.onboarding-visual-reading strong{font-size:96px}}.onboarding-experience:is([data-step=daily],[data-step=activation]) .onboarding-stage-hero :is(h1,.onboarding-intro){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.onboarding-experience:is([data-step=daily],[data-step=activation]) .onboarding-stage-hero{margin-bottom:12px}.onboarding-experience[data-step=daily] .onboarding-fields>label{font-size:clamp(28px,6vw,38px);letter-spacing:-.045em}.onboarding-experience[data-step=daily] .onboarding-fields>label small{font-size:14px;margin:6px 0 10px}.onboarding-activation-panel h2{text-align:center;margin:16px 0}.onboarding-experience[data-step=supports] .onboarding-fields .onboarding-question-nav,.onboarding-content .entry-current{display:none}.onboarding-content .entry-lead{margin:0 0 20px}.onboarding-content .entry-lead>h3{font-size:18px;line-height:1.4;letter-spacing:-.02em}.onboarding-content .entry-lead>p{margin-top:8px;font-size:14px}.onboarding-question-nav button,.onboarding-support-nav button{background:transparent;border:0;border-radius:0}
