.vocabulary-view-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 18px}.vocabulary-view-controls button,.unified-vocabulary>button{font:inherit;min-height:44px;padding:8px 14px;border:1px solid #b7cfc4;border-radius:10px;background:#fff;color:#174b3e;cursor:pointer}.vocabulary-view-controls [aria-pressed=true]{background:#0b6659;color:#fff}.unified-vocabulary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.unified-vocabulary-card{min-width:0;border:1px solid #d2e2db;border-radius:18px;overflow:hidden;background:#fff}.unified-vocabulary-card[hidden],.unified-vocabulary [hidden]{display:none!important}.vocabulary-art{width:100%;aspect-ratio:1.28;overflow:hidden;background:#f5f5ed}.vocabulary-art img,.vocabulary-art svg,.vocabulary-art .wordillustration{display:block;width:100%;height:100%;object-fit:contain}.vocabulary-art .wordsheet{background-size:500% 500%;background-repeat:no-repeat}.vocabulary-art .animalimage{background-repeat:no-repeat}.vocabulary-copy{padding:16px}.vocabulary-copy>strong{font-size:1.3rem;line-height:1.4}.vocabulary-copy p{margin:.5rem 0}.vocabulary-example summary{font-size:.95rem!important}.vocabulary-copy [data-english-support]{color:#526b61}.vocabulary-copy audio{width:100%;max-width:100%;min-width:0}.unified-vocabulary[data-vocabulary-mode=flashcard] .unified-vocabulary-grid{grid-template-columns:minmax(0,440px);justify-content:center}@media(max-width:760px){.unified-vocabulary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vocabulary-copy{padding:12px}}@media(max-width:380px){.unified-vocabulary-grid{grid-template-columns:minmax(0,1fr)}}
.vocabulary-practice{padding:20px;border:1px solid #b7cfc4;border-radius:16px;background:#f3f8f5;margin:16px 0}.vocabulary-practice h5{font-size:1.15rem;margin:0 0 16px}.vocabulary-practice button{font:inherit;min-height:44px;padding:10px 14px;margin:4px 0;border:1px solid #9dbeb0;border-radius:10px;background:#fff;color:#174b3e;cursor:pointer}.vocabulary-practice button:disabled{opacity:.6;cursor:default}.vocabulary-practice [aria-pressed=true]{background:#0b6659;color:#fff}.vocabulary-practice button:focus-visible,.vocabulary-view-controls button:focus-visible{outline:3px solid #c18c36;outline-offset:3px}.vocabulary-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vocabulary-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vocabulary-pairs>div{display:flex;flex-direction:column;gap:8px}.vocabulary-practice input{display:block;box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #9dbeb0;border-radius:8px;margin:8px 0}.vocabulary-practice audio{display:block;width:100%;max-width:100%}.vocabulary-practice strong{font-size:1.4rem}.vocabulary-spin-dial{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:conic-gradient(#d4e8dc 0deg 90deg,#f5dfbc 90deg 180deg,#c8e1e6 180deg 270deg,#e6d6e8 270deg);color:#174b3e;font-size:3rem;margin:12px auto}.vocabulary-spin-dial.is-spinning{animation:vocabulary-spin .7s ease-out}@keyframes vocabulary-spin{to{transform:rotate(720deg)}}@media(prefers-reduced-motion:reduce){.vocabulary-spin-dial.is-spinning{animation:none}}@media(max-width:480px){.vocabulary-practice{padding:12px}.vocabulary-options{grid-template-columns:minmax(0,1fr)}}
.vocabulary-games-link,.vocabulary-dialogue-link{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;padding:8px 14px;border:1px solid #b7cfc4;border-radius:10px;background:#fff;color:#174b3e;text-decoration:none}.vocabulary-games-link:focus-visible,.vocabulary-dialogue-link:focus-visible{outline:3px solid #c18c36;outline-offset:3px}
.vocabulary-pronunciation{margin:10px 0 14px}.vocabulary-pronunciation [data-unified-play]{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;gap:8px;font:inherit;font-weight:700;padding:9px 12px;border:1px solid #81b39f;border-radius:10px;background:#eaf5ef;color:#0b6659;text-decoration:none;cursor:pointer}.vocabulary-pronunciation [data-unified-play]:focus-visible{outline:3px solid #c18c36;outline-offset:3px}.vocabulary-pronunciation [aria-disabled=true]{opacity:.65}.vocabulary-pronunciation small{display:block;margin-top:6px}.vocabulary-pronunciation .course-audio{margin:0}
.vocabulary-example{margin-top:12px;padding-top:8px;border-top:1px solid #e0e9e4}.vocabulary-example .vocabulary-pronunciation [data-unified-play]{background:transparent;border:0;padding:4px 0;text-align:left;font-weight:400;line-height:1.6}.vocabulary-example .vocabulary-pronunciation{margin-bottom:4px}
