.vocab-mastery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.vocab-mastery div{background:var(--paper);border:1px solid var(--line);padding:11px}.vocab-mastery span{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.vocab-mastery b{font:600 19px 'Fraunces'}.vocab-kind{display:inline-block;background:var(--coral);padding:5px 8px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.recall-image{max-width:330px;border:1px solid var(--ink);margin-bottom:18px}.recall-image svg{display:block;width:100%;height:auto}.vocab-form{display:flex;gap:8px}.vocab-form input{flex:1;min-width:0;padding:13px;border:1px solid var(--line);font:inherit}.vocab-form button,.listen-word button.vocab-play{border:0;background:var(--ink);color:white;padding:12px 16px;font-weight:700;cursor:pointer}.listen-word{display:flex;align-items:center;gap:12px;background:#edf5f7;border:1px solid var(--blue);padding:15px;margin-bottom:16px}.listen-word .german{font-size:0!important;margin:0!important;padding:0 45px 0 0!important;min-height:40px;flex:1}.listen-word .german:before{content:'Listen, then choose';font:600 18px 'Fraunces'}.vocab-result{display:none;background:var(--ink);color:white;padding:24px;margin-top:15px}.vocab-result.show{display:block}.vocab-result h3{font:600 30px 'Fraunces';margin:5px 0}.vocab-result a{color:var(--lime)}@media(max-width:760px){.vocab-mastery{grid-template-columns:1fr}.vocab-form{flex-direction:column}}