.onboarding{background:#fcfaf6;color:#172027;min-height:100vh;padding:32px clamp(16px,4vw,70px);font-family:Arial,sans-serif}.onboarding *{box-sizing:border-box}.onboarding header h1{font-size:30px;color:#8c3814}.onboarding header span{color:#172027}.onboarding p{line-height:1.6;color:#536276}.onboarding nav ol{display:flex;list-style:none;padding:0;gap:12px;justify-content:space-between;flex-wrap:wrap}.onboarding nav li{display:grid;gap:8px;text-align:center;font-size:14px}.onboarding nav li span{border:1px solid #ddd;border-radius:50%;padding:10px;margin:auto;min-width:40px}.onboarding [aria-current=step]{color:#913611;font-weight:700}.onboarding [aria-current=step] span{background:#913611;color:white}.onboarding-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:40px;align-items:start}.onboarding aside h2{font-size:clamp(32px,4vw,58px);line-height:1.1}.onboarding aside img{max-width:180px;width:100%;height:auto}.onboarding-eyebrow{letter-spacing:.2em}.onboarding-card{background:white;padding:32px;border:1px solid #e7e2da;border-radius:24px;box-shadow:0 12px 32px #3726180a}.onboarding label{display:grid;gap:8px;margin:20px 0;font-weight:700}.onboarding input,.onboarding select,.onboarding textarea{width:100%;padding:14px;border:1px solid #b9c2cf;border-radius:9px;color:#172027;background:white;font:inherit}.onboarding textarea{min-height:130px}.onboarding button{padding:14px 20px;border-radius:9px;border:1px solid #943b18;background:#943b18;color:white;font:inherit;cursor:pointer;min-height:48px;margin:8px 8px 8px 0}.onboarding button:disabled{opacity:.55;cursor:default}.onboarding nav .onboarding-step{display:grid!important;gap:8px;border:0;padding:0!important;margin:0;background:transparent;color:inherit;font:inherit;text-align:center;min-width:72px;width:auto!important}.onboarding nav .onboarding-step:disabled{opacity:1}.onboarding nav li:not([aria-current]) .onboarding-step:disabled{opacity:.55}.onboarding a:focus-visible,.onboarding button:focus-visible{outline:3px solid #26739a;outline-offset:3px}.onboarding-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.onboarding-options button{background:white;color:#172027;margin:0}.onboarding-options [aria-pressed=true]{border:2px solid #943b18;background:#fff3e7}.onboarding small{display:block;margin-top:8px}.onboarding a{display:inline-block;color:#8c3814;margin:16px 8px;text-underline-offset:4px}.onboarding audio{max-width:100%}@media (max-width:800px){.onboarding-grid{gap:20px}.onboarding-card{padding:22px}.onboarding nav li{font-size:11px}}@media (max-width:600px){.onboarding-grid{grid-template-columns:1fr}.onboarding aside img{width:96px}.onboarding aside h2{font-size:32px}.onboarding nav ol{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:4px 4px 12px;gap:12px}.onboarding nav li{flex:0 0 96px}.onboarding-card{padding:20px}.onboarding-options{grid-template-columns:1fr}}.onboarding-saffie-video video{width:100%;max-width:520px;border-radius:20px;display:block}.onboarding-notice-text{max-height:420px;overflow-y:auto;padding:16px;border:1px solid #e7e2da;border-radius:12px}.onboarding-notice-table{overflow-x:auto}.onboarding-notice-table table{border-collapse:collapse}.onboarding-notice-table td,.onboarding-notice-table th{padding:8px;border:1px solid #e7e2da;text-align:left}.onboarding .onboarding-checkbox{display:flex;align-items:flex-start;gap:12px}.onboarding .onboarding-checkbox input{width:20px;height:20px;flex:0 0 20px;padding:0}.onboarding-guardian-required{background:#fff3e7;border:1px solid #d5b39c;border-radius:12px;padding:16px}.onboarding .onboarding-primary{width:100%;font-weight:700}.onboarding #guardian-setup dl,.onboarding [aria-label="Guardian acceptance journey"] dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.onboarding dd{margin:0;overflow-wrap:anywhere}.onboarding [aria-label="Guardian acceptance journey"] label:has(input[type=checkbox]){display:flex;gap:12px;align-items:flex-start}.onboarding [aria-label="Guardian acceptance journey"] input[type=checkbox]{width:20px;height:20px;flex:0 0 20px}.onboarding .page2-age-choices{display:grid;gap:12px}.onboarding .page2-age-choice{margin:0;width:100%;min-height:56px;text-align:left;font-weight:700;border-width:2px}.onboarding .page2-age-under_15{background:#e7f2e8;color:#143d30;border-color:#467953}.onboarding .page2-age-15_17{background:#fff1ce;color:#614306;border-color:#b17b09}.onboarding .page2-age-18_plus{background:#eee8fa;color:#49317e;border-color:#7656a8}.onboarding .page2-age-choice[aria-pressed=true]{border-width:4px;text-decoration:underline;text-underline-offset:4px}.onboarding .page2-age-message{margin-top:20px;padding:16px;border:1px solid #c4d3c9;border-radius:12px;background:#f1f6f2;overflow-wrap:anywhere}.onboarding .page2-age-message p{color:#183f32}.onboarding .page2-age-message:focus{outline:3px solid #26739a;outline-offset:3px}.onboarding .page2-age-secondary{background:#f5f1eb;color:#59351f;border-color:#bfa98f;font-weight:400}.onboarding aside img.onboarding-who-image{width:100%;max-width:520px;height:auto;border-radius:20px;display:block}.onboarding-study-path{border:1px solid #c5d3c9;border-radius:16px;padding:20px;background:#f0f7f1}.onboarding-study-heading{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:#12583f;font-size:28px;font-weight:700}.onboarding-path-actions{display:grid;gap:28px}.onboarding .onboarding-path-actions button{margin:0;width:100%}.onboarding .onboarding-path-primary{font-weight:700}.onboarding .onboarding-path-secondary{background:white;color:#12583f;border-color:#12583f}.onboarding-coming-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.onboarding-coming-path{border:1px solid #d1d5d2;border-radius:12px;padding:14px;background:#eceeec;color:#626963}.onboarding-coming-path h3{font-size:17px;overflow-wrap:anywhere}.onboarding .onboarding-coming-path p{color:#626963}@media (max-width:600px){.onboarding-coming-paths{grid-template-columns:1fr}.onboarding nav ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible}.onboarding nav li{min-width:0}.onboarding nav .onboarding-step{min-width:0;width:100%!important;font-size:12px;overflow-wrap:anywhere}}.onboarding .onboarding-path-actions button{border-width:2px;transition:background-color .12s ease,border-color .12s ease,transform 80ms ease}.onboarding .onboarding-path-primary:hover:not(:disabled){background:#6b2c12;border-color:#4b200f}.onboarding .onboarding-path-secondary:hover:not(:disabled){background:#dcece1;color:#0b3829;border-color:#0b3829}.onboarding .onboarding-path-actions button:focus-visible{outline:4px solid #176da0;outline-offset:5px;box-shadow:0 0 0 2px white}.onboarding .onboarding-path-actions button:active:not(:disabled){background:#45240f;color:white;border-color:#2e170a;box-shadow:inset 0 3px 5px #0006;transform:translateY(2px)}.onboarding .onboarding-path-actions button[aria-busy=true]{opacity:1;background:#45240f;color:white;border-color:#2e170a;box-shadow:inset 0 3px 5px #0006;cursor:wait}@media (prefers-reduced-motion:reduce){.onboarding .onboarding-path-actions button{transition:none}.onboarding .onboarding-path-actions button:active:not(:disabled){transform:none}}.reflection-report{color:#123a2e;overflow-wrap:anywhere}.reflection-report>section{margin:0 0 28px}.reflection-report h3{font-size:24px;color:#12583f}.reflection-report h4{font-size:19px;margin-bottom:8px}.reflection-report-line{border-left:4px solid #b3cfb9;padding-left:16px;margin:20px 0}.reflection-report-gold{background:#fff6df;border:1px solid #d9a725;border-radius:14px;padding:18px}.reflection-report-gold li{margin:10px 0}.reflection-report-actions{margin:24px 0}.reflection-report-actions a{display:inline-block;color:#123a2e;background:#e5aa1a;padding:14px 22px;border-radius:24px;font-weight:700}.reflection-report footer{border-top:1px solid #ceddd2;padding-top:20px;text-align:center}.reflection-report footer img{width:56px;height:56px}@media print{body:has(.reflection-report) *{visibility:hidden}body:has(.reflection-report) .reflection-report,body:has(.reflection-report) .reflection-report *{visibility:visible}.reflection-report{position:absolute;inset:0 auto auto 0;width:100%;background:white;padding:12mm;font-size:11pt}.reflection-report footer,.reflection-report-line,.reflection-report>section{break-inside:avoid}.reflection-report-actions,.reflection-report-controls{display:none}}.reflection-report .reflection-report-section{border-top:4px solid var(--reflection-accent);padding-top:20px}.reflection-report .reflection-report-section h2{font-size:28px;line-height:1.3}.reflection-report .reflection-report-line{border-left-color:var(--reflection-accent)}.reflection-report .reflection-report-line h4{display:flex;align-items:center;gap:10px}.reflection-report-icon{display:inline-flex;flex:0 0 28px;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:var(--reflection-text-accent);color:#fff;font:700 15px Arial,sans-serif}.reflection-report .reflection-report-gold{border:2px solid #8a6a0a}.reflection-report li,.reflection-report p{font-size:16px;line-height:1.6;color:#23342d}.reflection-report-actions{display:flex;flex-wrap:wrap;gap:12px}.onboarding .reflection-activities{color:#23342d;line-height:1.6}.onboarding .reflection-activity{border:2px solid #d6ddd7;border-radius:18px;padding:22px;margin:24px 0;background:#fff;min-width:0}.onboarding .reflection-activity.is-done{border-color:#39764b;background:#f4faf5}.onboarding .reflection-activity.in-progress{border-color:#b76c24}.onboarding .reflection-activity header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.onboarding .reflection-activity h3{margin:0;font-size:21px}.onboarding .reflection-activity h3 span{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;background:#15523f;color:#fff}.onboarding .reflection-activity header strong{border-radius:18px;background:#edf2ee;padding:3px 12px;font-size:14px}.onboarding .reflection-activity textarea{display:block;width:100%;min-height:130px;margin-top:10px;box-sizing:border-box}.onboarding .reflection-activity audio{display:block;max-width:100%;margin:12px 0}.onboarding .reflection-activity-actions,.onboarding .reflection-prompts,.onboarding .reflection-statuses{display:flex;gap:14px;flex-wrap:wrap}.onboarding .reflection-statuses span{padding:5px 12px;border:1px solid #b5caba;border-radius:18px}.onboarding .reflection-prompts{border:0;padding:0;margin:20px 0}.onboarding .reflection-prompts button,.onboarding button.reflection-secondary{background:#f6f1e8;color:#244b39;border:2px solid #a0b7a8}.onboarding .reflection-prompts button{border-radius:28px;text-align:left}.onboarding .reflection-prompts button.is-selected{border-color:#15523f;background:#deeee2;box-shadow:inset 0 0 0 1px #15523f}.onboarding button.reflection-microphone{position:relative;width:104px;height:104px;padding:4px;border-radius:50%;background:#f2f7f3;color:#15523f;border:2px solid #89a28e}.onboarding .reflection-microphone svg{display:block}.onboarding .reflection-activities button:focus-visible{outline:4px solid #176da0;outline-offset:4px}.onboarding .reflection-activities button{min-height:48px}@media (prefers-reduced-motion:no-preference){.onboarding .reflection-microphone circle{transition:stroke-dashoffset .5s ease-out}}@media (max-width:500px){.onboarding .reflection-activity{padding:16px}.onboarding .reflection-activity-actions button{width:100%}}.onboarding button.reflection-microphone.is-recording{background:#15523f;color:#fff;border-color:#15523f}