.vocabulary-test-page{width:min(100%,1080px);margin:0 auto;padding:42px 22px 90px}.vocabulary-swipe-hint{max-width:440px;color:var(--muted-strong);text-align:center;margin:15px auto;font-size:.85rem;line-height:1.6}.vocabulary-swipe-card{border:1px solid var(--border);text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:linear-gradient(145deg,#f0f5fc,#fff);border-radius:23px;place-content:center;gap:15px;width:min(88%,390px);min-height:190px;margin:24px auto;padding:24px;display:grid;box-shadow:0 12px 30px #1f2a4412}.vocabulary-swipe-card:active{cursor:grabbing}.vocabulary-swipe-card strong{color:var(--navy);overflow-wrap:anywhere;font-size:clamp(1.5rem,5vw,2.6rem)}.vocabulary-swipe-card>span{color:var(--muted-strong);min-height:24px;font-size:.85rem}.vocabulary-swipe-card>span.match{color:var(--green)}.vocabulary-swipe-card>span.different{color:var(--red)}.vocabulary-swipe-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vocabulary-swipe-actions button{border:1px solid var(--border);min-height:52px;color:var(--red);cursor:pointer;background:#fff0ee;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:750;display:flex}.vocabulary-swipe-actions button:last-child{color:var(--green);background:#eaf7f1}.vocabulary-swipe-actions button:hover:not(:disabled){border-color:currentColor}.vocabulary-swipe-actions button:disabled{opacity:.55;cursor:default}.vocabulary-swipe-actions svg{flex-shrink:0;width:18px;height:18px}.vocabulary-swipe-card:focus-visible,.vocabulary-swipe-actions button:focus-visible{outline-offset:4px;outline:3px solid #3975bf}@media (prefers-reduced-motion:reduce){.vocabulary-swipe-card{transform:none!important}}.vocabulary-test-hero{justify-content:space-between;align-items:end;gap:24px;display:flex}.vocabulary-test-hero h1,.vocabulary-test-result h1,.vocabulary-test-empty h1{color:var(--navy);letter-spacing:-.055em;margin-top:7px;font-size:clamp(2.15rem,5vw,4rem);font-weight:900;line-height:1}.vocabulary-test-hero>div>p:last-child{max-width:670px;color:var(--muted-strong);margin-top:14px;line-height:1.65}.vocabulary-test-hero .secondary-button,.vocabulary-test-result .primary-button{gap:8px}.vocabulary-test-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.vocabulary-test-hero-actions>span{color:#a85e18;text-transform:uppercase;background:#fff3e4;border-radius:13px;align-items:center;gap:6px;min-height:42px;padding:0 13px;font-size:.76rem;font-weight:900;display:inline-flex}.vocabulary-test-hero-actions>span svg{width:17px;height:17px}.vocabulary-test-intro,.vocabulary-test-runner{border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:26px;margin-top:30px;padding:28px;overflow:hidden}.vocabulary-test-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.vocabulary-test-mode-grid article{border:1px solid var(--border);min-height:145px;color:var(--navy);text-align:center;background:#ffffffe6;border-radius:18px;align-content:center;justify-items:center;gap:13px;padding:18px;display:grid}.vocabulary-test-mode-grid svg{width:31px;height:31px;color:var(--red)}.vocabulary-test-mode-grid strong{font-size:.82rem;line-height:1.45}.vocabulary-test-start{gap:8px;margin:24px auto 0}.vocabulary-test-loading{border:1px solid var(--border);min-height:310px;color:var(--muted-strong);box-shadow:var(--shadow-card);border-radius:26px;place-content:center;justify-items:center;gap:15px;margin-top:30px;display:grid}.vocabulary-test-loading span{border:4px solid #1f2a4421;border-top-color:var(--red);border-radius:50%;width:42px;height:42px;animation:.75s linear infinite vocabulary-loading-spin}.vocabulary-test-loading p{font-size:.82rem;font-weight:750}.vocabulary-test-progress{color:var(--muted-strong);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:1fr auto;gap:8px;font-size:.75rem;font-weight:800;display:grid}.vocabulary-test-progress>div{background:#1f2a441a;border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.vocabulary-test-progress i{border-radius:inherit;background:var(--red);height:100%;transition:width .2s;display:block}.vocabulary-question-card{border:1px solid var(--border);background:#fffffff5;border-radius:24px;width:min(100%,720px);min-height:510px;margin:24px auto 0;padding:30px;box-shadow:0 22px 60px #1f2a441f}.vocabulary-audio-prompt{border:1px solid var(--border);width:100%;color:var(--navy);background:linear-gradient(145deg,#f5f7fb,#fff);border-radius:20px;justify-items:center;gap:13px;margin-top:28px;padding:25px;display:grid}.vocabulary-audio-prompt span{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 12px 30px #1f2a4433}.vocabulary-audio-prompt svg{width:28px;height:28px}.vocabulary-audio-prompt:hover span{background:var(--red);transform:scale(1.04)}.vocabulary-choice-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;display:grid}.vocabulary-choice-grid button{border:1px solid var(--border);min-height:78px;color:var(--navy);background:#fff;border-radius:17px;padding:15px;font-size:.96rem;font-weight:800;transition:border-color .15s,background-color .15s,transform .15s}.vocabulary-choice-grid button:hover:not(:disabled){border-color:var(--navy);transform:translateY(-2px)}.vocabulary-choice-grid button.selected{border-color:var(--navy);background:#edf2fa;box-shadow:0 0 0 2px #1f2a441a}.vocabulary-spelling{color:var(--muted-strong);text-transform:uppercase;letter-spacing:.08em;gap:10px;margin-top:27px;font-size:.75rem;font-weight:800;display:grid}.vocabulary-spelling input{border:1px solid var(--border);width:100%;color:var(--navy);background:#fff;border-radius:15px;outline:0;padding:14px;font-size:1.1rem;font-weight:750}.vocabulary-spelling input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #1f2a441a}.vocabulary-letter-boxes{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.vocabulary-letter-boxes i,.vocabulary-letter-target button,.vocabulary-letter-bank button{border:1px solid var(--border);width:38px;height:43px;color:var(--navy);text-transform:none;background:#fff;border-radius:9px;place-items:center;font-size:1.05rem;font-style:normal;font-weight:850;display:grid}.vocabulary-visible-prompt{text-align:center;justify-items:center;gap:8px;margin-top:30px;display:grid}.vocabulary-visible-prompt span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:800}.vocabulary-visible-prompt strong{color:var(--navy);font-size:clamp(1.35rem,4vw,2rem)}.vocabulary-letter-order{margin-top:28px}.vocabulary-letter-target,.vocabulary-letter-bank{border-radius:15px;flex-wrap:wrap;justify-content:center;gap:7px;min-height:59px;padding:8px;display:flex}.vocabulary-letter-target{background:#edf2fab3;border:2px dashed #bbc4d2}.vocabulary-letter-bank{margin-top:15px}.vocabulary-letter-bank button{cursor:grab;box-shadow:0 5px 12px #1f2a4414}.vocabulary-letter-target button{border-color:var(--navy);background:var(--navy);color:#fff}.vocabulary-pronunciation-prompt{text-align:center;margin-top:28px}.vocabulary-pronunciation-prompt h2{color:var(--navy);letter-spacing:-.05em;font-size:clamp(2.4rem,8vw,4rem);font-weight:900}.vocabulary-pronunciation-prompt>p{color:var(--red);margin-top:8px;font-weight:750}.vocabulary-pronunciation-prompt>div{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px;display:flex}.vocabulary-pronunciation-prompt button{border:1px solid var(--border);color:var(--navy);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 13px;font-size:.77rem;font-weight:800;display:inline-flex}.vocabulary-microphone{text-align:center;justify-items:center;gap:10px;margin-top:28px;display:grid}.vocabulary-microphone>button{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:108px;height:108px;font-size:.7rem;font-weight:850;display:grid;box-shadow:0 16px 35px #e14e4140}.vocabulary-microphone>button svg{width:31px;height:31px}.vocabulary-microphone>button.listening{animation:1.1s infinite vocabulary-mic-pulse}.vocabulary-microphone p{color:var(--muted-strong);font-size:.8rem}.vocabulary-transcription{width:min(100%,520px);color:var(--muted-strong);text-align:left;text-transform:uppercase;letter-spacing:.08em;gap:8px;margin-top:8px;font-size:.7rem;font-weight:800;display:grid}.vocabulary-transcription input{border:1px solid var(--border);width:100%;color:var(--navy);text-transform:none;letter-spacing:normal;background:#fff;border-radius:13px;outline:0;padding:13px 14px;font-size:1rem;font-weight:700}.vocabulary-transcription input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #1f2a441a}.vocabulary-microphone-fallback{justify-items:center;gap:10px;display:grid}.vocabulary-microphone-fallback .secondary-button{min-height:40px;padding:0 15px}.vocabulary-answer-feedback{border-radius:15px;align-items:center;gap:12px;margin-top:24px;padding:13px 15px;display:flex}.vocabulary-answer-feedback>svg{flex:none}.vocabulary-answer-feedback.correct{color:var(--green);background:#eaf7f1}.vocabulary-answer-feedback.skipped{color:var(--muted-strong);background:#f7f1e6}.vocabulary-answer-feedback.wrong{color:var(--red);background:#fff0ee}.vocabulary-answer-feedback p{margin-top:3px;font-size:.78rem}.vocabulary-question-actions{justify-content:center;margin-top:25px;display:flex}.vocabulary-question-actions .primary-button{gap:8px}.vocabulary-test-result,.vocabulary-test-empty{border:1px solid var(--border);text-align:center;width:min(100%,650px);min-height:520px;box-shadow:var(--shadow-card);background:#fff;border-radius:28px;place-content:center;justify-items:center;margin:30px auto 0;padding:35px;display:grid}.vocabulary-test-result>span,.vocabulary-test-empty>svg{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:78px;height:78px;padding:20px;display:grid}.vocabulary-test-result>p:not(.eyebrow),.vocabulary-test-empty>p:not(.eyebrow){max-width:460px;color:var(--muted-strong);margin:16px auto 22px;line-height:1.6}.vocabulary-test-result>p.vocabulary-test-save-error{color:var(--red);font-weight:750}.vocabulary-test-save-error a{color:var(--red);text-underline-offset:3px;text-decoration:underline}.vocabulary-test-result>p.vocabulary-test-reward{width:fit-content;color:var(--green);background:#e9f7f0;border-radius:999px;margin:2px auto 12px;padding:8px 13px;font-weight:900}.vocabulary-test-result>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@keyframes vocabulary-mic-pulse{50%{transform:scale(1.06);box-shadow:0 0 0 12px #e14e411f}}@keyframes vocabulary-loading-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.vocabulary-test-page{padding:30px 14px 70px}.vocabulary-test-hero{flex-direction:column;align-items:stretch}.vocabulary-test-hero .secondary-button{align-self:start}.vocabulary-test-hero-actions{justify-content:stretch;width:100%}.vocabulary-test-hero-actions>span,.vocabulary-test-hero-actions .secondary-button{flex:1}.vocabulary-test-mode-grid{grid-template-columns:1fr 1fr}.vocabulary-test-intro,.vocabulary-test-runner{padding:18px 12px}.vocabulary-question-card{min-height:470px;padding:22px 15px}.vocabulary-choice-grid{grid-template-columns:1fr}.vocabulary-letter-boxes i,.vocabulary-letter-target button,.vocabulary-letter-bank button{width:33px;height:39px}}@media (prefers-reduced-motion:reduce){.vocabulary-test-progress i,.vocabulary-choice-grid button,.vocabulary-audio-prompt span{transition:none}.vocabulary-microphone>button.listening,.vocabulary-test-loading span{animation:none}}