.onboarding-modal{max-width:780px}.onboarding-wizard .modal-body{padding-top:12px}.onboard-steps{display:flex;gap:8px;padding:0;margin:0 0 28px;list-style:none;color:var(--muted);font-size:12px}.onboard-steps li{display:flex;align-items:center;gap:7px;flex:1}.onboard-steps li>span{display:grid;place-items:center;min-width:25px;height:25px;border:1px solid var(--line);border-radius:50%}.onboard-steps .current{color:var(--ink);font-weight:700}.onboard-steps .current>span{background:var(--lime);color:var(--navy);border-color:var(--lime)}.onboard-steps .done>span{color:var(--green)}.onboard-intro{display:flex;gap:18px;align-items:center;margin-bottom:24px}.onboard-orbit{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;border-radius:22px;background:var(--lavender);color:var(--navy);font-size:36px}.onboarding-wizard h3{font-size:22px;line-height:1.35;margin:0 0 10px}.onboarding-wizard p{font-size:14px;line-height:1.65;color:var(--muted);margin:8px 0 18px}.onboarding-wizard fieldset{border:0;padding:0;margin:22px 0}.onboarding-wizard legend{font-size:14px;font-weight:700;margin-bottom:12px;color:var(--ink)}.onboard-language-grid,.onboard-level-grid,.onboard-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.onboard-choice{position:relative;display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--white);cursor:pointer;min-width:0}.onboard-choice:has(input:checked){border-color:var(--green);box-shadow:0 0 0 1px var(--green);background:var(--bg)}.onboard-choice:has(input:focus-visible){outline:3px solid var(--green);outline-offset:3px}.onboard-choice input{accent-color:var(--green);flex-shrink:0}.onboard-choice strong,.onboard-choice small{display:block}.onboard-choice strong{color:var(--ink);font-size:15px}.onboard-choice small{color:var(--muted);font-size:12px;line-height:1.55;margin-top:5px}.onboard-flag{display:grid;place-items:center}.onboard-flag svg{width:32px;height:24px}.onboard-footer{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;margin:28px 0 4px;padding-top:20px;border-top:1px solid var(--line)}.onboard-footer .button{white-space:normal;min-height:44px}.onboard-test-card{padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:16px;display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;align-items:center}.onboard-test-card h4{font-size:16px;margin:0}.onboard-test-card p{margin:5px 0}.onboard-test-card small{width:100%;font-size:12px;line-height:1.6;color:var(--muted)}.onboard-test-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.onboard-test-heading>span{font-size:12px;color:var(--muted);white-space:nowrap}.onboard-progress{height:6px;background:var(--line);border-radius:6px;overflow:hidden;margin:15px 0 28px}.onboard-progress>span{display:block;height:100%;background:var(--green)}.onboarding-wizard .onboard-sentence{padding:26px 22px;border:1px solid var(--line);background:var(--bg);border-radius:16px;font-size:23px;color:var(--ink);line-height:1.7;margin:20px 0}.onboard-sentence>span{display:inline-block;min-width:64px;text-align:center;border-bottom:2px solid var(--green);color:var(--green);margin:0 4px}.onboard-answer{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);font:inherit;font-weight:600;text-align:left;cursor:pointer;min-height:54px}.onboard-answer:hover,.onboard-answer:focus-visible{border-color:var(--green);background:var(--bg)}.onboard-answer:focus-visible{outline:2px solid var(--green);outline-offset:2px}.onboarding-wizard .field{display:grid;gap:9px;margin:20px 0}.onboarding-wizard select,.onboarding-wizard input[type=text],#placement-answer{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);font:inherit}.onboarding-wizard .onboard-muted{font-size:12px;margin-top:20px}.onboard-result{display:flex;align-items:center;gap:20px;background:var(--bg);border-radius:18px;padding:22px}.onboard-result-level{display:grid;place-items:center;width:74px;height:74px;flex:0 0 74px;border-radius:22px;background:var(--lime);color:var(--navy);font-weight:800;font-size:30px}.onboard-result p{margin:4px 0}.onboard-pace{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.onboard-decks{display:grid;gap:10px}.onboard-review{padding:18px;border:1px solid var(--line);border-radius:12px;margin-top:22px}.onboard-review summary{cursor:pointer;font-size:14px;font-weight:700}.onboard-review article{padding:12px 0;border-bottom:1px solid var(--line)}.onboard-review article:last-child{border:0}.onboard-review small{color:var(--muted);font-size:12px}.onboarding-wizard #onboarding-error:empty{display:none}
@media(max-width:560px){.onboard-language-grid,.onboard-level-grid{grid-template-columns:1fr}.onboard-choice{padding:14px}.onboard-steps li{font-size:10px;gap:4px}.onboard-steps li>span{min-width:21px;height:21px}.onboard-steps{gap:4px}.onboard-intro{align-items:flex-start}.onboard-intro h3{font-size:20px}.onboard-orbit{width:45px;height:45px;flex-basis:45px;font-size:28px;border-radius:14px}.onboard-pace{grid-template-columns:1fr}.onboard-footer .button{flex:1 1 100%}.onboard-test-heading{display:block}.onboarding-wizard .onboard-sentence{font-size:20px;padding:20px 15px}.onboard-result{padding:16px;gap:14px}}

.onboarding-modal{overflow:hidden;max-height:calc(100dvh - 48px)}.onboarding-wizard{display:flex;flex-direction:column;max-height:calc(100dvh - 64px)}.onboarding-wizard>.modal-header{flex-shrink:0}.onboarding-wizard>.modal-body{overflow-y:auto;min-height:0}.onboarding-wizard>.onboard-footer{flex-shrink:0;padding:16px 28px;margin:0;background:var(--white)}
