*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f1ece0;--card: #fefaf0;--text: #2c2418;--text-muted: #867a6a;--green: #2d8a4e;--green-bg: #e8f2e4;--green-border: #a3d4b5;--red: #c0392b;--red-bg: #fce8e4;--red-border: #e6ada7;--amber: #c4850c;--amber-bg: #fdf3da;--amber-border: #e8d5a0;--border: #e2d9c8;--accent: #3d5a80;--accent-light: #5a7fa3;--shadow: rgba(44, 36, 24, .1);--hover-bg: #ece6d8;--sentence-bg-from: #f9f5ea;--sentence-bg-to: #efe9da;--badge-empty-bg: #e8e1d2;--kbd-bg: #e8e1d2;--review-border: #e8e1d2;--focus-ring: rgba(61, 90, 128, .12);--stripe: rgba(61, 90, 128, .35)}[data-theme=dark]{--bg: #16140f;--card: #201d16;--text: #e8e2d4;--text-muted: #9a9080;--green: #4ade80;--green-bg: #132a1e;--green-border: #1e4a2e;--red: #f87171;--red-bg: #2a1318;--red-border: #4a1e24;--amber: #fbbf24;--amber-bg: #2a2210;--amber-border: #4a3a16;--border: #3a342c;--accent: #7eb8d8;--accent-light: #9ecce8;--shadow: rgba(0, 0, 0, .5);--hover-bg: #28241e;--sentence-bg-from: #1a1814;--sentence-bg-to: #28241e;--badge-empty-bg: #28241e;--kbd-bg: #2a2620;--review-border: #2e2a24;--focus-ring: rgba(126, 184, 216, .2);--stripe: rgba(126, 184, 216, .4);--accent-hover: #5a96b8;--btn-shadow: rgba(126, 184, 216, .2);--btn-text: #141210;--verb-bg: rgba(251, 191, 36, .15);--verb-text: #fbbf24;--adj-bg: rgba(167, 139, 250, .15);--adj-text: #a78bfa;--adv-bg: rgba(52, 211, 153, .15);--adv-text: #34d399;--noun-bg: rgba(126, 184, 216, .15);--noun-text: #7eb8d8;--form-hint-bg: rgba(126, 184, 216, .15);--form-hint-border: rgba(126, 184, 216, .3)}body{font-family:DM Sans,sans-serif;background:var(--bg);padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh;color:var(--text);gap:20px}#practiceView,#wordListView,#statsView{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.container{background:var(--card);border-radius:16px;box-shadow:0 2px 4px var(--shadow),0 8px 32px var(--shadow);padding:40px 36px 32px;max-width:620px;width:100%;border:1px solid var(--border);position:relative}header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}#practiceView header{flex-direction:column;gap:12px;align-items:stretch}.header-top{display:flex;align-items:baseline;justify-content:space-between}h1{font-family:"DM Serif Display",serif;font-size:24px;font-weight:400;letter-spacing:-.3px}.header-controls{display:flex;align-items:center;gap:16px}.nikkud-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.nikkud-toggle input{display:none}.toggle-slider{position:relative;width:34px;height:18px;background:var(--border);border-radius:9px;transition:background .2s;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.nikkud-toggle input:checked+.toggle-slider{background:var(--accent)}.nikkud-toggle input:checked+.toggle-slider:after{transform:translate(16px)}.toggle-label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.3px}.dir-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;font-family:DM Sans,sans-serif;background:var(--hover-bg);border:1px solid var(--border);border-radius:16px;color:var(--text-muted);cursor:pointer;transition:all .2s;flex:unset;letter-spacing:.2px}.dir-btn:hover{background:var(--border);color:var(--text)}.dir-arrow{display:inline-block;transition:transform .3s ease;font-size:14px}.score-display{font-size:14px;color:var(--text-muted);font-weight:500}.score-display .num{color:var(--accent);font-weight:700;font-size:16px}.view-tabs{display:flex;gap:4px;background:var(--card);border-radius:12px;padding:4px;border:1px solid var(--border);max-width:620px;width:100%;box-shadow:0 2px 8px var(--shadow);align-items:center}.view-tab{flex:1;padding:8px 12px;font-size:13px;font-family:DM Sans,sans-serif;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:transparent;color:var(--text-muted);transition:all .2s;white-space:nowrap}.theme-btn{flex:unset;width:32px;height:32px;padding:0;font-size:15px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-btn:hover,.view-tab:hover{background:var(--hover-bg)}.view-tab.active{background:var(--accent);color:var(--btn-text, white)}.filter-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.filter-chip{padding:6px 14px;font-size:13px;font-family:DM Sans,sans-serif;border:1px solid transparent;border-radius:20px;background:var(--hover-bg);cursor:pointer;font-weight:500;color:var(--text-muted);transition:all .2s;flex:unset}.filter-chip:hover{background:var(--border);transform:none;box-shadow:none}.filter-chip.active{background:var(--accent);color:var(--btn-text, white);border-color:var(--accent)}.filter-chip .chip-count{font-size:11px;opacity:.7;margin-left:4px}.length-slider{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:8px 0}.length-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);white-space:nowrap}.length-slider input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.length-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--card);box-shadow:0 1px 4px var(--shadow);cursor:pointer;transition:transform .15s}.length-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.length-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--card);box-shadow:0 1px 4px var(--shadow);cursor:pointer}.length-value{font-size:13px;font-weight:600;color:var(--accent);min-width:58px;text-align:right}.progress-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:8px 0}.progress-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);white-space:nowrap}.progress-track{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-level{font-size:13px;font-weight:600;color:var(--accent);min-width:58px;text-align:right}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.sentence-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sentence-type-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600}.position-counter{font-size:11px;color:var(--text-muted);font-weight:500;letter-spacing:.3px}.hebrew-sentence-wrap{position:relative;margin-bottom:16px}.star-btn{position:absolute;top:8px;left:8px;z-index:1;flex:unset;width:32px;height:32px;padding:0;font-size:20px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all .2s;opacity:.5}.star-btn:hover{opacity:1;transform:scale(1.2)}.star-btn.active{color:var(--amber);opacity:1}.speak-btn{position:absolute;top:8px;right:8px;z-index:1;flex:unset;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all .2s;opacity:.4;display:flex;align-items:center;justify-content:center}.speak-btn:hover{opacity:.8;transform:scale(1.15)}.speak-btn.speaking{opacity:1;color:var(--accent)}.speak-btn-inline{position:static;display:inline-flex;margin-top:12px;width:36px;height:36px;opacity:.5}.speak-btn-inline:hover{opacity:.9}.conj-wrap{text-align:center;margin-bottom:20px;min-height:0}.conj-btn{flex:unset;display:inline-flex;align-items:center;gap:4px;padding:4px 14px;font-size:12px;font-family:DM Sans,sans-serif;font-weight:600;background:transparent;border:1px solid var(--border);border-radius:16px;color:var(--text-muted);cursor:pointer;transition:all .2s;letter-spacing:.3px}.conj-btn:hover{background:var(--hover-bg);color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.hebrew-sentence{font-size:36px;margin-bottom:0;text-align:center;padding:32px 24px;background:linear-gradient(135deg,var(--sentence-bg-from) 0%,var(--sentence-bg-to) 100%);border-radius:12px;direction:rtl;font-family:Arial,Noto Sans Hebrew,sans-serif;color:var(--text);border:none;box-shadow:inset 0 0 0 1px var(--border);letter-spacing:1px;line-height:1.6;transition:transform .3s ease}.hebrew-sentence.conj-pulse{animation:conjPulse .3s ease}.input-group{margin-bottom:16px}label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.8px}input[type=text]{width:100%;padding:14px 16px;font-size:18px;font-family:DM Sans,sans-serif;border:2px solid var(--border);border-radius:10px;transition:border-color .25s,box-shadow .25s;background:var(--card);color:var(--text)}input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}input.input-correct{border-color:var(--green);background:var(--green-bg)}input.input-close{border-color:var(--amber);background:var(--amber-bg)}input.input-incorrect{border-color:var(--red);background:var(--red-bg)}input:disabled{opacity:.6;cursor:not-allowed}.mc-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.mc-option{padding:14px 16px;font-size:16px;font-family:DM Sans,sans-serif;font-weight:500;background:var(--card);border:2px solid var(--border);border-radius:10px;cursor:pointer;text-align:left;transition:all .2s;color:var(--text);flex:unset}.mc-option:hover{border-color:var(--accent-light);background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 8px var(--focus-ring)}.mc-option.mc-correct{border-color:var(--green);background:var(--green-bg);color:var(--green)}.mc-option.mc-wrong{border-color:var(--red);background:var(--red-bg);color:var(--red)}.mc-option.mc-dimmed{opacity:.5;cursor:default}.buttons{display:flex;gap:10px;margin-top:20px}button{flex:1;padding:14px;font-size:15px;font-family:DM Sans,sans-serif;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s;letter-spacing:.3px}.check-btn{background:var(--accent);color:var(--btn-text, white)}.check-btn:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 12px var(--btn-shadow, rgba(61, 90, 128, .25))}.next-btn{background:var(--accent);color:var(--btn-text, white)}.next-btn:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 12px var(--btn-shadow, rgba(61, 90, 128, .25))}.word-feedback{margin-top:20px;display:none;animation:fadeSlideIn .3s ease}.word-feedback.visible{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes conjPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mc-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.focus-chip-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.result-banner{padding:12px 16px;border-radius:10px;font-weight:600;font-size:15px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.result-banner.perfect{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.result-banner.close{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.result-banner.eval-wrong{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.feedback-block{padding:16px 20px;border-radius:10px;border:1px solid var(--red-border);background:var(--red-bg)}.feedback-header{font-weight:600;font-size:14px;color:var(--red);margin-bottom:8px}.feedback-icon{margin-right:4px}.feedback-answer{font-size:18px;font-weight:600;color:var(--text);margin-bottom:12px}.feedback-block .focus-chips-area{margin-top:0}.streak{text-align:center;font-size:13px;color:var(--text-muted);margin-top:12px;min-height:20px;transition:color .3s}.streak.hot{color:var(--accent-light);font-weight:600;animation:fadeSlideIn .3s ease}.shortcut-hint{text-align:center;margin-top:12px;font-size:12px;color:var(--text-muted);opacity:.6}kbd{display:inline-block;padding:2px 6px;font-size:11px;font-family:DM Sans,sans-serif;background:var(--kbd-bg);border-radius:4px;border:1px solid var(--border)}.review-panel{background:var(--card);border-radius:16px;box-shadow:0 2px 4px var(--shadow),0 8px 32px var(--shadow);max-width:620px;width:100%;border:1px solid var(--border);overflow:hidden}.review-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:var(--text);border-radius:16px;flex:unset;letter-spacing:0}.review-toggle:hover{background:linear-gradient(135deg,var(--sentence-bg-from) 0%,var(--sentence-bg-to) 100%);transform:none;box-shadow:none}.review-toggle .toggle-left{display:flex;align-items:center;gap:10px}.review-toggle .badge{background:#3d5a801a;color:var(--accent);font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px;border:1px solid rgba(61,90,128,.2);min-width:28px;text-align:center}[data-theme=dark] .review-toggle .badge{background:#7eb8d826;border-color:#7eb8d84d}.review-toggle .badge.empty{background:var(--badge-empty-bg);color:var(--text-muted);border-color:var(--border)}.review-toggle .chevron{font-size:18px;color:var(--text-muted);transition:transform .3s ease}.review-panel.open .review-toggle .chevron{transform:rotate(180deg)}.review-list{max-height:0;overflow-y:auto;transition:max-height .4s ease}.review-panel.open .review-list{max-height:400px}.review-list-inner{padding:0 24px 20px}.review-item{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--review-border);animation:reviewSlideIn .3s ease}.review-item:last-child{border-bottom:none}@keyframes reviewSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.review-item .review-check{width:22px;height:22px;border-radius:50%;background:var(--green-bg);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;border:1px solid var(--green-border)}.review-item .review-content{flex:1;min-width:0}.review-item .review-hebrew{font-size:18px;direction:rtl;font-family:Arial,Noto Sans Hebrew,sans-serif;color:var(--text);line-height:1.4}.review-item .review-english{font-size:13px;color:var(--text-muted);margin-top:1px}.review-item .review-star{flex:unset;width:26px;height:26px;padding:0;font-size:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all .15s;opacity:.4;flex-shrink:0}.review-item .review-star:hover{opacity:1;transform:scale(1.2)}.review-item .review-star.active{color:var(--amber);opacity:1}.review-item .review-attempt{font-size:11px;padding:2px 8px;border-radius:8px;flex-shrink:0;font-weight:500}.review-header-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:2px solid var(--review-border);margin-bottom:4px}.review-header-row span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}#wordListView .container{max-width:620px}.wl-toolbar{margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.wl-filter-bar{display:flex;flex-wrap:wrap;gap:6px}.wl-search input{width:100%;padding:10px 14px;font-size:15px;font-family:DM Sans,sans-serif;border:2px solid var(--border);border-radius:10px;background:var(--card);color:var(--text)}.wl-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.wl-add-form{background:linear-gradient(135deg,var(--sentence-bg-from) 0%,var(--sentence-bg-to) 100%);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.wl-add-form h3{font-family:"DM Serif Display",serif;font-size:18px;font-weight:400;margin-bottom:14px}.wl-form-row{display:flex;gap:12px;margin-bottom:12px}.wl-form-wrap{flex-wrap:wrap}.wl-form-group{display:flex;flex-direction:column;gap:4px;min-width:100px}.wl-form-group.wl-form-grow{flex:1}.wl-form-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.wl-form-group input,.wl-form-group select{padding:10px 12px;font-size:15px;font-family:DM Sans,sans-serif;border:2px solid var(--border);border-radius:8px;background:var(--card);color:var(--text)}.wl-form-group input:focus,.wl-form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.wl-form-group select{cursor:pointer}.wl-form-note{font-size:13px;color:var(--text-muted);margin-bottom:8px;font-style:italic}.wl-lookup-hint{font-size:12px;color:var(--green);font-weight:500;margin:-4px 0 8px;opacity:0;transition:opacity .2s}.wl-lookup-hint.visible{opacity:1}.wl-translate-btn{background:none;border:1px solid var(--accent);border-radius:8px;padding:6px 16px;font-size:13px;font-weight:600;color:var(--accent);cursor:pointer;margin-bottom:8px;flex:unset;transition:all .2s}.wl-translate-btn:hover{background:var(--accent);color:var(--btn-text, white)}.wl-translate-btn:disabled{opacity:.5;cursor:wait}.wl-kb-toggle{background:none;border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;margin-bottom:8px;flex:unset}.wl-kb-toggle:hover{background:var(--hover-bg)}.wl-save-btn{background:var(--accent);color:var(--btn-text, white);padding:12px 24px;border-radius:10px;font-weight:600;margin-top:8px}.wl-save-btn:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 12px var(--btn-shadow, rgba(61, 90, 128, .25))}.wl-extra-fields{margin-bottom:4px}.wl-io-bar{display:flex;gap:8px;margin-bottom:16px}.wl-io-btn{flex:unset;padding:8px 16px;font-size:13px;font-weight:500;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer}.wl-io-btn:hover{background:var(--hover-bg)}.wl-table{width:100%;border-collapse:collapse;font-size:14px}.wl-table thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-weight:600;padding:8px 12px;border-bottom:2px solid var(--border)}.wl-table tbody td{padding:10px 12px;border-bottom:1px solid var(--review-border);vertical-align:middle}.wl-table tbody tr:hover{background:var(--sentence-bg-from)}.he-cell{font-family:Arial,Noto Sans Hebrew,sans-serif;font-size:16px}.wl-type-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wl-type-noun{background:var(--noun-bg, rgba(43, 94, 167, .1));color:var(--noun-text, var(--accent))}.wl-type-verb{background:var(--verb-bg, #fef3c7);color:var(--verb-text, #b45309)}.wl-type-adjective{background:var(--adj-bg, #e8e0f0);color:var(--adj-text, #6d28d9)}.wl-type-adverb{background:var(--adv-bg, #d1fae5);color:var(--adv-text, #059669)}.wl-focus-btn{flex:unset;background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);padding:0 4px;line-height:1;transition:color .15s}.wl-focus-btn:hover,.wl-focus-btn.active{color:var(--amber)}.wl-delete-btn{flex:unset;background:none;border:1px solid var(--red-border);color:var(--red);border-radius:6px;padding:4px 10px;font-size:13px;cursor:pointer;font-weight:600}.wl-delete-btn:hover{background:var(--red-bg)}.wl-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-style:italic}.hebrew-keyboard{margin-bottom:12px}.hk-row{display:flex;gap:4px;justify-content:center;margin-bottom:4px}.hk-key{flex:unset;min-width:36px;height:40px;padding:0 4px;font-size:18px;font-family:Arial,Noto Sans Hebrew,sans-serif;background:var(--card);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;transition:all .15s}.hk-key:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 6px var(--shadow)}.hk-key:active{transform:translateY(0);background:var(--border)}.hk-space{min-width:120px;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text-muted)}.hk-backspace{min-width:52px;font-size:16px}.stats-reset-btn{flex:unset;padding:6px 14px;font-size:12px;font-weight:600;background:transparent;color:var(--red);border:1px solid var(--red-border);border-radius:8px;cursor:pointer}.stats-reset-btn:hover{background:var(--red-bg)}.stats-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-style:italic}.stats-cards{display:flex;gap:10px;margin-bottom:24px}.stat-card{flex:1;text-align:center;padding:16px 8px;background:linear-gradient(135deg,var(--sentence-bg-from) 0%,var(--sentence-bg-to) 100%);border:1px solid var(--border);border-radius:12px}.stat-card-value{font-size:32px;font-weight:700;color:var(--accent);line-height:1.1}.stat-card-unit{font-size:18px;font-weight:500}.stat-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-top:4px}.stats-section{margin-bottom:24px}.stats-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:12px}.stats-count-inline{font-weight:500;text-transform:none;letter-spacing:0;opacity:.7}.stats-hint{font-size:13px;color:var(--text-muted);margin-bottom:10px;line-height:1.5}.cal-wrap{display:flex;gap:6px;overflow-x:auto}.cal-labels{display:flex;flex-direction:column;gap:2px;padding-top:0}.cal-day-label{height:14px;font-size:10px;color:var(--text-muted);display:flex;align-items:center;line-height:1}.cal-grid{display:grid;grid-template-rows:repeat(7,14px);grid-auto-flow:column;grid-auto-columns:14px;gap:2px}.cal-cell{width:14px;height:14px;border-radius:3px;background:var(--hover-bg);cursor:default}.cal-cell[data-level="0"]{background:var(--hover-bg)}.cal-cell[data-level="1"]{background:color-mix(in srgb,var(--accent) 25%,var(--hover-bg))}.cal-cell[data-level="2"]{background:color-mix(in srgb,var(--accent) 55%,var(--hover-bg))}.cal-cell[data-level="3"]{background:var(--accent)}.stats-categories{display:flex;flex-direction:column;gap:10px}.stats-row{display:flex;align-items:center;gap:12px}.stats-label{width:100px;font-size:13px;font-weight:600;color:var(--text-muted);flex-shrink:0}.stats-bar-wrap{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.stats-bar{height:100%;border-radius:4px;transition:width .4s ease;min-width:2px}.stats-value{min-width:40px;font-size:13px;font-weight:600;color:var(--text);text-align:right;white-space:nowrap}.stats-count{font-weight:400;color:var(--text-muted);font-size:12px}.vocab-grid{display:flex;flex-wrap:wrap;gap:6px}.vocab-tile{flex:unset;padding:5px 12px;border-radius:16px;font-size:12px;font-weight:600;font-family:DM Sans,sans-serif;border:1px solid transparent;cursor:pointer;transition:all .15s}.vocab-tile:hover{transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow)}.vocab-green{background:var(--green-bg);color:var(--green);border-color:var(--green-border)}.vocab-amber{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border)}.vocab-red{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.vocab-focused{box-shadow:0 0 0 2px var(--amber)}.vocab-collapsed{max-height:140px;overflow:hidden;position:relative}.vocab-show-all{flex:unset;display:block;width:100%;padding:8px;margin-top:8px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.vocab-show-all:hover{background:var(--hover-bg);color:var(--text)}.vocab-he{font-family:Arial,Noto Sans Hebrew,sans-serif;direction:rtl;unicode-bidi:isolate;opacity:.7;margin-left:2px}.focus-progress-list{display:flex;flex-direction:column;gap:10px}.focus-progress-row{display:flex;align-items:center;gap:12px}.focus-progress-word{width:100px;font-size:13px;font-weight:600;color:var(--text);flex-shrink:0}.focus-progress-track{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.focus-progress-fill{height:100%;background:var(--amber);border-radius:4px;transition:width .4s ease}.focus-progress-label{font-size:12px;color:var(--text-muted);font-weight:500;min-width:40px;text-align:right}.focus-progress-he{font-family:Arial,Noto Sans Hebrew,sans-serif;direction:rtl;unicode-bidi:isolate;color:var(--text-muted);font-weight:400;font-size:12px;margin-left:4px}.weak-words-list{display:flex;flex-direction:column;gap:6px}.weak-word-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--hover-bg)}.weak-word-star{flex:unset;background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);padding:0 2px;line-height:1;transition:color .15s}.weak-word-star:hover,.weak-word-star.active{color:var(--amber)}.weak-word-name{flex:1;font-size:14px;font-weight:600;color:var(--text)}.weak-word-he{font-family:Arial,Noto Sans Hebrew,sans-serif;direction:rtl;unicode-bidi:isolate;color:var(--text-muted);font-weight:400;margin-left:6px}.weak-word-pct{font-size:14px;font-weight:700;color:var(--red);min-width:36px;text-align:right}.weak-word-attempts{font-size:12px;color:var(--text-muted);min-width:70px;text-align:right}.backup-bar{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.backup-label{font-size:13px;color:var(--text-muted);margin-bottom:10px;line-height:1.5}.backup-buttons{display:flex;gap:8px}.backup-btn{flex:unset;padding:8px 16px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.backup-btn:hover{background:var(--hover-bg);color:var(--text)}.reveal-area{margin-bottom:16px}.reveal-btn{width:100%;padding:14px;font-size:15px;font-family:DM Sans,sans-serif;font-weight:600;background:var(--accent);color:var(--btn-text, white);border:none;border-radius:10px;cursor:pointer;transition:all .2s;letter-spacing:.3px}.reveal-btn:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 12px var(--btn-shadow, rgba(61, 90, 128, .25))}.reveal-answer{margin-top:16px;padding:24px;background:linear-gradient(135deg,var(--sentence-bg-from) 0%,var(--sentence-bg-to) 100%);border-radius:12px;border:none;box-shadow:inset 0 0 0 1px var(--border);text-align:center;animation:fadeSlideIn .3s ease}.reveal-hebrew{font-size:32px;direction:rtl;font-family:Arial,Noto Sans Hebrew,sans-serif;color:var(--text);line-height:1.5;letter-spacing:1px}.eval-buttons{display:flex;gap:10px;margin-top:12px;animation:fadeSlideIn .3s ease}.eval-btn{flex:1;padding:14px;font-size:15px;font-family:DM Sans,sans-serif;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.eval-correct{background:var(--green);color:var(--btn-text, white)}.eval-correct:hover{filter:brightness(1.1);transform:translateY(-1px)}.eval-wrong{background:var(--red);color:var(--btn-text, white)}.eval-wrong:hover{filter:brightness(1.1);transform:translateY(-1px)}.english-sentence{font-size:28px;text-align:center;padding:32px 24px;background:linear-gradient(135deg,var(--sentence-bg-from) 0%,var(--sentence-bg-to) 100%);border-radius:12px;color:var(--text);border:none;box-shadow:inset 0 0 0 1px var(--border);line-height:1.5}.focus-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:10px 14px;background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:10px;align-items:center;animation:fadeSlideIn .3s ease}.focus-bar-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--amber);font-weight:700;margin-right:4px;white-space:nowrap}.focus-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;background:var(--card);color:var(--amber);border:1px solid var(--amber-border)}.focus-chip-x{cursor:pointer;opacity:.5;font-size:14px;line-height:1;margin-left:2px}.focus-chip-x:hover{opacity:1}.focus-chips-area{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.focus-chips-label{font-size:12px;font-weight:600;color:var(--text-muted);margin-right:4px}.focus-chip-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:16px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;background:var(--hover-bg);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:all .15s;flex:unset}.focus-chip-btn:hover{border-color:var(--amber-border);color:var(--amber);background:var(--amber-bg)}.focus-chip-btn.active{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border)}.eval-focus{margin-top:12px}.eval-next{margin-top:14px;width:100%}.focus-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--text);color:var(--card);padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;box-shadow:0 8px 24px #00000040;z-index:1000;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap}.focus-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.focus-toast .toast-words{color:var(--accent-light)}.focus-toast.graduation{background:var(--green);color:#fff}.focus-toast.graduation .toast-words{color:#ffffffe6}.focus-toast.milestone{background:var(--accent);color:#fff}.welcome-banner{padding:12px 16px;background:linear-gradient(135deg,var(--sentence-bg-from) 0%,var(--sentence-bg-to) 100%);border:1px solid var(--accent);border-radius:10px;font-size:14px;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px;animation:fadeSlideIn .3s ease;transition:opacity .3s,transform .3s}.welcome-banner.dismissed{opacity:0;transform:translateY(-8px)}.welcome-dismiss{flex:unset;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted);padding:0 4px;line-height:1;margin-left:auto}.focus-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:2px 8px;border-radius:10px;background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border);margin-left:8px;vertical-align:middle}.form-hint{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--form-hint-bg, rgba(43, 94, 167, .1));color:var(--accent);border:1px solid var(--form-hint-border, rgba(43, 94, 167, .2));margin-left:8px;vertical-align:middle}.form-hint.form-f{background:#9333ea1a;color:#7c3aed;border-color:#9333ea40}[data-theme=dark] .form-hint.form-f{background:#a78bfa26;color:#a78bfa;border-color:#a78bfa4d}.about-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto}[data-theme=dark] .about-overlay{background:#000000b3}.about-overlay.open{display:flex}.about-modal{background:var(--card);border-radius:16px;max-width:640px;width:100%;padding:36px 32px 40px;position:relative;box-shadow:0 20px 60px var(--shadow);border:1px solid var(--border);animation:fadeSlideIn .25s ease}.about-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-muted);line-height:1;padding:4px 8px;flex:unset}.about-close:hover{color:var(--text)}.about-modal h2{font-family:"DM Serif Display",serif;font-size:24px;margin-bottom:8px;color:var(--text)}.about-modal h3{font-size:15px;font-weight:700;color:var(--text);margin:20px 0 6px}.about-modal p,.about-modal li{font-size:14px;line-height:1.65;color:var(--text-secondary, var(--text-muted))}.about-modal .about-intro{font-size:15px;color:var(--text);margin-bottom:16px}.about-modal ul{padding-left:20px;margin:6px 0 12px}.about-modal li{margin-bottom:4px}.about-modal strong{color:var(--text)}.about-modal kbd{display:inline-block;background:var(--hover-bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:12px;font-family:DM Sans,sans-serif}.about-credit{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted);text-align:center}.about-version{margin-top:8px;font-size:11px;color:var(--text-muted);text-align:center;opacity:.5;letter-spacing:.5px}@media(max-width:640px){body{padding:12px;gap:12px}.container{padding:24px 18px 20px}.header-controls{gap:12px}.filter-chip{padding:8px 16px;font-size:14px}.toggle-slider{width:40px;height:22px}.toggle-slider:after{width:18px;height:18px}.nikkud-toggle input:checked+.toggle-slider:after{transform:translate(18px)}.toggle-label{font-size:13px}.star-btn{width:44px;height:44px;font-size:24px}.speak-btn{width:44px;height:44px}.speak-btn svg{width:20px;height:20px}.focus-chip-x{font-size:18px;padding:4px}.mc-option{padding:16px;font-size:17px}.hebrew-sentence{font-size:32px;padding:24px 16px}.english-sentence{font-size:22px;padding:24px 16px}.mc-options{grid-template-columns:1fr}.shortcut-hint{display:none!important}.wl-form-row{flex-direction:column}.hk-key{min-width:30px;height:36px;font-size:16px}.hk-space{min-width:80px}.wl-table{font-size:13px}.wl-table thead th,.wl-table tbody td{padding:8px 6px}#wordListView .container{padding:24px 14px 20px}.stats-cards{flex-wrap:wrap}.stat-card{flex:1 1 calc(50% - 5px);min-width:0;padding:12px 6px}.stat-card-value{font-size:24px}.cal-grid{grid-auto-columns:12px}.cal-cell{width:12px;height:12px}.cal-day-label{height:12px;font-size:9px}.stats-label{width:80px;font-size:12px}.weak-word-row{padding:8px;gap:8px}}