.vocab-root{--vocab-accent:#f0586d;--vocab-surface:#fff;--vocab-ink:#1a1a1a;--vocab-ink-muted:#6b6b61;--vocab-rule:#e6ddcf;--vocab-radius:16px;--vocab-font:inherit;--vocab-grade-forgot:#ef4444;--vocab-grade-hard:#f59e0b;--vocab-grade-good:#22c55e;--vocab-grade-easy:#3b82f6;font-family:var(--vocab-font);color:var(--vocab-ink);max-width:560px;margin:0 auto}.vocab-card{background:var(--vocab-surface);border:2px solid var(--vocab-rule);border-radius:var(--vocab-radius);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:32px 24px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.vocab-card:hover{border-color:var(--vocab-accent)}.vocab-card.is-revealed{border-color:var(--vocab-accent);cursor:default}.vocab-front{margin:0 0 6px;font-size:2.25rem;font-weight:700}.vocab-translit{color:var(--vocab-ink-muted);margin:0;font-size:1.05rem;font-style:italic}.vocab-divider{background:var(--vocab-rule);width:75%;height:1px;margin:18px 0}.vocab-back{color:var(--vocab-accent);margin:0;font-size:1.75rem;font-weight:600}.vocab-new-badge{top:16px;color:#854d0e;background:#fef9c3;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600;position:absolute;inset-inline-start:16px}.vocab-reveal-hint{color:var(--vocab-ink-muted);margin-top:14px;font-size:.8rem}.vocab-audio{cursor:pointer;color:var(--vocab-accent);background:0 0;border:0;margin-top:12px;font-size:1.4rem}.vocab-grades{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.vocab-grade{color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:64px;padding:14px 8px;font-weight:600;transition:transform .1s,opacity .15s}.vocab-grade:active{transform:scale(.96)}.vocab-grade:disabled{opacity:.5;cursor:not-allowed}.vocab-grade--forgot{background:var(--vocab-grade-forgot)}.vocab-grade--hard{background:var(--vocab-grade-hard)}.vocab-grade--good{background:var(--vocab-grade-good)}.vocab-grade--easy{background:var(--vocab-grade-easy)}.vocab-progress{color:var(--vocab-ink-muted);text-align:center;margin-bottom:12px;font-size:.8rem}.vocab-bury-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.vocab-bury-dialog{background:var(--vocab-surface);border-radius:var(--vocab-radius);width:100%;max-width:360px;padding:24px}.vocab-bury-option{border:2px solid var(--vocab-rule);cursor:pointer;text-align:start;background:0 0;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:14px;display:flex}.vocab-bury-option:hover{border-color:var(--vocab-accent)}.vocab-summary{text-align:center;padding:40px 0}.vocab-summary-stat{color:var(--vocab-accent);font-size:2.5rem;font-weight:700}.vocab-game-stats{background:var(--vocab-surface);border:1px solid var(--vocab-rule);border-radius:var(--vocab-radius);justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.vocab-game-stat{text-align:center}.vocab-game-stat b{font-size:1.5rem;font-weight:700;display:block}.vocab-game-stat span{text-transform:uppercase;color:var(--vocab-ink-muted);letter-spacing:.05em;font-size:.65rem}.vocab-mem-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.vocab-mem-card{aspect-ratio:1;border:2px solid var(--vocab-rule);background:var(--vocab-surface);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:6px;font-size:1rem;transition:transform .15s,border-color .15s;display:flex}.vocab-mem-card:hover:not(:disabled){border-color:var(--vocab-accent);transform:scale(1.04)}.vocab-mem-card.is-matched{border-color:var(--vocab-grade-good);opacity:.6;cursor:default}.vocab-mem-card.is-flipped{border-color:var(--vocab-accent)}.vocab-mem-card:disabled{cursor:default}.vocab-match-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vocab-match-col h4{color:var(--vocab-ink-muted);text-align:center;margin:0 0 10px;font-size:.8rem;font-weight:600}.vocab-match-btn{border:2px solid var(--vocab-rule);background:var(--vocab-surface);cursor:pointer;border-radius:12px;width:100%;margin-bottom:8px;padding:12px;font-size:1.05rem;transition:transform .1s,border-color .15s,background .15s;display:block}.vocab-match-btn:hover:not(:disabled){border-color:var(--vocab-accent)}.vocab-match-btn.is-selected{background:var(--vocab-accent);color:#fff;border-color:var(--vocab-accent)}.vocab-match-btn.is-matched{border-color:var(--vocab-grade-good);opacity:.55;cursor:default}.vocab-match-btn.is-wrong{border-color:var(--vocab-grade-forgot);animation:.4s ease-in-out vocab-shake}.vocab-quiz-progress{background:var(--vocab-rule);border-radius:999px;height:8px;margin-bottom:18px;overflow:hidden}.vocab-quiz-bar{background:var(--vocab-accent);height:100%;transition:width .3s}.vocab-quiz-prompt{background:var(--vocab-surface);border:1px solid var(--vocab-rule);border-radius:var(--vocab-radius);text-align:center;margin-bottom:16px;padding:24px}.vocab-quiz-prompt p{margin:0;font-size:2rem;font-weight:700}.vocab-quiz-opt{text-align:start;border:2px solid var(--vocab-rule);background:var(--vocab-surface);cursor:pointer;border-radius:12px;width:100%;margin-bottom:10px;padding:14px 16px;font-size:1.05rem;display:block}.vocab-quiz-opt:hover:not(:disabled){border-color:var(--vocab-accent)}.vocab-quiz-opt.is-correct{border-color:var(--vocab-grade-good);background:color-mix(in srgb, var(--vocab-grade-good) 12%, transparent)}.vocab-quiz-opt.is-wrong{border-color:var(--vocab-grade-forgot);background:color-mix(in srgb, var(--vocab-grade-forgot) 12%, transparent)}.vocab-game-results{text-align:center;padding:32px 0}.vocab-results-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:320px;margin:16px auto;display:grid}.vocab-results-stat{background:var(--vocab-surface);border:1px solid var(--vocab-rule);border-radius:12px;padding:14px}.vocab-results-stat b{color:var(--vocab-accent);font-size:1.75rem;display:block}.vocab-results-stat span{text-transform:uppercase;color:var(--vocab-ink-muted);font-size:.65rem}.vocab-picker-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.vocab-picker-filters select{border:1px solid var(--vocab-rule);background:var(--vocab-surface);font:inherit;border-radius:10px;padding:8px 12px}.vocab-picker-games{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.vocab-picker-card{border:2px solid var(--vocab-rule);border-radius:var(--vocab-radius);background:var(--vocab-surface);cursor:pointer;text-align:center;padding:18px;font-weight:600}.vocab-picker-card:hover:not(:disabled){border-color:var(--vocab-accent)}.vocab-picker-card:disabled{opacity:.5;cursor:not-allowed}.vocab-picker-note{color:var(--vocab-ink-muted);text-align:center;margin-top:12px;font-size:.8rem}.vocab-btn{background:var(--vocab-accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 24px;font-size:1rem}@keyframes vocab-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}