:root{--purple: #5f3fb0;--purple-light: rgba(95, 63, 176, .12);--purple-border: rgba(95, 63, 176, .25);--orange: #ff6b35;--orange-light: rgba(255, 107, 53, .12);--mint: #0acf83;--mint-light: rgba(10, 207, 131, .12);--sun: #ffd93d;--sun-light: rgba(255, 217, 61, .15);--sky: #4cc9f0;--sky-light: rgba(76, 201, 240, .12);--purple-l: rgba(95, 63, 176, .1);--purple-b: rgba(95, 63, 176, .22);--orange-l: rgba(255, 107, 53, .1);--mint-l: rgba(10, 207, 131, .1);--sun-l: rgba(255, 217, 61, .15);--sky-l: rgba(76, 201, 240, .12);--surface: #fff;--surface2: #f9f7ff;--text: #1a1530;--muted: #6b6588;--faint: #b0aac8;--border: rgba(95, 63, 176, .12);--border2: rgba(95, 63, 176, .22);--eth: "Noto Sans Ethiopic", "Plus Jakarta Sans", system-ui, sans-serif;--bg-primary: #ffffff;--bg-secondary: #f6f5ff;--bg-tertiary: #f0eeff;--text-primary: #1a1530;--text-secondary: #6b6588;--text-tertiary: #9d99b8;--border-light: rgba(95, 63, 176, .1);--border-mid: rgba(95, 63, 176, .18);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--font: "Plus Jakarta Sans", system-ui, sans-serif;--mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:#e8e4ff;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;transition:box-shadow .15s,transform .15s}.card-head{padding:12px 16px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.card-head span{font-size:13px;font-weight:600}.sc{background:var(--bg-secondary);border-radius:var(--radius-md);padding:.875rem;border:1px solid transparent;transition:border-color .15s,box-shadow .15s}.sc:hover{border-color:var(--border-light);box-shadow:0 2px 8px #5f3fb014}.chip{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);font-weight:500}.chip-a{background:var(--purple-light);color:var(--purple);border-color:var(--purple-border)}.pbar-bg{height:6px;border-radius:3px;background:#e8e4ff;overflow:hidden}.pbar-fg{height:100%;border-radius:3px;background:var(--purple)}.btn-p{padding:8px 16px;border-radius:var(--radius-md);background:var(--purple);border:none;color:#fff;font-size:13px;cursor:pointer;font-family:var(--font);font-weight:600;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.btn-p:hover{opacity:.88}.btn-s{padding:8px 16px;border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-mid);color:var(--text-primary);font-size:13px;cursor:pointer;font-family:var(--font);font-weight:500;transition:background .12s;-webkit-tap-highlight-color:transparent}.btn-s:hover{background:var(--bg-secondary)}.row-kv{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border-light)}.row-kv:last-child{border-bottom:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--purple-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5f3fb066}.back{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary);cursor:pointer;border:none;background:transparent;font-family:var(--font);font-weight:600;padding:0;-webkit-tap-highlight-color:transparent}.back:hover{color:var(--purple)}.sjc{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:14px;cursor:pointer;transition:transform .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}.sjc:hover{transform:translateY(-2px);box-shadow:0 4px 16px #5f3fb01a}@media (max-width: 768px){.sjc{padding:12px}}.gc{background:#fff;border-radius:16px;border:1px solid var(--border-light);overflow:hidden;cursor:pointer;transition:transform .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}.gc:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5f3fb01f}@media (max-width: 768px){.gc:active{transform:scale(.98)}}.qo{padding:9px 12px;border-radius:var(--radius-md);border:1.5px solid var(--border-mid);background:#fff;text-align:left;font-size:12px;cursor:pointer;font-family:var(--font);color:var(--text-primary);width:100%;font-weight:600;display:block;margin-bottom:8px;-webkit-tap-highlight-color:transparent}.qo:hover{border-color:var(--purple);background:var(--purple-light)}@media (max-width: 768px){.qo{padding:12px 14px;font-size:13px}}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--purple)!important;box-shadow:0 0 0 3px #5f3fb01a}@media (max-width: 768px){body{overflow-x:hidden}button,a,[role=button]{min-height:44px}html,body{overflow-x:hidden;max-width:100vw}}.lesson-item{border-radius:6px;padding:3px 4px;transition:background .15s;-webkit-tap-highlight-color:transparent}.lesson-item.clickable{cursor:pointer}.lesson-item.clickable:hover{background:#5f3fb00f}.lesson-row-clickable{transition:filter .15s;-webkit-tap-highlight-color:transparent}.lesson-row-clickable.clickable{cursor:pointer}.lesson-row-clickable.clickable:hover{filter:brightness(.96)}.eth-font{font-family:Noto Sans Ethiopic,Plus Jakarta Sans,system-ui,sans-serif}.lc-section{background:#fff;border-radius:10px;border:1px solid rgba(95,63,176,.1);overflow:hidden;margin-bottom:12px}.lc-section-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(95,63,176,.07);background:#faf9ff}.lc-section-body{padding:14px}.ll-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid rgba(95,63,176,.07);cursor:pointer;transition:background .12s;-webkit-tap-highlight-color:transparent}.ll-item:hover{background:#5f3fb00a}.ll-item:last-child{border-bottom:none}.ll-item.ll-active{background:var(--bg-secondary)}.section{background:var(--surface);border-radius:12px;border:1px solid var(--border);overflow:hidden;margin-bottom:16px}.section-head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.section-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.section-title{font-size:14px;font-weight:700;color:var(--text)}.section-body{padding:18px}.eth-word{font-family:var(--eth);font-size:17px;font-weight:700;color:var(--purple)}.eth-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.eth-cell{background:var(--surface2);border-radius:8px;border:1px solid var(--border);padding:10px 8px;text-align:center;cursor:default;transition:all .15s}.eth-cell:hover{border-color:var(--purple-b);background:var(--purple-l)}.eth-char{font-family:var(--eth);font-size:26px;font-weight:700;color:var(--purple);display:block;line-height:1.2}.eth-rom{font-size:11px;color:var(--muted);font-weight:600;margin-top:4px;display:block}.eth-order{font-size:9px;color:var(--faint);font-weight:500;margin-top:1px;display:block}.story-eth{font-family:var(--eth);font-size:18px;line-height:2;color:var(--text);background:var(--surface2);border-radius:12px;padding:18px;border:1px solid var(--border);margin-bottom:12px}.story-trans{font-size:13px;line-height:1.9;color:var(--muted);border-left:3px solid var(--purple-b);padding-left:14px}.proverb-card{background:var(--surface2);border-radius:12px;border:1px solid var(--border);padding:16px;margin-bottom:10px}.proverb-card:last-child{margin-bottom:0}.proverb-eth{font-family:var(--eth);font-size:20px;font-weight:700;color:var(--purple);line-height:1.4;margin-bottom:6px}.proverb-rom{font-size:13px;color:var(--muted);font-style:italic;margin-bottom:8px;font-weight:500}.proverb-meaning{font-size:13px;color:var(--text);line-height:1.6;background:var(--mint-l);border-radius:6px;padding:8px 12px;border-left:3px solid var(--mint)}.vocab-table{width:100%;border-collapse:collapse}.vocab-table-wrap{overflow-x:auto}.vocab-table th{font-size:11px;font-weight:700;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase}.vocab-table td{font-size:13px;padding:10px;border-bottom:1px solid var(--border)}.vocab-table tr:last-child td{border-bottom:none}.vocab-table tr:hover td{background:var(--surface2)}.num-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.num-card{background:var(--surface2);border-radius:8px;border:1px solid var(--border);padding:12px 10px;text-align:center}.num-digit{font-size:22px;font-weight:700;color:var(--orange)}.num-eth{font-family:var(--eth);font-size:18px;font-weight:700;color:var(--purple);display:block;margin-top:2px}.num-rom{font-size:11px;color:var(--muted);font-weight:600;margin-top:3px}.poem-line{font-family:var(--eth);font-size:19px;font-weight:600;color:var(--purple);line-height:2}.poem-trans-line{font-size:13px;color:var(--muted);line-height:2;font-style:italic}.callout{border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.65;font-weight:500;margin-bottom:10px}.callout-purple{background:var(--purple-l);border-left:3px solid var(--purple);color:#3a2070}.callout-mint{background:var(--mint-l);border-left:3px solid var(--mint);color:#065f46}.callout-sun{background:var(--sun-l);border-left:3px solid var(--sun);color:#8a6800}.callout-orange{background:var(--orange-l);border-left:3px solid var(--orange);color:#7c2d12}.pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600}.pill-purple{background:var(--purple-l);color:var(--purple)}.pill-mint{background:var(--mint-l);color:#065f46}.pill-orange{background:var(--orange-l);color:#7c2d12}.pill-sun{background:var(--sun-l);color:#8a6800}.quiz-q{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px;line-height:1.5}.quiz-opts{display:flex;flex-direction:column;gap:7px}.quiz-opt{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);font-size:13px;cursor:pointer;transition:all .15s;font-family:var(--font);text-align:left;font-weight:500;color:var(--text)}.quiz-opt:hover{border-color:var(--purple-b);background:var(--purple-l);color:var(--purple)}.quiz-opt.correct{background:var(--mint-l);border-color:var(--mint);color:#065f46;pointer-events:none}.quiz-opt.wrong{background:var(--orange-l);border-color:var(--orange);color:#7c2d12;pointer-events:none}.quiz-opt.disabled{pointer-events:none;opacity:.6}.quiz-feedback{margin-top:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;display:none}.quiz-feedback.show{display:block}.quiz-feedback.ok{background:var(--mint-l);color:#065f46;border:1px solid var(--mint)}.quiz-feedback.no{background:var(--orange-l);color:#7c2d12;border:1px solid var(--orange)}.quiz-sep{border:none;border-top:1px solid var(--border);margin:18px 0}