.practice-hub{padding:52px 0;border-top:1px solid var(--line)}.practice-launch{display:flex;align-items:center;gap:28px;background:var(--pale);padding:26px 30px;border:1px solid var(--line);border-radius:8px}.practice-launch>div{flex:1;min-width:0}.practice-launch label{display:block;font-size:12px;margin-bottom:10px}.practice-launch input,.practice-launch select{display:block;width:100%;background:var(--white);border:1px solid var(--line);padding:11px;border-radius:4px;color:var(--ink);margin-bottom:10px}.practice-launch button,.exam-primary{background:var(--green);color:var(--white);border:0;border-radius:5px;padding:13px 22px;white-space:nowrap}.practice-caption{font-size:11px;color:var(--muted);line-height:1.8}.practice-caption:empty{display:none}.practice-card-button{background:var(--pale);border:1px solid var(--line);border-radius:4px;color:var(--green);font-size:11px;padding:6px 9px;white-space:nowrap}.topic-actions{flex-wrap:wrap;justify-content:flex-end;max-width:185px}.practice-caption a{text-decoration:underline}#practice-dialog{padding:0;border:1px solid var(--line);border-radius:12px;width:min(880px,94vw);max-height:92vh;color:var(--ink);background:var(--paper)}#practice-dialog::backdrop{background:color-mix(in srgb,var(--ink) 76%,transparent);backdrop-filter:blur(4px)}.exam-header{background:var(--ink);color:var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 26px;font-size:11px;letter-spacing:1px}.exam-header button{background:none;border:1px solid var(--muted);color:var(--pale);padding:6px 10px;border-radius:4px;font-size:11px}.exam-body{padding:30px 38px}.exam-body>h2{font-size:25px;margin:10px 0 24px;line-height:1.35}.scenario{padding:18px;background:var(--pale);border-left:3px solid var(--green);font-size:14px;line-height:1.8}.exam-rules{font-size:13px;line-height:2;padding-left:22px}.exam-options{margin:24px 0}.exam-options>label:first-child{display:block;font-size:12px;margin-bottom:8px}.exam-options select{max-width:100%;background:var(--white);border:1px solid var(--line);padding:10px;border-radius:4px;color:var(--ink)}.record-choice{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:18px}.record-choice input{accent-color:var(--green)}.practice-source{display:inline-block;font-size:10px;margin-top:18px;color:var(--muted);text-decoration:underline}#practice-setup-status{font-size:12px;color:#a14f31;line-height:1.8}#practice-stage{text-align:center;padding:12px 0 20px}.exam-progress{height:5px;background:var(--line);border-radius:8px;overflow:hidden;margin-bottom:18px}.exam-progress>div{height:100%;width:0;background:var(--green);transition:width .3s}#practice-step{font-size:12px;color:var(--muted)}.exam-orb{width:120px;height:120px;display:grid;place-items:center;background:var(--line);border:1px solid var(--line);border-radius:50%;margin:30px auto 20px;font-size:46px;color:var(--green)}.exam-orb.listening{animation:breathe 1.6s ease-in-out infinite}.exam-orb.responding{background:var(--green);color:var(--line)}#practice-status{font-size:23px;margin:0 0 10px}#practice-hint{font-size:13px;color:var(--muted)}#practice-countdown{min-height:64px;font-size:40px;font-variant-numeric:tabular-nums;font-weight:500;color:var(--green);margin:14px 0}#practice-stage .exam-primary{margin-bottom:14px}.review-banner{display:flex;gap:20px;align-items:center;background:var(--line);border:1px solid var(--line);border-radius:5px;padding:15px 20px;margin-bottom:16px}.review-banner span{font-size:12px;color:var(--muted)}.answer-review{padding:22px 0;border-bottom:1px solid var(--line)}.answer-review h3{font-size:12px;color:var(--muted);margin:0 0 8px}.answer-review>p{font-size:16px;line-height:1.75;margin:0 0 14px}.review-audios{display:flex;gap:18px;flex-wrap:wrap}.review-audios>div{flex:1;min-width:220px}.review-audios span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.review-audios audio{display:block;width:100%;height:36px}.review-audios a{display:inline-block;font-size:11px;text-decoration:underline;margin-top:8px}#practice-again{margin:24px 0 5px}@keyframes breathe{50%{box-shadow:0 0 0 15px color-mix(in srgb,var(--line) 40%,transparent)}}@media(prefers-reduced-motion:reduce){.exam-orb.listening{animation:none}}@media(max-width:650px){.practice-launch{display:block;padding:20px}.practice-launch button{width:100%;margin-top:12px}.exam-body{padding:24px 19px}.exam-body>h2{font-size:21px}.exam-header{padding:14px 18px}.topic-actions{max-width:116px}.practice-card-button{font-size:10px;padding:5px}.review-banner{display:block}.review-banner span{display:block;margin-top:5px}.review-audios>div{min-width:180px}.practice-hub{padding:35px 0}}
.association-context{padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--green);background:var(--pale);border-radius:5px;margin:18px 0}.association-context.pending{background:#fcf4e6;border-color:#e5d1ad;border-left-color:#ba9253}.association-context>p{font-size:12px;line-height:1.9;margin:0 0 12px}.association-context label{display:block;font-size:11px;margin-bottom:6px}.association-context select{width:100%;max-width:100%;padding:10px;background:var(--white);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px}.practice-material{font-size:12px;padding:10px 14px;background:var(--pale);border-radius:4px;line-height:1.8}.pending-material{border-style:dashed;background:#fbf6ed;color:#8c6c38}td .practice-card-button{margin-top:8px;white-space:normal}