*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf7;--card-bg:#fff;--text:#1a1a1a;--muted:#777;--border:#e0e0d8;--accent:#8b0000;--accent-light:#f8ecec;--right:#2c5f2d;--right-bg:#eef7ee;--wrong:#8b0000;--wrong-bg:#fef0f0;--gold:#b8860b;--radius:10px}html,body{color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}#root{max-width:480px;min-height:100%;margin:0 auto;padding:1rem}.btn{border-radius:var(--radius);cursor:pointer;text-align:center;border:none;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;transition:opacity .15s;display:inline-block}.btn:active{opacity:.7}.btn:disabled{opacity:.35;cursor:default}.btn-primary{background:var(--text);color:#fff;width:100%;padding:.9rem;font-size:1.1rem}.btn-secondary{color:var(--text);border:1px solid var(--border);background:#fff}.btn-right{background:var(--right-bg);color:var(--right);flex:1;padding:1rem;font-size:1.1rem}.btn-wrong{background:var(--wrong-bg);color:var(--wrong);flex:1;padding:1rem;font-size:1.1rem}.btn-back{color:var(--muted);background:0 0;padding:.5rem 0;font-size:.95rem}.btn-small{border:1px solid var(--border);background:#fff;padding:.4rem .8rem;font-size:.8rem}.btn-danger{color:var(--wrong)}.dashboard{flex-direction:column;gap:1.25rem;padding-top:.5rem;display:flex}.dashboard h1{text-align:center;letter-spacing:-.01em;font-size:1.4rem;font-weight:700}.queue-box{text-align:center;background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem}.queue-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.queue-count{margin:.25rem 0;font-size:3.5rem;font-weight:700;line-height:1.1}.queue-breakdown{color:var(--muted);font-size:.85rem}.dashboard-actions{flex-direction:column;gap:.5rem;display:flex}.levels h2{margin-bottom:.75rem;font-size:1rem;font-weight:600}.level-bars{flex-direction:column;gap:.4rem;display:flex}.level-bar{align-items:center;gap:.5rem;display:flex}.level-label{color:var(--muted);text-align:right;width:2.2rem;font-size:.75rem;font-weight:500}.level-track{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.level-fill{background:var(--text);border-radius:4px;height:100%;transition:width .3s}.level-count{color:var(--muted);text-align:right;width:2.5rem;font-size:.8rem}.level-info-btn{border:1px solid var(--border);width:22px;height:22px;color:var(--muted);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:Georgia,Times New Roman,serif;font-size:.7rem;font-style:italic;font-weight:700;line-height:1;transition:opacity .15s;display:flex}.level-info-btn:active{opacity:.6}.level-info-btn.disabled{opacity:.3;cursor:default}.total-label{text-align:center;color:var(--muted);margin-top:.5rem;font-size:.8rem}.footer-actions{border-top:1px solid var(--border);justify-content:center;gap:.5rem;padding-top:1rem;display:flex}.add-words{flex-direction:column;gap:.75rem;display:flex}.add-header{align-items:center;gap:.75rem;display:flex}.add-header h1{font-size:1.2rem;font-weight:600}.add-quick{gap:.5rem;display:flex}.add-quick .btn{flex:1}.add-selected-btn{margin-top:.25rem}.word-list{flex-direction:column;gap:2px;display:flex}.word-item{cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem .5rem;font-size:.9rem;display:flex}.word-item:nth-child(2n){background:#00000005}.word-item.selected{background:var(--accent-light)}.word-item input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.word-freq{color:var(--muted);min-width:2.2rem;font-size:.7rem}.word-ru{color:var(--accent);flex:1;font-size:.85rem}.word-fr{color:var(--right);text-align:right;min-width:5rem;font-style:italic;font-weight:500}.word-pos{color:var(--muted);text-align:right;min-width:3rem;font-size:.65rem}.available-count{text-align:center;color:var(--muted);font-size:.8rem}.session{flex-direction:column;align-items:center;gap:1.25rem;min-height:80vh;padding-top:.5rem;display:flex}.session-header{align-items:center;width:100%;display:flex}.session-header .btn-back{padding:.25rem 0}.session-progress{text-align:center;color:var(--muted);flex:1;font-size:.85rem}.session-spacer{width:3rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;justify-content:center;align-items:center;width:100%;min-height:260px;padding:2rem 1.5rem;display:flex}.card.revealed{cursor:default}.card-front,.card-back{flex-direction:column;gap:.75rem;display:flex}.card-meta{text-transform:uppercase;letter-spacing:.04em;justify-content:center;gap:.75rem;font-size:.75rem;display:flex}.card-level{color:var(--muted)}.card-streak{color:var(--gold);font-weight:600}.card-prompt{color:var(--accent);font-size:1.5rem;font-weight:500;line-height:1.4}.card-hint{color:var(--muted);margin-top:1rem;font-size:.8rem}.card-answer{color:var(--right);font-size:2rem;font-style:italic;font-weight:600}.card-pos{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.card-translations{color:var(--accent);font-size:1rem;line-height:1.5}.card-buttons{gap:.75rem;width:100%;display:flex}.summary{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding-top:2rem;display:flex}.summary h1{font-size:1.3rem;font-weight:600}.summary-stats{gap:1.5rem;display:flex}.summary-stat{flex-direction:column;align-items:center;display:flex}.summary-value{font-size:2rem;font-weight:700}.summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.summary-next{color:var(--muted);font-size:.9rem}.resume-box{text-align:center;background:var(--accent-light);border-radius:var(--radius);border:1px solid var(--accent);padding:1rem}.resume-label{color:var(--accent);margin-bottom:.75rem;font-size:.85rem}.resume-actions{gap:.5rem;display:flex}.resume-actions .btn{flex:1}h1{letter-spacing:-.01em;font-size:1.4rem;font-weight:700}.modal-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border-radius:var(--radius);flex-direction:column;width:100%;max-width:420px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000002e}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h2{font-size:1.05rem;font-weight:600}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.2rem;line-height:1}.modal-close:active{opacity:.5}.modal-body{flex:1;padding:.5rem 1.25rem 1rem;overflow-y:auto}.modal-empty{text-align:center;color:var(--muted);padding:2rem 0;font-size:.9rem}.level-word-list{flex-direction:column;list-style:none;display:flex}.level-word-item{border-bottom:1px solid #0000000a;align-items:baseline;gap:.35rem;padding:.45rem 0;font-size:.9rem;display:flex}.level-word-item:last-child{border-bottom:none}.lw-french{color:var(--right);white-space:nowrap;font-style:italic;font-weight:500}.lw-dash{color:var(--border)}.lw-translation{color:var(--accent);flex:1}.lw-streak{color:var(--gold);white-space:nowrap;font-size:.75rem;font-weight:500}