.vocab-home{margin-top:20px;border-top:3px solid #4387ed;background:linear-gradient(115deg,var(--surface),var(--mint))}.vocab-home h2{margin:12px 0}.vocab-home p{max-width:650px}.vocab-toolbar{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:18px;margin:20px 0}.vocab-toolbar label{margin-top:8px}.vocab-tabs{margin:24px 0}.vocab-stats{display:flex;gap:12px;flex-wrap:wrap}.vocab-stats span{padding:12px 18px;background:var(--mint);border:1px solid var(--line);border-radius:12px}.vocab-stats strong{font-size:22px;margin-right:5px}.vocab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vocab-entry h2{font-size:22px;line-height:1.35}.vocab-marks{margin-top:20px}.vocab-card-wrap{max-width:820px;margin:auto}.vocab-flashcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center;width:100%;min-height:300px;margin:18px 0;padding:30px;background:linear-gradient(135deg,var(--surface),var(--mint));box-shadow:0 8px 24px #215bc410;border-color:#95b3e0}.vocab-flashcard:hover{background:var(--mint)}.vocab-card-text{font-family:Manrope,system-ui,sans-serif;font-size:26px;font-weight:700;line-height:1.55}.vocab-flashcard[aria-pressed=true] .vocab-card-text{font-size:21px;font-weight:500}.vocab-card-nav{margin:22px 0}.vocab-prompt{font-size:19px;line-height:1.7}.vocab-setup input{max-width:180px;display:block;margin-bottom:18px}#vocabulary-root button{touch-action:manipulation}#vocabulary-root .answer:disabled{opacity:1}@media(max-width:760px){.vocab-toolbar{grid-template-columns:1fr;gap:4px}.vocab-list{grid-template-columns:1fr}.vocab-card-text{font-size:23px}.vocab-flashcard{padding:22px;min-height:290px;gap:22px}.vocab-flashcard[aria-pressed=true] .vocab-card-text{font-size:19px}.vocab-marks{gap:8px}.vocab-marks button{font-size:13px}.vocab-stats{gap:8px}.vocab-stats span{padding:10px;font-size:12px}.vocab-stats strong{font-size:19px}.vocab-card-nav button{min-width:44%}}
