.vocabulary-box { display:grid;gap:20px;padding:26px;border:1px solid #e9def5;border-radius:20px;background:linear-gradient(160deg,#fdfaff,#fff 55%);min-width:0; }
.vocabulary-box .vb-heading { display:flex;align-items:center;justify-content:space-between;gap:20px; }.vocabulary-box h2 { margin:10px 0;font-size:1.2rem;color:#302740;font-weight:750; }.vocabulary-box .vb-heading p { margin:0;color:#81758f;font-size:.83rem;line-height:2; }.vocabulary-box .vb-eyebrow { color:var(--color1,#7022b8);font-size:.72rem;background:#f3e8fc;border-radius:8px;padding:6px 10px;display:inline-block; }.vocabulary-box .vb-heading > button { flex-shrink:0; }
.vocabulary-box .vb-instructions { border:1px solid #eee4f6;border-radius:12px;padding:16px;background:#fff; }.vocabulary-box .vb-instructions summary { color:var(--color1,#7022b8);font-size:.82rem;cursor:pointer; }.vocabulary-box .vb-instructions p { margin:14px 0 0;font-size:.8rem;line-height:2.1;white-space:pre-line;color:#81758f; }
.vocabulary-box .vb-start { text-align:center;padding:30px 18px;display:grid;gap:18px;justify-items:center;border:1px dashed #decaed;border-radius:16px; }.vocabulary-box .vb-start > i { display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#f1e4fb;color:var(--color1,#7022b8);font-size:1.5rem; }.vocabulary-box .vb-start h3 { margin:0;font-size:1.05rem;color:#302740; }.vocabulary-box .vb-start p { max-width:680px;font-size:.83rem;line-height:2;color:#81758f;margin:0; }
.vocabulary-box .vb-stats { display:flex;gap:10px;flex-wrap:wrap; }.vocabulary-box .vb-stats > span { padding:10px 14px;background:#f6effd;color:#81758f;font-size:.75rem;border-radius:10px;display:inline-flex;align-items:center;gap:12px; }.vocabulary-box .vb-stats strong { color:var(--color1,#7022b8);font-size:1rem; }
.vocabulary-box .vb-pages { display:grid;gap:18px; }.vocabulary-box .vb-page { border:1px solid #e8daf4;border-radius:16px;overflow:hidden;background:#fff; }.vocabulary-box .vb-page > summary { padding:20px;display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;background:#fcf9ff; }.vocabulary-box .vb-page > summary::-webkit-details-marker { display:none; }.vocabulary-box .vb-page > summary h3 { flex:1;min-width:0;font-size:.95rem;line-height:1.8;overflow-wrap:anywhere; }.vocabulary-box .vb-page > summary > i { color:#a283bb;font-size:.75rem; }.vocabulary-box .vb-page[open] > summary > i { transform:rotate(180deg); }.vocabulary-box .vb-page-number,.vocabulary-box .vb-review-badge { color:var(--color1,#7022b8);background:#f1e5fb;border-radius:9px;padding:7px 10px;font-size:.72rem;white-space:nowrap; }.vocabulary-box .vb-review-badge { background:transparent;color:#9785a8; }
.vocabulary-box .vb-words { padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;border-top:1px solid #f0e8f8; }.vocabulary-box .vb-word { border:1px solid #eee4f5;border-radius:14px;padding:20px;min-width:0;display:flex;flex-direction:column;gap:18px; }.vocabulary-box .vb-word h4 { font-size:1.22rem;color:#302740;margin:0;font-weight:750;overflow-wrap:anywhere; }.vocabulary-box .vb-meaning summary { font-size:.75rem;color:var(--color1,#7022b8);cursor:pointer; }.vocabulary-box .vb-meaning p { white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;line-height:1.9;color:#70617d;margin:12px 0 0; }
.vocabulary-box .vb-cells { display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;max-width:400px;width:100%;margin-top:auto; }.vocabulary-box .vb-cell-group { display:grid;gap:7px;justify-items:stretch;text-align:center;min-width:0; }.vocabulary-box .vb-cell-group > span { font-size:.62rem;color:#9b8ba7; }.vocabulary-box .vb-cell { display:grid;place-items:center;width:100%;aspect-ratio:1;border:1px solid #ded2e8;border-radius:6px;background:#fff;padding:0;min-width:0;color:#a08bad;font-size:1.15rem;line-height:1;min-height:0;font-weight:750;cursor:pointer; }.vocabulary-box .vb-cell.is-today { border:2px solid var(--color1,#7022b8);box-shadow:0 0 0 3px #f5edfc; }.vocabulary-box .vb-cell.is-remembered { border-color:#82bda8;background:#edf8f2;color:#24835e; }.vocabulary-box .vb-cell.is-forgotten { border-color:#dda3ac;background:#fff0f2;color:#c04d67; }.vocabulary-box .vb-cell:disabled { cursor:default;opacity:1; }.vocabulary-box .vb-cell:focus-visible,.vocabulary-box summary:focus-visible { outline:3px solid #b477df;outline-offset:3px; }
.vocabulary-box .vb-choices { display:none;gap:10px;flex-wrap:wrap; }.vocabulary-box .vb-choices button { border:1px solid #d7e9df;border-radius:8px;padding:9px 12px;font-size:.72rem;background:#eff8f3;color:#277556; }.vocabulary-box .vb-choices .vb-forget { background:#fff1f4;color:#af4660;border-color:#edd5dc; }
.vb-success { margin:0;background:#edf8f1;color:#39795d;padding:14px 18px;border-radius:10px;font-size:.8rem;line-height:1.9; }.vb-note { margin:0;background:#faf5ff;color:#8c769a;border-inline-start:3px solid #ceb3e3;padding:14px 18px;border-radius:8px;font-size:.8rem;line-height:2; }
.study-plans .vb-admin-grid { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); }.study-plans .vb-admin-words { display:grid;gap:18px; }.study-plans .vb-admin-word { display:grid;gap:18px;border:1px solid #eee3f7;border-radius:14px;background:#fdfaff;padding:20px; }.study-plans .vb-admin-word .sp-section-heading strong { font-size:.85rem;color:var(--color1,#7022b8); }
@media(max-width:1199px){.study-plans .vb-admin-grid { grid-template-columns:minmax(0,1fr); }}
@media(max-width:767px){.vocabulary-box { padding:18px;gap:18px; }.vocabulary-box .vb-heading { flex-wrap:wrap; }.vocabulary-box .vb-page > summary { gap:12px;padding:16px;flex-wrap:wrap; }.vocabulary-box .vb-review-badge { padding:0; }.vocabulary-box .vb-words { padding:14px;gap:14px; }.vocabulary-box .vb-word { padding:16px; }.study-plans .vb-admin-word { padding:16px; }}

.vocabulary-box .vb-choices.is-open { display:flex; }
.vocabulary-box .vb-reveals { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start; }
.vocabulary-box .vb-reveals > details { min-width:0; }
.vocabulary-box .vb-example p { text-align:left; }
.vb-word-image { display:block;width:100%;max-width:240px;height:160px;object-fit:contain;border:1px solid #eee4f5;border-radius:12px;background:#fff;padding:8px;margin-top:12px; }
.study-plans .vb-admin-word { min-width:0;grid-template-columns:minmax(0,1fr); }
.study-plans .vb-image-field { display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0; }
.study-plans .vb-admin-image { width:120px;height:90px;max-width:100%;object-fit:contain;box-sizing:border-box;border:1px solid #eee4f5;border-radius:10px;background:#fff;padding:6px; }
.study-plans .vb-image-field > button { justify-self:start; }
.study-plans .vb-image-field .sp-hint { margin:0; }
@media(max-width:767px){.vocabulary-box .vb-choices { display:flex; }.vocabulary-box .vb-choices button { min-height:44px;flex:1; }}

.pv-word-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;border:1px solid #e8daf4;border-radius:14px;background:#fff}.pv-word-form .sp-field{min-width:0;display:grid;gap:8px}.pv-word-form label{font-size:.8rem;color:#70617d}.pv-word-form .sp-hint,.pv-word-form .validation-errors{grid-column:1/-1}.pv-word-form button{justify-self:start}.pv-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.vocabulary-box .vb-choices[hidden]{display:none!important}@media(max-width:767px){.pv-word-form{grid-template-columns:minmax(0,1fr)}}