.vocab-review-container{width:100%;max-width:900px;margin:0 auto}.vocab-review-title{font-family:var(--font-heading);color:var(--color-ink);text-align:center;margin-bottom:24px;font-size:1.4rem;font-weight:600}.vocab-review-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.vocab-review-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:16px;display:flex}.vocab-review-kanji{font-family:var(--font-jp);color:var(--color-ink);font-size:1.4rem;font-weight:500;line-height:1.3}.vocab-review-kana{font-family:var(--font-jp);color:var(--color-ink-muted);font-size:.9rem}.vocab-review-definition{font-family:var(--font-ui);color:var(--color-ink-muted);margin-top:4px;font-size:.85rem;line-height:1.4}@media (max-width:600px){.vocab-review-grid{grid-template-columns:1fr}}
.vocab-level-selector{flex-flow:column wrap;justify-content:center;gap:10px;max-width:600px;margin-bottom:10px;margin-left:auto;margin-right:auto;animation:.8s ease-out .2s both fadeIn;display:flex;position:relative}.vocab-selector-accordion-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:100%;font-family:var(--font-ui);color:var(--color-ink);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.vocab-selector-accordion-header:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.vocab-selector-accordion-header:focus{outline:none}.vocab-selector-label{color:var(--color-ink);text-align:left;flex:1;font-size:.85rem;font-weight:500}.vocab-selector-current-container{align-items:center;gap:10px;display:flex}.vocab-selector-current-level{color:var(--color-accent);font-size:.95rem;font-weight:700}.vocab-selector-current-dir{color:var(--color-ink-muted);font-size:.85rem;font-weight:500}.vocab-selector-arrow{width:20px;height:20px;color:var(--color-ink-muted);flex-shrink:0;transition:transform .3s}.vocab-selector-arrow.open{transform:rotate(180deg)}.vocab-selector-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;display:none}.vocab-selector-panel.open{display:flex}.vocab-selector-row{flex-wrap:wrap;gap:8px;display:flex}.vocab-selector-divider{background:var(--color-border);height:1px;margin:0 -16px}.vocab-dir-row{gap:12px}.vocab-level-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);color:var(--color-ink);box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.vocab-level-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.vocab-level-btn:focus{outline:none}.vocab-level-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.vocab-level-name{font-weight:700}.vocab-level-count{opacity:.8;background:#fff3;border-radius:9999px;padding:1px 6px;font-size:.75rem;font-weight:500}.vocab-level-btn:not(.active) .vocab-level-count{background:var(--color-surface-hover);opacity:1;color:var(--color-ink-muted)}.vocab-dir-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);color:var(--color-ink);box-shadow:var(--shadow-sm);text-align:center;flex:1;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.vocab-dir-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.vocab-dir-btn:focus{outline:none}.vocab-dir-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}