:root{--bg: #f6f7fb;--card: #ffffff;--text: #1f2430;--muted: #6b7280;--accent: #1f8a70;--accent-soft: #e4f3ee;--border: #e6e8ee;--mark: #fff1a8;--shadow: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--radius: 14px;--ar-scale: 1;--uz-scale: 1}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:920px;margin:0 auto;padding:0 16px 64px}.header{padding:28px 0 12px;text-align:center}.header h1{margin:0;font-size:28px;letter-spacing:-.5px}.header .sub{color:var(--muted);margin-top:4px;font-size:14px}.size-control{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:5px 8px;box-shadow:var(--shadow)}.size-control .size-label{color:var(--muted);font-size:13px;font-weight:700;padding:0 2px}.size-control .size-val{font-size:13px;color:var(--text);min-width:42px;font-variant-numeric:tabular-nums}.size-control button{width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:16px;line-height:1;cursor:pointer}.size-control button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.size-control button:disabled{opacity:.4;cursor:default}.search-wrap{position:sticky;top:0;z-index:10;padding:12px 0;background:linear-gradient(var(--bg) 70%,transparent)}.search-box{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:12px 18px;box-shadow:var(--shadow)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-box input{border:0;outline:0;flex:1;font-size:16px;background:transparent;color:var(--text)}.search-box .icon{color:var(--muted);font-size:18px}.search-box button.clear{border:0;background:var(--border);color:var(--muted);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1}.section-title{display:flex;align-items:center;gap:8px;margin:22px 4px 10px;font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}.stats-chip{text-align:center;margin:8px 0 4px;padding:8px 14px;background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:13px;font-weight:600}.best-score{margin-top:6px;font-weight:700;color:var(--accent)}.grid{display:grid;grid-template-columns:1fr;gap:12px}.topic-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s,border-color .12s;text-align:left}.topic-card:hover{transform:translateY(-2px);border-color:var(--accent)}.topic-card .name{font-weight:700;font-size:16px}.topic-card .count{color:var(--muted);font-size:13px;margin-top:6px}.word-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.word-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.word-card .ar{font-size:calc(32px * var(--ar-scale));direction:rtl;text-align:right;line-height:1.7}.word-card .uz{color:var(--text);margin-top:6px;font-size:calc(16px * var(--uz-scale))}.word-card .lesson-tag{display:inline-block;margin-top:8px;font-size:11px;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:999px;cursor:pointer}.sentence-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);margin-bottom:10px}.sentence-card .ar{font-size:calc(26px * var(--ar-scale));direction:rtl;text-align:right;line-height:1.8}.sentence-card .uz{color:var(--muted);margin-top:6px;font-size:calc(15px * var(--uz-scale))}.detail-head{display:flex;align-items:center;gap:12px;margin:18px 0 4px}.back-btn{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:7px 14px;cursor:pointer;font-size:14px;box-shadow:var(--shadow)}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.detail-head h2{margin:0;font-size:22px}.state{text-align:center;color:var(--muted);padding:40px 0}.state.err{color:#c0392b}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 10px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 1px}.primary{border:0;background:var(--accent);color:#fff;border-radius:999px;padding:9px 18px;cursor:pointer;font-size:15px;font-weight:600;box-shadow:var(--shadow)}.primary:hover{filter:brightness(1.05)}.primary:active{transform:translateY(1px)}.quiz-start{margin-left:auto}.quiz{max-width:560px;margin:10px auto 0}.quiz-top{display:flex;align-items:center;gap:12px;margin:8px 0 14px}.back-btn.sm{padding:6px 12px}.progress-track{flex:1;height:8px;background:var(--border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .25s ease}.quiz-meta{display:flex;gap:12px;font-size:14px;color:var(--muted);white-space:nowrap}.quiz-meta .time{font-variant-numeric:tabular-nums}.quiz-counters{display:flex;gap:16px;justify-content:center;margin-bottom:8px;font-weight:700}.quiz-counters .ok{color:var(--accent)}.quiz-counters .no{color:#c0392b}.quiz-word{text-align:center;font-size:calc(56px * var(--ar-scale));line-height:1.5;direction:rtl;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 16px;box-shadow:var(--shadow)}.quiz-hint{text-align:center;color:var(--muted);margin:12px 0 14px;font-size:14px}.options{display:grid;gap:12px}.option{width:100%;text-align:center;font-size:calc(17px * var(--uz-scale));padding:16px;background:var(--card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);transition:border-color .12s,background .12s,transform .08s}.option:hover:not(:disabled){border-color:var(--accent)}.option:active:not(:disabled){transform:scale(.99)}.option:disabled{cursor:default}.option.correct{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.option.wrong{border-color:#e74c3c;background:#fdecea;color:#c0392b;font-weight:700}.option.dim{opacity:.55}.quiz-result{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 20px;box-shadow:var(--shadow)}.quiz-result .emoji{font-size:52px}.quiz-result h2{margin:8px 0 4px;font-size:20px}.quiz-result .score{font-size:44px;font-weight:800;color:var(--accent);margin:8px 0}.result-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:8px 0 22px;font-weight:600}.result-stats .ok{color:var(--accent)}.result-stats .no{color:#c0392b}.result-stats .time{color:var(--muted);font-variant-numeric:tabular-nums}.quiz-actions{display:flex;gap:12px;justify-content:center}@media (max-width: 560px){.app{padding:0 12px 56px}.word-list{grid-template-columns:1fr}.grid{gap:10px}.header{padding:18px 0 8px}.header h1{font-size:22px}.header .sub{font-size:13px}.search-box{padding:11px 16px}.detail-head h2{font-size:19px}.quiz-word{font-size:calc(46px * var(--ar-scale));padding:20px 12px}.option{padding:15px}.quiz-start{padding:8px 14px;font-size:14px}}