.practice-app{max-width:850px;margin:auto;padding:24px 20px 70px}.practice-app header,.practice-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.practice-app button{color:#274b2a;min-height:48px;font:inherit;cursor:pointer;background:#edf5e5;border:2px solid #bccfa9;border-radius:14px;padding:12px 20px}.practice-app button:disabled{opacity:.5;cursor:default}.practice-app button[aria-pressed=true]{color:#fff;background:#416c30;border-color:#416c30}.practice-app a{color:#315d45}.practice-card,.practice-library article{background:#fff;border:1px solid #dce4d2;border-radius:22px;margin:20px 0;padding:24px}.practice-card h2{font-size:23px}.practice-card img{max-width:100%;height:auto}.practice-card progress{accent-color:#74a347;width:100%}.practice-options{flex-wrap:wrap;gap:12px;margin:22px 0;display:flex}.practice-options button{flex:1;min-width:100px;font-size:20px}.practice-app textarea{width:100%;min-height:110px;font:inherit;border:2px solid #c9d6bd;border-radius:12px;padding:16px}.practice-history{text-align:left;width:100%;margin:10px 0;display:block}.practice-mark{border-bottom:1px solid #dce4d2;padding:20px 0}.practice-error{background:#fff0df;border-radius:12px;padding:16px}.practice-note{color:#64705e;font-size:13px}.practice-word{letter-spacing:12px;font-size:32px}.practice-card .practice-duck{width:100px;margin:auto;display:block}.practice-card details{margin:18px 0}.practice-card summary{cursor:pointer;font-weight:600}@media (max-width:600px){.practice-app{padding:16px 12px 50px}.practice-card{padding:18px}.practice-app h1{font-size:26px}}body:has(.practice-app){background:#fff}body:has(.practice-app)>nav{display:none}.practice-app{color:#35463b;max-width:900px}.practice-app h1{margin:26px 0 12px;font-size:32px}.practice-app header{border-bottom:2px solid #eef1eb;align-items:center;padding-bottom:16px}.practice-app header a{font-weight:800;text-decoration:none}.practice-app button{color:#52634d;background:#fff;border:2px solid #dfe5db;border-bottom-width:5px;min-height:52px;font-weight:800;transition:transform .15s,background .15s}.practice-app button:hover:not(:disabled){background:#f2f8ec}.practice-app button:active:not(:disabled){border-bottom-width:2px;transform:translateY(3px)}.practice-app button:focus-visible,.practice-app a:focus-visible{outline-offset:4px;outline:3px solid #18a5df}.practice-card{border:0;padding:20px 10px}.practice-question{line-height:1.4;font-size:28px!important}.practice-card progress{accent-color:#65c51c;border:0;border-radius:16px;height:18px;overflow:hidden}.practice-card progress::-webkit-progress-bar{background:#edf0e9}.practice-card progress::-webkit-progress-value{background:#65c51c;border-radius:16px}.practice-options button{background:#fff;border-radius:18px;min-height:76px}.practice-options button[aria-pressed=true]{color:#0876a9;background:#e4f6ff;border-color:#44b7ed}.practice-actions{border-top:2px solid #eff1ec;align-items:center;margin-top:32px;padding-top:24px}.practice-actions button:nth-child(2),.practice-app>button{color:#fff;background:#65bd21;border-color:#43970e}.practice-actions button:nth-child(2):hover,.practice-app>button:hover{background:#73ca2c}.practice-note{color:#73816f;margin:10px 0;font-size:12px}.practice-note summary{cursor:pointer}.practice-app>p[role=status]{color:#526b44;min-height:20px;font-size:13px}.practice-card .practice-duck{width:150px;animation:.6s ease-in-out 4 alternate duck-cheer}.practice-library article{border:2px solid #e2e8dd;border-bottom-width:5px}.practice-card details{color:#60725b}.practice-card details[open]{background:#f7faf3;border-radius:16px;padding:14px}.practice-options{gap:14px}.practice-mark{background:#f8fbf4;border-radius:16px;margin:16px 0;padding:20px}@keyframes duck-cheer{0%{transform:rotate(-8deg)translateY(0)}to{transform:rotate(8deg)translateY(-14px)}}@media (max-width:600px){.practice-app h1{font-size:26px}.practice-question{font-size:24px!important}.practice-options button{flex-basis:40%;min-height:74px}.practice-actions{gap:10px}.practice-actions button{flex:1;padding:12px}.practice-actions button:last-child{background:#fff;flex-basis:100%;font-size:14px}.practice-card{padding:12px 0}}@media (prefers-reduced-motion:reduce){.practice-card .practice-duck{animation:none}.practice-app button{transition:none}}.practice-question,.practice-options button,.practice-card details p{white-space:pre-wrap}.tutor-app{max-width:1000px;margin:auto;padding:24px}.tutor-app>p{line-height:1.7}.tutor-app section{margin-top:32px}.tutor-list{gap:16px;display:grid}.tutor-list article,.tutor-preview article{background:#fff;border:2px solid #e1e9d9;border-radius:18px;padding:20px}.tutor-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.tutor-preview{gap:12px;margin:20px 0;display:grid}.tutor-preview p{white-space:pre-wrap}.practice-reflection{border:0;border-top:1px solid #e4ebdf;min-width:0;margin:24px 0 0;padding:18px 0 0}.practice-reflection legend{padding:0 8px 0 0;font-weight:800}.practice-reflection>div{flex-wrap:wrap;gap:8px;display:flex}.practice-reflection button{min-height:48px;padding:10px 14px;font-size:15px}.practice-reflection button[aria-pressed=true]{color:#6b4918;background:#fff3c5;border-color:#e5b643}.practice-reflection p{color:#436743;line-height:1.6}.practice-review-nav{justify-content:space-between;gap:12px;display:flex}.practice-mark.mark-correct{background:#f1fbdf;border:2px solid #c3e890}.practice-mark.mark-incorrect,.practice-mark.mark-partial{background:#fff9e9;border:2px solid #f0d791}.practice-retry-note{background:#edf5ff;border-radius:14px;padding:14px}.practice-app .practice-retry{background:#e6f6d7;margin:16px 8px 16px 0}.practice-card>button{margin:8px 8px 8px 0}@media (max-width:600px){.practice-reflection>div{grid-template-columns:1fr;display:grid}.practice-reflection button{text-align:left;width:100%}}.preview-finish{text-align:center;padding:30px 0}.preview-duck{object-fit:contain;width:150px;height:150px;animation:.5s ease-in-out 4 alternate duck-cheer}.preview-home{background:#edf7df;border-radius:18px;padding:18px 24px;font-weight:800;display:inline-block}.experience-preview .practice-actions{background:#fff;padding-bottom:18px;position:sticky;bottom:0}.preview-finish .gift-room{max-width:520px;margin:24px auto}@media (prefers-reduced-motion:reduce){.preview-duck{animation:none}}.sound-samples{background:#fff9e8;border:1px solid #eedcaa;border-radius:16px;margin:18px 0;padding:14px 18px}.sound-samples summary{cursor:pointer;font-weight:700}.sound-samples>div{flex-wrap:wrap;gap:10px;display:flex}.sound-samples p{font-size:14px;line-height:1.6}.practice-focused h1{margin:12px 0 8px;font-size:20px}.practice-focused>.practice-note{display:none}.practice-focused>header{gap:8px;padding-bottom:8px;font-size:13px}.practice-focused>header button{min-height:44px;padding:8px 12px}.practice-working{margin:8px 0;padding-top:8px}.practice-working>p{margin:6px 0;font-size:13px}.practice-working>h3{margin:12px 0 4px;font-size:15px}.practice-working .practice-question{margin:6px 0 8px;line-height:1.3}.practice-working progress{height:10px}.practice-working .practice-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0;display:grid}.practice-working .practice-options button{overflow-wrap:anywhere;min-width:0;min-height:60px;padding:10px 12px;font-size:19px}.practice-working .practice-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px;display:grid}.practice-working .practice-actions button{min-width:0;min-height:48px;padding:10px;font-size:16px}.practice-working .practice-actions button:last-child{grid-column:1/-1;font-size:14px}.practice-working .speech-compact{margin:4px 0 8px}.practice-working .speech-compact-tools{flex-wrap:wrap;align-items:start;gap:8px;display:flex}.practice-working .speech-compact-tools>button{min-height:44px;padding:8px 12px;font-size:14px}.practice-working .speech-compact-tools>details{background:0 0;flex:1;min-width:140px;margin:0;padding:0;font-size:13px}.practice-working .speech-compact-tools>details>summary{align-content:center;min-height:44px;padding:8px}.practice-working .speech-compact-tools .speech-settings{margin:0;padding:8px 0}.practice-reflection[hidden]{display:none}.practice-working .speech-compact-translation{margin:4px 0 0;font-size:13px}.practice-working .speech-compact-translation>summary{align-content:center;min-height:40px;padding:8px 0}.practice-working .speech-compact-translation>p{margin:4px 0;line-height:1.5}.practice-working .practice-translation{margin:4px 0 8px;font-size:13px}.practice-translation summary{align-content:center;min-height:40px;padding:8px 0}.practice-translation li{margin:8px 0}.practice-translation li span{margin-top:3px;display:block}.practice-working .question-check{background:var(--vm-action);border-color:var(--vm-action-shadow);color:#fff;width:100%;margin:8px 0;display:block}.question-feedback{background:#fff8e8;border:1px solid #e3ce9b;border-radius:14px;margin:10px 0;padding:12px 14px;font-size:14px}.question-feedback.feedback-correct{background:#edf8e5;border-color:#a9cf8e}.question-feedback.feedback-review{background:#eff5fb;border-color:#b8cadc}.question-feedback p{margin:4px 0;line-height:1.5}.question-feedback small{color:#52634d;font-size:11px}.practice-working .question-feedback details{margin:8px 0 0}.question-feedback summary{align-content:center;min-height:40px}
