.lhphuc-voca__quiz-card--dictation-word{--ink:#0f172a;--muted:#64748b;--line:#e5e7eb;--bg-soft:#f8fafc;--ok:#10b981;--bad:#ef4444;--tone-ok:#ecfdf5;--tone-bad:#fef2f2;--accent:var(--learner-color-brand,#2563eb);--accent-2:var(--learner-color-brand-strong,#1d4ed8);--accent-soft:var(--learner-color-brand-soft,#eff6ff);--accent-grad:linear-gradient(135deg,#3b82f6,#2563eb 60%,#1d4ed8)}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word]{display:block}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dictation-audiobar,.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dictation-body>.lhphuc-voca__dictation-sentence{display:none}.lhphuc-voca-new .lhphuc-voca__dw-stage{display:flex;flex-direction:column;align-items:center;gap:18px;padding:4px 0 8px}.lhphuc-voca-new .lhphuc-voca__dw-play{position:relative;width:48px;height:48px;border-radius:50%;background:var(--accent-grad);color:#fff;border:0;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 18px -8px var(--accent),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s,box-shadow .25s}.lhphuc-voca-new .lhphuc-voca__dw-play:hover{transform:scale(1.08)}.lhphuc-voca-new .lhphuc-voca__dw-play:active{transform:scale(.94)}.lhphuc-voca-new .lhphuc-voca__dw-play svg{width:18px;height:18px}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word].is-playing .lhphuc-voca__dw-play .icon-play,.lhphuc-voca-new .lhphuc-voca__dw-play .icon-pause{display:none}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word].is-playing .lhphuc-voca__dw-play .icon-pause{display:inline-block}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word].is-playing .lhphuc-voca__dw-play:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent) 45%,transparent);animation:lhpv-dw-pulse 1.4s ease-out infinite}@keyframes lhpv-dw-pulse{0%{transform:scale(.94);opacity:.8}to{transform:scale(1.22);opacity:0}}.lhphuc-voca-new .lhphuc-voca__dw-pos{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);padding:4px 10px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);text-transform:lowercase}.lhphuc-voca-new .lhphuc-voca__dw-pos:before{content:"";width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--accent) 60%,transparent)}.lhphuc-voca-new .lhphuc-voca__dw-pos.is-empty{display:none}.lhphuc-voca-new .lhphuc-voca__dw-input-wrap{position:relative;width:min(440px,100%)}.lhphuc-voca-new .lhphuc-voca__dw-input-wrap:before{content:"";position:absolute;inset:-3px;border-radius:18px;background:var(--accent-grad);opacity:0;z-index:0;transition:opacity .25s;filter:blur(8px)}.lhphuc-voca-new .lhphuc-voca__dw-input-wrap:focus-within:before{opacity:.35}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dictation-input.lhphuc-voca__dw-input{position:relative;z-index:1;width:100%;height:60px;text-align:center;font-size:24px;font-weight:500;color:var(--ink);border:1.5px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff 0,var(--bg-soft) 100%);outline:none;padding:0 48px;letter-spacing:.06em;box-shadow:inset 0 1px 2px rgba(15,23,42,.04);min-width:0;transition:border-color .2s,box-shadow .2s,background .2s,transform .15s;caret-color:var(--accent)}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dw-input::-moz-placeholder{color:color-mix(in srgb,var(--muted) 55%,transparent);font-size:16px;font-style:italic;font-weight:400;letter-spacing:.02em}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dw-input::placeholder{color:color-mix(in srgb,var(--muted) 55%,transparent);font-size:16px;font-style:italic;font-weight:400;letter-spacing:.02em}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dw-input:hover:not(:focus):not(.is-correct):not(.is-wrong){border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dw-input:focus{border-color:var(--accent);background:linear-gradient(180deg,#fff 0,color-mix(in srgb,var(--accent-soft) 40%,#fff) 100%);box-shadow:inset 0 1px 2px rgba(15,23,42,.04),0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dw-input.is-correct{border-color:var(--ok);background:linear-gradient(180deg,#fff 0,var(--tone-ok) 100%);color:#065f46;box-shadow:inset 0 1px 2px rgba(6,95,70,.05),0 0 0 4px color-mix(in srgb,var(--ok) 18%,transparent);animation:lhpv-dw-pop .35s ease-out}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dw-input.is-wrong{border-color:var(--bad);background:linear-gradient(180deg,#fff 0,var(--tone-bad) 100%);color:#991b1b;box-shadow:inset 0 1px 2px rgba(153,27,27,.05),0 0 0 4px color-mix(in srgb,var(--bad) 18%,transparent);animation:lhpv-dw-shake .4s ease-in-out}@keyframes lhpv-dw-pop{0%{transform:scale(.98)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes lhpv-dw-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.lhphuc-voca-new .lhphuc-voca__dw-badge{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:none;place-items:center;z-index:2;color:#fff}.lhphuc-voca-new .lhphuc-voca__dw-input-wrap.is-correct .lhphuc-voca__dw-badge--ok,.lhphuc-voca-new .lhphuc-voca__dw-input-wrap.is-wrong .lhphuc-voca__dw-badge--bad{display:grid}.lhphuc-voca-new .lhphuc-voca__dw-badge--ok{background:var(--ok);box-shadow:0 4px 10px -4px var(--ok)}.lhphuc-voca-new .lhphuc-voca__dw-badge--bad{background:var(--bad);box-shadow:0 4px 10px -4px var(--bad)}.lhphuc-voca-new .lhphuc-voca__dw-badge svg{width:14px;height:14px}.lhphuc-voca-new .lhphuc-voca__dw-meaning{display:none;padding:14px 18px;border-radius:14px;background:linear-gradient(180deg,#fff 0,var(--accent-soft) 100%);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));box-shadow:0 6px 16px -10px color-mix(in srgb,var(--accent) 40%,transparent);font-size:15px;line-height:1.55;color:var(--ink);max-width:min(520px,100%);text-align:left;word-break:break-word;animation:lhpv-dw-fadein .3s ease-out}.lhphuc-voca-new .lhphuc-voca__dw-meaning.is-shown{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start}.lhphuc-voca-new .lhphuc-voca__dw-meaning:before{content:"";width:22px;height:22px;margin-top:1px;background-color:var(--accent);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2zM22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2zM22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z'/></svg>") center/contain no-repeat;flex-shrink:0}.lhphuc-voca-new .lhphuc-voca__dw-meaning b{color:var(--ink);font-weight:700;font-style:normal;font-size:17px;letter-spacing:.01em}.lhphuc-voca-new .lhphuc-voca__dw-meaning i{color:var(--accent-2);font-weight:500;font-style:normal;font-size:12.5px;text-transform:lowercase;margin-left:6px;padding:2px 7px;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));vertical-align:2px}.lhphuc-voca-new .lhphuc-voca__dw-meaning .lhphuc-voca__dw-meaning-vi{display:block;margin-top:4px;color:var(--muted);font-size:14px;font-weight:500}@keyframes lhpv-dw-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dictation-feedback{text-align:center;margin-top:0;min-height:20px;font-size:14px;color:var(--muted)}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dictation-feedback.is-info{color:#047857;font-weight:600}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dictation-feedback.is-error{color:#b91c1c;font-weight:600}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dw-submit{display:flex;align-items:center;justify-content:center;margin:16px auto 0;min-width:150px;height:46px;padding:0 24px;border:0;border-radius:999px;cursor:pointer;background:var(--accent-grad);color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em;box-shadow:0 12px 22px -12px var(--accent),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s,box-shadow .25s,opacity .2s}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dw-submit:hover:not(:disabled){transform:translateY(-1px) scale(1.02)}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dw-submit:active:not(:disabled){transform:scale(.97)}.lhphuc-voca-new .lhphuc-voca__dictation[data-mode=word] .lhphuc-voca__dw-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}