.vocab-app{--va-ink:#273740;--va-muted:#4b5b65;--va-bg:#f4f8f1;--va-green:#365943;--va-green-lt:#d3e8d3;--va-red:#963e43;--va-amber:#81502e;--va-line:#ccc6bc;--va-card:#fff;max-width:480px;margin:28px auto 0;font-family:Nunito,system-ui,sans-serif;color:var(--va-ink)}.va-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.va-title{font-size:1.05rem;font-weight:700}.va-title small{display:block;font-size:.72rem;font-weight:500;color:var(--va-muted)}.va-stats{display:flex;gap:14px;align-items:center}.va-stat{text-align:center;line-height:1.1}.va-stat b{font-size:1.1rem;display:block}.va-stat span{display:block;font-size:.62rem;color:var(--va-muted);text-transform:uppercase;letter-spacing:.04em}.va-stat.va-streak b{color:var(--va-amber)}.va-progbar{height:6px;background:var(--va-line);border-radius:99px;margin:4px 4px 10px;overflow:hidden}.va-progbar i{display:block;height:100%;background:var(--va-green);width:0;transition:width .3s}.va-statbar{display:flex;gap:6px;justify-content:center;margin:0 4px 16px}.va-statbar .va-sb{flex:1;text-align:center;font-size:.72rem;font-weight:400;padding:7px 4px;border-radius:10px;border:1px solid var(--va-line)}.va-statbar .va-sb b{display:block;font-size:1.15rem}.va-sb-known{background:var(--va-green-lt);color:var(--va-green)}.va-sb-unsure{background:#fffaf0;color:var(--va-amber)}.va-sb-weak{background:#fff5f5;color:var(--va-red)}.va-card{background:var(--va-card);border:1px solid var(--va-line);border-radius:20px;box-shadow:none;min-height:280px;display:flex;flex-direction:column;justify-content:center;padding:26px 22px;text-align:center;cursor:pointer;position:relative}.va-cat{position:absolute;top:14px;left:0;right:0;font-size:.66rem;color:var(--va-muted);text-transform:uppercase;letter-spacing:.06em}.va-boxbadge{position:absolute;top:12px;right:16px;font-size:.66rem;color:var(--va-muted)}.va-word{font-size:1.9rem;font-weight:700;line-height:1.2;font-family:inherit}.va-hint{margin-top:18px;font-size:.78rem;color:var(--va-muted)}.va-divider{height:1px;background:var(--va-line);margin:16px 0}.va-def{font-size:20px;line-height:1.65}.va-ex{margin-top:14px;font-size:1.18rem;color:var(--va-ink);line-height:1.55;font-weight:400}.va-ex b{color:var(--va-green);font-weight:700}.va-audio{margin-top:18px}.va-audio button{background:var(--va-green-lt);border:1.5px solid var(--va-green);color:var(--va-green);font-size:.92rem;font-weight:400;padding:8px 18px;border-radius:99px;cursor:pointer;font-family:inherit;min-height:44px}.va-audio button:active{transform:scale(.96)}.va-ru-btn{margin-top:14px;background:none;border:1px dashed #cbd5e0;color:var(--va-muted);font-size:.8rem;padding:6px 14px;border-radius:99px;cursor:pointer;font-family:inherit;min-height:44px}.va-ru-text{margin-top:12px;font-size:1rem;color:var(--va-ink);background:#fffef7;border:1px solid var(--va-line);border-radius:12px;padding:10px 14px;display:inline-block}.va-back-btn{margin-top:10px;display:block}.va-controls{display:flex;gap:10px;padding:16px 4px 4px}.va-controls button{flex:1;border:none;border-radius:28px;padding:12px 4px;font-size:1rem;font-weight:700;cursor:pointer;color:#fff;font-family:inherit;min-height:60px}.va-controls button:active{transform:scale(.97)}.va-controls .va-btn-again{background:#efd0d5;color:var(--va-red);border:1px solid #cfaeb3}.va-controls .va-btn-hard{background:#f5e5c8;color:var(--va-amber);border:1px solid #cdb791}.va-controls .va-btn-good{background:#b8d9b8;color:var(--va-green);border:1px solid #94b794}.va-controls button .va-emoji{display:block;font-size:1.7rem;line-height:1.1}.va-controls button small{display:block;font-weight:400;font-size:.66rem;opacity:.95;margin-top:3px}.va-flip-btn{width:100%;border:none;border-radius:16px;padding:16px;font-size:1.05rem;font-weight:700;background:#397694;color:#fff;cursor:pointer;margin-top:16px;font-family:inherit;min-height:52px}.va-flip-btn:active{transform:scale(.98)}.va-done{text-align:center;padding:40px 20px;background:var(--va-card);border:1px solid var(--va-line);border-radius:20px}.va-done .va-big{font-size:3rem}.va-done h2{margin:10px 0 6px;font-family:inherit}.va-done p{color:var(--va-muted);line-height:1.5;margin:0}.va-more-btn{display:inline-block;margin:14px 0 4px;background:var(--va-green);color:#fff;border:none;border-radius:14px;padding:13px 26px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;min-height:48px}.va-more-btn:active{transform:scale(.97)}.va-done .va-sum{background:var(--va-bg);border:1px solid var(--va-line);border-radius:16px;padding:16px;margin-top:18px;display:flex;justify-content:space-around}.va-done .va-sum b{font-size:1.4rem;display:block}.va-done .va-sum span{display:block;font-size:.7rem;color:var(--va-muted);text-transform:uppercase;letter-spacing:.03em}.va-footer{text-align:center;font-size:.68rem;color:var(--va-muted);padding:14px 0 4px}.vocab-app [hidden]{display:none!important}@media (max-width:480px){.vocab-app{max-width:100%}}.va-ex b{background:var(--va-green-lt);padding:1px 5px;border-radius:5px;box-decoration-break:clone}.va-controls button small,.va-hint,.va-ru-btn,.va-footer{font-size:15px}.va-card{padding:40px 24px 28px}.va-controls button .va-emoji{font-size:1.3rem}.va-word{display:inline;padding:3px 9px;background:var(--va-green-lt);color:var(--va-green);border-radius:7px;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.5}.va-ex{margin-top:28px;padding:18px 20px;background:#e8f1f7;border-left:3px solid #8caebf;border-radius:0 12px 12px 0;text-align:left;line-height:1.7}.va-phrase-row{display:flex;justify-content:center;align-items:center;gap:14px}.va-phrase-row .va-word{min-width:0}.va-phrase-row button{flex-shrink:0}