.onboarding-modal{width:min(620px,calc(100% - 24px));max-width:620px;max-height:calc(100dvh - 24px);padding:26px;border:1px solid #d5e1d8;border-radius:22px;color:#193548;background:#fffefa;box-shadow:0 20px 90px #102b4038;overscroll-behavior:contain}
.onboarding-modal::backdrop{background:#102b4673;backdrop-filter:blur(5px)}
.onboarding-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 10px Arial,sans-serif;letter-spacing:1.2px;color:#47695d}
.onboarding-pause{border:0;background:#edf3ee;border-radius:9px;min-height:44px;padding:9px 12px;color:#385b4d;font:500 12px Arial,sans-serif;letter-spacing:0;cursor:pointer}
.onboarding-progress{height:4px;background:#e8eee9;border-radius:4px;overflow:hidden;margin:15px 0 8px}.onboarding-progress span{display:block;height:100%;background:#387858}
.onboarding-count{font:12px Arial,sans-serif;color:#697b76;margin:10px 0 24px}.onboarding-body h2{font-family:Georgia,serif;font-size:32px;letter-spacing:-.8px;line-height:1.15;margin:12px 0 16px;color:#193548;outline:none}.onboarding-body p{font-size:15px;line-height:1.65;margin:12px 0;color:#4c656b}.onboarding-body h3{font-size:15px;margin:0 0 6px}
.onboarding-welcome-mark{font-size:36px;margin-bottom:18px}.onboarding-callout{background:#edf4ed;border:1px solid #d9e6d8;border-radius:13px;padding:18px;margin:24px 0}.onboarding-callout p{margin:0}
.onboarding-card{background:#f6f9f5;border:1px solid #dce6db;border-radius:16px;padding:22px;text-align:center;margin:20px 0}.onboarding-phrase{font-family:Georgia,serif;font-size:30px;font-weight:700;line-height:1.25;overflow-wrap:anywhere;color:#193548}.onboarding-answer{font-family:Georgia,serif;font-weight:700;font-size:25px;color:#2c6c50;margin:15px 0;overflow-wrap:anywhere}.onboarding-audios{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.onboarding-audios button{min-height:44px;padding:11px 17px;background:#e6f0e8;border:1px solid #d0e0d3;border-radius:10px;color:#235c49;font:14px Arial,sans-serif;cursor:pointer}
.onboarding-choices{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.onboarding-choices .btn{min-width:140px;font-size:13px}.onboarding-body .onboarding-success{color:#286044;font-size:13px}.onboarding-part{font-size:11px!important;letter-spacing:.6px;color:#587264!important;text-transform:uppercase}
.onboarding-ratings{display:flex;gap:8px;margin-top:18px}.onboarding-ratings .rating{flex:1;min-width:0;text-align:center;min-height:48px;padding:12px 6px;font-size:13px;font-weight:700;line-height:1.3;cursor:pointer}
.onboarding-modal .rating.red{background:#f4b5ad;color:#862720;border-color:#df8b80}.onboarding-modal .rating.yellow{background:#f5d569;color:#604407;border-color:#dfb843}.onboarding-modal .rating.green{background:#a2d8b5;color:#174d36;border-color:#77b991}
.onboarding-hint{text-align:left;margin-top:20px;padding-top:10px;border-top:1px solid #dce6db;font-size:13px}.onboarding-hint summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;color:#4d6352}.onboarding-hint p{font-size:13px}.onboarding-example+.onboarding-example{border-top:1px solid #dce6db;padding-top:20px;margin-top:20px}.onboarding-line{font-family:Georgia,serif;font-size:22px;line-height:1.4;overflow-wrap:anywhere}.onboarding-phases{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-left:26px;margin:22px 0}.onboarding-phases li{font-size:13px;line-height:1.4;color:#3e6550;padding:8px}.onboarding-complete-mark{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#e2efe1;color:#2a6b46;font-size:30px;margin:20px 0}.onboarding-features{display:grid;gap:14px;margin:22px 0}.onboarding-features article{display:flex;gap:14px;background:#f6f8f3;border:1px solid #e1e7dc;padding:16px;border-radius:12px}.onboarding-features article>span{font-size:24px}.onboarding-features p{font-size:13px;margin:4px 0 0}
.onboarding-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}.onboarding-footer .btn{flex:1;min-height:48px;font-size:14px;text-align:center}.onboarding-footer .btn:not(.secondary){background:linear-gradient(135deg,#35775b,#255f49);color:#fff}.onboarding-footer .btn:disabled{opacity:.45;cursor:default}.onboarding-demo-note{font:12px/1.5 Arial,sans-serif;color:#617b6b;margin:18px 0 4px;text-align:center}.onboarding-note{font-size:12px!important;line-height:1.55!important;color:#6a7b77!important}.onboarding-return{text-align:center;margin:8px 0}.onboarding-audio-status{font:12px/1.5 Arial,sans-serif;color:#527261;margin:12px 0}.onboarding-audio-status:empty{display:none}.onboarding-modal audio{width:100%;margin:12px 0}.onboarding-modal audio[hidden]{display:none}.onboarding-restart{display:block;margin:12px auto 0;color:#537364;font-size:12px;min-height:36px}.onboarding-modal button:focus-visible,.onboarding-modal summary:focus-visible{outline:3px solid #639f79;outline-offset:3px}
@media(max-width:520px){.onboarding-modal{padding:20px 18px;max-height:calc(100dvh - 16px);width:calc(100% - 16px);border-radius:18px}.onboarding-body h2{font-size:29px}.onboarding-card{padding:20px 15px}.onboarding-phrase{font-size:28px}.onboarding-answer{font-size:24px}.onboarding-ratings .rating{font-size:12px}.onboarding-choices{flex-direction:column}.onboarding-count{margin-bottom:18px}}

.onboarding-training-mark{width:68px;height:68px;display:grid;place-items:center;border-radius:18px;background:#e1eedf;color:#28654c;font-size:36px;margin:18px 0}.onboarding-training-benefits{margin:0;padding-left:20px}.onboarding-training-benefits li{font-size:14px;line-height:1.6;padding:5px 0;color:#3c6250}