:root{--primary: #1a7a40;--primary-light: #4caf72;--primary-dark: #0d5c2e;--accent: #b8960a;--green: #1a7a40;--green-light: #eaf5ef;--red: #c0392b;--red-light: #fdf0ef;--gold: #b8960a;--gold-light: #fdf8dc;--bg: #F8FAF8;--surface: #FFFFFF;--border: #e2ece6;--text: #1A1C1E;--text-sec: #4a5a50;--text-dim: #8aa090;--locked-bg: #F2F4F2;--locked-text: #AABCAA;--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow: 0 3px 14px rgba(0,0,0,.12);--shadow-lg: 0 8px 28px rgba(0,0,0,.16);--shadow-xl: 0 10px 32px rgba(26,122,64,.22);--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--nav-h: 56px;--header-h: 52px;--fidel-font: "Noto Sans Ethiopic", "Abyssinica SIL", serif;--ui-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--ui-font);background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden}button{font-family:var(--ui-font);cursor:pointer;border:none;background:none;outline:none}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a{color:var(--primary)}@keyframes celebration-pop{0%{transform:scale(.5) rotate(-8deg);opacity:0}60%{transform:scale(1.15) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-xl)}50%{box-shadow:0 10px 40px #b8960a59}}@keyframes fade-in-delayed{0%,40%{opacity:0}to{opacity:1}}.app{display:flex;flex-direction:column;min-height:100dvh}.app-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:var(--primary-dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;box-shadow:var(--shadow)}.header-brand{display:flex;align-items:center;gap:.5rem}.header-flag{font-size:1.4rem}.header-title{font-size:1.1rem;font-weight:700;letter-spacing:.01em}.header-right{display:flex;align-items:center;gap:.5rem}.header-streak{background:#ffffff26;border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:3px;color:#ffb020}.auth-signin-btn{background:#fff;color:var(--primary-dark);border:none;border-radius:20px;padding:4px 14px;font-size:.85rem;font-weight:600;cursor:pointer}.auth-signin-btn:hover{background:#f0f0f0}.auth-user-pill{display:flex;align-items:center;gap:.4rem;background:#ffffff26;border-radius:20px;padding:3px 10px 3px 4px}.auth-avatar{width:22px;height:22px;border-radius:50%}.auth-display-name{font-size:.85rem;font-weight:600;color:#fff}.auth-signout-btn{background:#fff3;color:#fff;border:none;border-radius:12px;padding:2px 8px;font-size:.75rem;cursor:pointer}.auth-signout-btn:hover{background:#ffffff59}.app-nav{position:sticky;top:var(--header-h);z-index:90;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-around;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:var(--shadow-sm)}.app-nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;color:var(--text-sec);font-size:.7rem;font-weight:500;border-bottom:2px solid transparent;border-radius:var(--radius-sm);transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.nav-item:hover{color:var(--primary)}.nav-active{color:var(--primary);border-bottom-color:var(--primary);background:var(--green-light)}.nav-icon-wrap{position:relative;display:inline-flex}.nav-icon{display:inline-flex}.nav-icon-glyph{font-family:var(--fidel-font);font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.nav-dot{position:absolute;top:-2px;right:-4px;width:7px;height:7px;border-radius:50%;background:var(--red);border:1.5px solid var(--surface)}.nav-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.nav-sheet{background:var(--surface);width:100%;max-width:680px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);padding:.5rem .5rem calc(1rem + env(safe-area-inset-bottom));animation:nav-sheet-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes nav-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.nav-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem .4rem}.nav-sheet-title{font-weight:700;color:var(--text)}.nav-sheet-close{color:var(--text-dim);padding:.2rem;border-radius:var(--radius-sm);display:inline-flex}.nav-sheet-close:hover{background:var(--bg);color:var(--text)}.nav-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem}.nav-sheet-item{flex:none;padding:.9rem .5rem;border-radius:var(--radius);font-size:.75rem}.nav-sheet-item:active{background:var(--bg)}.nav-sheet-item.nav-active{background:var(--green-light);border-bottom-color:transparent}.nav-item-overflow{display:none}@media (min-width: 768px){.nav-item-overflow{display:flex}.nav-more-btn{display:none}}.app-main{flex:1;overflow-y:auto}.page{max-width:680px;margin:0 auto;padding:1.25rem 1rem 4rem}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:.4rem;display:flex;align-items:center;gap:.4rem}.page-title-icon{color:var(--primary);flex-shrink:0}.page-title-glyph{font-family:var(--fidel-font);font-size:1.5rem;line-height:1}.page-sub{color:var(--text-sec);margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.section-title{font-size:1rem;font-weight:700;margin:1.25rem 0 .6rem;color:var(--text-sec);text-transform:uppercase;letter-spacing:.06em}.dashboard-page .hero-title{background:linear-gradient(135deg,#0d5c2e,#8b0d10);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-page .section-title{color:#078930}.hero-flag-stripe{display:flex;flex-direction:column;width:72px;height:7px;border-radius:3px;overflow:hidden;margin:.75rem auto 0;gap:1px;box-shadow:var(--shadow-sm)}.hero-flag-stripe span{flex:1}.hero-flag-stripe span:nth-child(1){background:#078930}.hero-flag-stripe span:nth-child(2){background:#fcdd09}.hero-flag-stripe span:nth-child(3){background:#da121a}.dashboard-page .stat-card{border-top:3px solid transparent}.dashboard-page .stat-card:nth-child(1){border-top-color:#da121a}.dashboard-page .stat-card:nth-child(1) .stat-icon{color:#da121a}.dashboard-page .stat-card:nth-child(2){border-top-color:var(--gold)}.dashboard-page .stat-card:nth-child(2) .stat-icon{color:var(--gold)}.dashboard-page .stat-card:nth-child(3){border-top-color:#078930}.dashboard-page .stat-card:nth-child(3) .stat-icon{color:#078930}.dashboard-page .stat-card:nth-child(4){border-top-color:#0f47af}.dashboard-page .stat-card:nth-child(4) .stat-icon{color:#0f47af}.dashboard-page .level-card:not(.level-locked){border-left:4px solid #078930}.dashboard-page .progress-bar-fill{background:linear-gradient(90deg,#078930,#5aad76)}.dashboard-hero{text-align:center;padding:1.5rem 0 1rem}.hero-title{font-size:2rem;font-weight:800}.hero-sub{color:var(--text-sec);margin-top:.3rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0}.stat-card{background:var(--surface);border-radius:var(--radius);padding:.8rem .5rem;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.stat-icon{font-size:1.4rem}.stat-value{font-size:1.3rem;font-weight:700}.stat-label{font-size:.65rem;color:var(--text-sec);text-align:center;text-transform:uppercase;letter-spacing:.04em}.quickstart{margin:.5rem 0 1rem}.quickstart-btns{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.btn{border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;padding:.55rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,opacity .1s,filter .15s;border:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 55%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-1px);filter:brightness(1.04)}.btn-secondary{background:#fff;color:var(--text);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg)}.btn-accent{background:linear-gradient(135deg,#e0bd3a 0%,var(--accent) 60%,#8a7108 100%);color:#fff;box-shadow:var(--shadow)}.btn-accent:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-green{background:linear-gradient(135deg,var(--primary-light) 0%,var(--green) 55%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow)}.btn-green:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#d8564a 0%,var(--red) 60%,#8f271c 100%);color:#fff;box-shadow:var(--shadow)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-eth-green{background:linear-gradient(135deg,#4caf72,#1a7a40 60%,#0d5c2e);color:#fff;box-shadow:var(--shadow)}.btn-eth-green:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-1px)}.btn-eth-yellow{background:linear-gradient(135deg,#e0bd3a,#b8960a 60%,#8a7108);color:#fff;box-shadow:var(--shadow)}.btn-eth-yellow:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-eth-red{background:linear-gradient(135deg,#d8564a,#c0392b 60%,#8f271c);color:#fff;box-shadow:var(--shadow)}.btn-eth-red:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-eth-blue{background:linear-gradient(135deg,#3568ab,#1a4a8a 60%,#123870);color:#fff;box-shadow:var(--shadow)}.btn-eth-blue:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-xl{padding:.85rem 1rem;font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:var(--radius);box-shadow:var(--shadow)}.btn-xl:hover:not(:disabled){transform:translateY(-2px)}.btn-xl-label{display:flex;align-items:center;gap:.35rem}.btn-sub{font-size:.7rem;font-weight:400;opacity:.85}.btn-next{display:block;width:100%;margin-top:1rem;padding:.8rem;font-size:1rem}.quiz-page{padding-bottom:6rem}.quiz-next-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-lg);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom))}.quiz-next-bar .btn-next{max-width:680px;margin:0 auto}.quiz-next-bar .wq-grade-label,.quiz-next-bar .wq-grade-btns,.quiz-next-bar .pfc-grade-btns{max-width:680px;margin-left:auto;margin-right:auto}.quiz-next-bar .wq-grade-label{margin-top:0;margin-bottom:.4rem}.writing-quiz-page,.phrases-flashcard-page,.numbers-quiz-page,.phrases-typing-page{padding-bottom:6rem}.level-cards-list{display:flex;flex-direction:column;gap:.8rem}.dashboard-footer{margin-top:2rem;text-align:center;color:var(--text-dim);font-size:.75rem}.level-card{background:var(--surface);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}.level-card:not(.level-locked):hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.level-card.level-locked{background:var(--locked-bg);border-color:transparent;opacity:.6;box-shadow:none;filter:grayscale(.3)}.level-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.level-badge{font-weight:700;font-size:.95rem;color:var(--primary-dark)}.level-card.level-locked .level-badge{color:var(--locked-text)}.level-row-samples{display:flex;gap:4px}.level-sample-char{font-family:var(--fidel-font);font-size:1.4rem;color:var(--text)}.level-card.level-locked .level-sample-char{color:var(--locked-text)}.level-meta{font-size:.78rem;color:var(--text-sec);margin-bottom:.5rem}.progress-bar-wrap{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem}.progress-bar{flex:1;height:8px;background:var(--border);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:99px;transition:width .4s ease}.progress-label{font-size:.75rem;color:var(--text-sec);white-space:nowrap}.locked-hint{font-size:.78rem;color:var(--locked-text);margin-top:.4rem}.level-card-actions{display:flex;gap:.4rem;margin-top:.8rem}.level-card-actions .btn{flex:1;min-width:0;text-align:center;padding-left:.4rem;padding-right:.4rem;font-size:.8rem;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-selector{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;margin-bottom:.8rem}.level-selector::-webkit-scrollbar{display:none}.level-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:.3rem;padding:5px 14px;border-radius:99px;font-size:.82rem;font-weight:600;color:var(--text-sec);background:var(--surface);border:1.5px solid var(--border);transition:all .15s}.level-pill:hover{border-color:var(--primary-light);color:var(--primary)}.level-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tip-box{background:var(--gold-light);border:1px solid #ffe082;border-radius:var(--radius-sm);padding:.7rem 1rem;margin-bottom:1rem;font-size:.85rem}.tip-box summary{cursor:pointer;font-weight:600;color:var(--gold);-webkit-user-select:none;user-select:none}.tip-box p{margin-top:.5rem;color:var(--text-sec)}.vowel-order-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.vowel-order-cell{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;min-width:80px;font-size:.78rem}.vo-num{font-weight:700;color:var(--primary);font-size:.7rem}.vo-sym{font-size:1rem;font-weight:700;margin:2px 0}.vo-hint{color:var(--text-sec);font-size:.7rem}.row-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;background:var(--surface);border-radius:var(--radius-sm);padding:.6rem .8rem;border:1px solid var(--border)}.row-nav-btn{font-size:.82rem;font-weight:600;color:var(--primary);padding:4px 8px;border-radius:6px;background:none}.row-nav-btn:hover:not(:disabled){background:var(--border)}.row-nav-btn:disabled{color:var(--text-dim)}.row-nav-info{text-align:center;font-size:.82rem;color:var(--text-sec);line-height:1.4}.row-nav-base{font-family:var(--fidel-font);font-size:1.2rem;color:var(--text);display:block}.row-note{background:var(--green-light);border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.6rem .9rem;font-size:.82rem;color:var(--text-sec);margin-bottom:.75rem;line-height:1.5}.char-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem;margin-bottom:1rem}.char-card{position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:.9rem .6rem .7rem;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.char-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.char-card.char-mastered{border-color:var(--gold);background:var(--gold-light)}.cc-order-badge{position:absolute;top:6px;left:8px;font-size:.65rem;font-weight:700;color:var(--text-dim)}.cc-mastery-star{position:absolute;top:4px;right:6px;color:var(--gold);display:flex}.cc-char{font-family:var(--fidel-font);font-size:2.8rem;line-height:1;color:var(--text);margin-top:4px}.cc-rom{font-size:.95rem;font-weight:700;color:var(--primary-dark)}.cc-hint{font-size:.68rem;color:var(--text-sec);text-align:center;line-height:1.3}.cc-audio-btn{font-size:1.2rem;background:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .15s;margin-top:2px}.cc-audio-btn:hover{background:var(--border)}.cc-stats{font-size:.62rem;color:var(--text-dim)}.row-dots{display:flex;justify-content:center;gap:8px;margin-top:.5rem}.row-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background .15s;padding:0}.row-dot.active{background:var(--primary)}.score-bar{display:flex;align-items:center;gap:.4rem;margin-bottom:2.5rem;padding:.4rem .8rem;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.88rem;position:relative}.score-correct{font-weight:700;color:var(--green)}.score-total{color:var(--text-sec)}.score-bar-sep{color:var(--border)}.score-pct{margin-left:.3rem;font-weight:600;color:var(--primary)}.score-type-badge{display:block;text-align:center;font-size:.78rem;font-weight:600;color:var(--text-sec);margin-bottom:.75rem}.score-type-badge-inline{position:absolute;left:50%;transform:translate(-50%);font-size:.78rem;font-weight:600;color:var(--text-sec);pointer-events:none;display:inline-flex;align-items:center;gap:.25rem}.quiz-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;box-shadow:var(--shadow);transition:border-color .25s,background .25s}.quiz-card.quiz-correct{border-color:var(--green);background:var(--green-light)}.quiz-card.quiz-wrong{border-color:var(--red);background:var(--red-light)}.quiz-prompt{font-size:.85rem;color:var(--text-sec);font-weight:500}.quiz-char{font-family:var(--fidel-font);font-size:5rem;line-height:1;color:var(--text)}.quiz-rom-big{font-size:2.5rem;font-weight:800;color:var(--primary-dark);letter-spacing:.02em}.quiz-char-row-hint{font-size:.8rem;color:var(--text-sec)}.quiz-audio-btn{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}.quiz-audio-btn:hover{background:var(--border)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.5rem}.choice-btn{padding:.75rem .5rem;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);font-size:1.05rem;font-weight:600;color:var(--text);transition:border-color .15s,background .15s,transform .1s;box-shadow:var(--shadow-sm)}.choice-btn:hover:not(:disabled){border-color:var(--primary-light);background:var(--green-light);transform:translateY(-1px)}.choice-btn:active:not(:disabled){transform:scale(.97)}.choice-correct{background:var(--green-light)!important;border-color:var(--green)!important;color:var(--green)!important}.choice-wrong{background:var(--red-light)!important;border-color:var(--red)!important;color:var(--red)!important}.choice-dim{opacity:.4}.choice-grid-fidel{gap:.7rem}.choice-fidel{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.6rem .5rem}.choice-fidel-char{font-family:var(--fidel-font);font-size:2.2rem;line-height:1}.choice-fidel-rom{font-size:.78rem;font-weight:600;opacity:.8}.feedback-box{padding:.85rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;margin-bottom:.25rem;line-height:1.5}.feedback-correct{background:var(--green-light);color:var(--primary);border:1px solid #9dc9a8}.feedback-wrong{background:var(--red-light);color:var(--red);border:1px solid #e8a8a8}.feedback-note{font-size:.78rem;font-weight:400;margin-top:.4rem;opacity:.85}.chart-order-key{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:.5rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:1rem;scrollbar-width:none;font-size:.78rem}.chart-order-key::-webkit-scrollbar{display:none}.chart-key-label{font-weight:700;color:var(--text-sec);white-space:nowrap}.chart-key-cell{white-space:nowrap;color:var(--text-sec)}.chart-level{margin-bottom:1.25rem}.chart-level-locked{opacity:.55}.chart-level-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.chart-level-badge{font-weight:700;font-size:.88rem;color:var(--primary-dark);background:var(--green-light);padding:3px 10px;border-radius:99px;display:inline-flex;align-items:center;gap:.25rem}.chart-locked-msg{font-size:.75rem;color:var(--text-sec)}.chart-rows{display:flex;flex-direction:column;gap:4px}.chart-row{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 6px}.chart-row-label{display:flex;flex-direction:column;align-items:center;min-width:34px;gap:0}.chart-row-base{font-family:var(--fidel-font);font-size:1.3rem;line-height:1}.chart-row-id{font-size:.58rem;color:var(--text-sec)}.chart-row-cells{display:flex;flex:1;gap:3px;overflow-x:auto;scrollbar-width:none}.chart-row-cells::-webkit-scrollbar{display:none}.chart-cell{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:5px 1px;border-radius:6px;border:1.5px solid transparent;background:var(--bg);gap:1px;transition:background .15s,border-color .15s;position:relative}.chart-cell:hover:not(:disabled){background:var(--green-light);border-color:var(--primary-light)}.chart-cell-char{font-family:var(--fidel-font);font-size:1.3rem;line-height:1}.chart-cell-rom{font-size:.58rem;color:var(--text-sec)}.chart-cell-star{color:var(--gold);display:inline-flex}.chart-cell-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--border);border-radius:0 0 4px 4px;overflow:hidden}.chart-cell-bar-fill{height:100%;background:var(--primary);border-radius:0 0 4px 4px;transition:width .3s ease}.chart-cell-locked{background:var(--locked-bg)}.chart-cell-locked .chart-cell-char{color:var(--locked-text)}.chart-cell-empty{background:transparent;border:none;cursor:default;pointer-events:none}.chart-supp-divider{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-sec);padding:.6rem 0 .2rem;border-top:1px dashed var(--border);margin-top:.4rem;display:flex;align-items:center}.chart-row-supplementary{opacity:.75}.chart-supp-info-btn{margin-left:.4rem;background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--text-sec);padding:0;line-height:1;vertical-align:middle;opacity:.7}.chart-supp-info-btn:hover{opacity:1}.chart-supp-info-box{font-size:.75rem;color:var(--text-sec);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .75rem;margin-bottom:.5rem;line-height:1.5}.chart-punct-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.chart-punct-cell{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .6rem;background:var(--card-bg);border-radius:8px;min-width:3.5rem;cursor:default}.chart-punct-cell .chart-cell-char{font-family:var(--fidel-font);font-size:1.4rem}.chart-punct-cell .chart-cell-rom{font-size:.6rem;color:var(--text-sec);text-align:center}.chart-cell-seen{background:var(--green-light)}.chart-cell-mastered{background:var(--gold-light);border-color:#d4b840}.chart-cell-mastered .chart-cell-char{color:var(--gold)}.wg-cell-mastered{background:#e8f5e9;border-color:#81c784}.wg-cell-mastered .chart-cell-char{color:var(--primary)}.wg-cell-attempted{background:var(--green-light)}.wg-bar-fill{background:var(--green, #4CAF50)}.wp-grid-legend{display:flex;gap:1rem;font-size:.8rem;color:var(--text-sec);flex-wrap:wrap}.wp-legend-item{display:flex;align-items:center;gap:.35rem}.wp-legend-dot{width:12px;height:12px;border-radius:3px;border:1.5px solid transparent}.wp-dot-unseen{background:var(--bg);border-color:var(--border)}.wp-dot-attempted{background:var(--green-light);border-color:#c0d8c8}.wp-dot-mastered{background:#e8f5e9;border-color:#81c784}.wp-stat-card{position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;box-shadow:var(--shadow)}.wp-stat-close{position:absolute;top:.5rem;right:.6rem;background:none;border:none;font-size:.85rem;color:var(--text-sec);cursor:pointer;padding:.2rem}.wp-stat-char{font-family:var(--fidel-font);font-size:2.5rem;line-height:1}.wp-stat-rom{font-size:.9rem;color:var(--text-sec)}.wp-stat-counts{display:flex;gap:.75rem;font-size:.85rem;font-weight:600;flex-wrap:wrap;justify-content:center}.wp-stat-correct{color:var(--green)}.wp-stat-almost{color:var(--gold)}.wp-stat-wrong{color:var(--red)}.wp-stat-net{font-size:.8rem;color:var(--text-sec)}.wp-stat-mastered{font-size:.85rem;font-weight:700;color:var(--primary)}.wp-stat-play{font-size:.8rem;padding:.25rem .6rem;margin-top:.25rem}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.settings-section-title{font-size:.9rem;font-weight:700;color:var(--text-sec);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;display:flex;align-items:center;gap:.35rem}.settings-danger{border-color:#ffcdd2}.settings-danger .settings-section-title{color:var(--red)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-top:1px solid var(--border)}.settings-row:first-of-type{border-top:none}.settings-row-info{flex:1}.settings-row-label{font-weight:600;font-size:.9rem;display:block}.settings-row-desc{font-size:.78rem;color:var(--text-sec);margin-top:2px;line-height:1.4}.toggle-btn{flex:0 0 auto;min-width:56px;padding:6px 12px;border-radius:99px;font-size:.8rem;font-weight:700;background:var(--border);color:var(--text-sec);transition:background .2s,color .2s}.toggle-btn.toggle-on{background:var(--primary);color:#fff}.toggle-btn:disabled{opacity:.45;cursor:not-allowed}.settings-info-box{background:var(--bg);border-radius:var(--radius-sm);padding:.75rem;font-size:.82rem;color:var(--text-sec);line-height:1.6}.settings-info-box p{margin-bottom:.5rem}.settings-info-box ul{padding-left:1.25rem;margin-bottom:.5rem}.settings-info-box li{margin-bottom:.25rem}.settings-code{background:var(--text);color:#c3e88d;font-family:Courier New,monospace;font-size:.75rem;padding:.75rem;border-radius:6px;overflow-x:auto;margin:.5rem 0;white-space:pre}code{background:var(--border);padding:1px 5px;border-radius:4px;font-size:.85em;font-family:Courier New,monospace}.tts-status-box{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;padding:.65rem .9rem;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);font-size:.85rem}.tts-ok{background:var(--green-light);border-color:#9dc9a8}.tts-no{background:var(--red-light);border-color:#e8a8a8}.tts-status-icon{font-size:1.1rem}.tts-status-text{font-weight:600}.tts-status-hint{font-size:.78rem;color:var(--text-sec);width:100%;font-weight:400;line-height:1.4}.tts-test-btn{margin-left:auto;padding:4px 12px;font-size:.8rem}.confirm-box,.settings-danger .btn-danger{margin-top:.75rem}.feedback-textarea{width:100%;font-family:var(--ui-font);font-size:.9rem;padding:.65rem .8rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:vertical;margin-top:.75rem;margin-bottom:.6rem;color:var(--text)}.feedback-textarea:focus{outline:none;border-color:var(--primary-light)}.feedback-status{margin-top:.6rem;font-size:.82rem;font-weight:600}.feedback-status-ok{color:var(--primary)}.feedback-status-err{color:var(--red)}.confirm-box p{font-size:.88rem;color:var(--red);margin-bottom:.6rem;font-weight:500}.confirm-btns{display:flex;gap:.5rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-sec);line-height:1.8;font-size:.95rem}.writing-mode-tabs{display:flex;gap:.4rem;margin-bottom:.75rem}.writing-mode-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.55rem .5rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);font-size:.85rem;font-weight:600;color:var(--text-sec);transition:all .15s}.writing-mode-tab:hover{border-color:var(--primary-light);color:var(--primary)}.writing-mode-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.writing-progress-bar-wrap{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}.writing-mode-content{display:flex;flex-direction:column;gap:.75rem}.writing-instructions{font-size:.85rem;color:var(--text-sec);background:var(--gold-light);border-left:3px solid var(--gold);padding:.5rem .75rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.5}.writing-char-info{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.wci-char{font-family:var(--fidel-font);font-size:2.4rem;line-height:1}.wci-rom{font-size:1.1rem;font-weight:700;color:var(--primary-dark)}.wci-badge{margin-left:auto;font-size:.72rem;padding:3px 8px;border-radius:99px;background:var(--border);color:var(--text-sec);display:inline-flex;align-items:center;gap:.2rem}.wci-mastered{background:var(--gold-light);color:var(--gold)}.drawing-canvas{display:block;width:100%;aspect-ratio:1 / 1;max-height:260px;border-radius:var(--radius);box-shadow:var(--shadow);cursor:crosshair;touch-action:none;border:1.5px solid var(--border);background:#fff}.canvas-toolbar{display:flex;gap:.5rem}.canvas-tool-btn{flex:1;font-size:.82rem;padding:.45rem .5rem}.writing-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.writing-nav-count{font-size:.82rem;color:var(--text-sec);white-space:nowrap}.copy-mode-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.copy-mode-toggle{white-space:nowrap;flex-shrink:0;font-size:.8rem;padding:.3rem .65rem}.copy-mode-layout{display:grid;grid-template-columns:160px 1fr;gap:1rem;align-items:start}.copy-ref-panel{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:.9rem .6rem}.copy-ref-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-sec)}.copy-ref-char{font-family:var(--fidel-font);font-size:4.5rem;line-height:1;color:var(--text);transition:opacity .2s}.copy-ref-hidden{opacity:.08}.copy-ref-rom{font-size:1rem;font-weight:700;color:var(--primary-dark)}.copy-hide-btn{width:100%;font-size:.78rem;padding:5px 6px}.copy-canvas-panel{display:flex;flex-direction:column;gap:.5rem}.quiz-card-revealed{border-color:var(--primary-light);background:var(--green-light)}.wq-prompt-rom{font-size:3rem;font-weight:800;color:var(--primary-dark);letter-spacing:.02em}.wq-row-hint{font-size:.8rem;color:var(--text-sec)}.wq-answer-reveal{display:flex;align-items:center;gap:.6rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--primary-light)}.wq-answer-label{font-size:.8rem;color:var(--text-sec)}.wq-answer-char{font-family:var(--fidel-font);font-size:2.8rem;line-height:1;color:var(--primary-dark)}.wq-grade-label{text-align:center;font-size:.82rem;color:var(--text-sec);font-weight:600;margin-top:.25rem}.wq-grade-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.wq-btn-wrong{background:var(--red-light);color:var(--red);border:1.5px solid #e8a8a8;font-weight:700;padding:.7rem;border-radius:var(--radius-sm);font-size:.9rem}.wq-btn-almost{background:var(--gold-light);color:var(--gold);border:1.5px solid #d4b840;font-weight:700;padding:.7rem;border-radius:var(--radius-sm);font-size:.9rem}.wq-btn-correct{background:var(--green-light);color:var(--green);border:1.5px solid #9dc9a8;font-weight:700;padding:.7rem;border-radius:var(--radius-sm);font-size:.9rem}.wq-btn-wrong:hover{background:var(--red-light);filter:brightness(.95)}.wq-btn-almost:hover{background:var(--gold-light);filter:brightness(.95)}.wq-btn-correct:hover{background:var(--green-light);filter:brightness(.95)}.wq-history{text-align:center;font-size:.75rem;color:var(--text-dim);padding:.4rem}.phrases-header{margin-bottom:.5rem}.phrases-reward-label{font-size:.78rem;color:var(--gold);font-weight:600;margin-top:2px}.phrases-pool-info{font-size:.78rem;color:var(--text-sec);margin-bottom:.6rem}.browse-mode{display:flex;flex-direction:column;gap:.6rem}.browse-category{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.browse-cat-header{width:100%;display:flex;align-items:center;padding:.7rem 1rem;gap:.5rem;font-weight:700;font-size:.88rem;color:var(--primary-dark);background:var(--green-light);border:none;text-align:left}.browse-cat-name{flex:1}.browse-cat-count{font-size:.75rem;color:var(--text-sec);background:var(--surface);padding:2px 8px;border-radius:99px}.browse-cat-arrow{font-size:.8rem;color:var(--text-sec)}.browse-phrase-list{display:flex;flex-direction:column}.sentence-list{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.sentence-card{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.65rem;position:relative}.sentence-words{display:flex;flex-wrap:wrap;gap:.4rem;align-items:flex-start}.sentence-word-btn{background:var(--bg);border:1.5px solid var(--border);border-radius:8px;padding:.35rem .65rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.15rem;transition:background .12s,border-color .12s;min-width:2.5rem}.sentence-word-btn:hover{background:var(--surface-hover, #f0f0f0)}.sentence-word-btn.word-open{background:var(--primary-light, #e8f0fe);border-color:var(--primary)}.sentence-word-amharic{font-size:1.4rem;line-height:1.2;font-family:inherit}.sentence-word-meaning{font-size:.7rem;color:var(--primary-dark);font-weight:600;white-space:nowrap}.sentence-full-meaning{font-size:.95rem;color:var(--text-secondary, #555);font-style:italic;padding:.4rem .5rem;background:var(--bg);border-radius:6px;border-left:3px solid var(--primary)}.sentence-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-sm{padding:.3rem .75rem;font-size:.8rem}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary, #888)}.btn-ghost:hover{background:var(--bg)}.sentences-locked-hint{text-align:center;color:var(--text-secondary, #888);font-size:.85rem;margin-top:1rem}.phrase-card{padding:.75rem 1rem;border-top:1px solid var(--border);cursor:pointer;transition:background .12s}.phrase-card:hover,.phrase-card-open{background:var(--bg)}.phrase-card-mastered{border-left:3px solid var(--gold)}.phrase-card-top{display:flex;align-items:center;justify-content:space-between}.phrase-amharic{font-family:var(--fidel-font);font-size:1.8rem;line-height:1.1;color:var(--text)}.phrase-card-meta{display:flex;align-items:center;gap:.4rem}.phrase-badge-mastered{font-size:.9rem}.phrase-seen-dot{width:7px;height:7px;border-radius:50%;background:var(--primary-light);display:inline-block}.phrase-reveal-hint{font-size:.7rem;color:var(--text-dim)}.phrase-new-badge{font-size:.6rem;font-weight:700;letter-spacing:.04em;color:var(--primary);border:1.5px solid var(--primary);border-radius:4px;padding:1px 5px;line-height:1.4}.phrase-card-detail{padding-top:.6rem;display:flex;flex-direction:column;gap:3px}.phrase-translit{font-size:.9rem;font-weight:700;color:var(--primary-dark)}.phrase-meaning{font-size:.88rem;color:var(--text)}.phrase-note{font-size:.75rem;color:var(--text-sec);line-height:1.4;margin-top:2px}.phrase-audio-btn{font-size:1.2rem;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:4px;transition:background .15s}.phrase-audio-btn:hover{background:var(--border)}.flashcard-mode{display:flex;flex-direction:column;gap:.75rem}.session-summary-box{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1rem}.ss-score{font-size:3rem;font-weight:800;color:var(--primary)}.ss-label{font-size:1rem;color:var(--text-sec)}.phrase-flashcard{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;box-shadow:var(--shadow);min-height:220px;transition:border-color .2s,background .2s;cursor:pointer;-webkit-user-select:none;user-select:none}.phrase-flashcard-revealed{border-color:var(--primary-light);background:var(--green-light);cursor:default}.phrase-flashcard-correct{border-color:var(--green)!important;background:var(--green-light)!important}.phrase-flashcard-wrong{border-color:var(--red)!important;background:var(--red-light)!important}.pfc-amharic{font-family:var(--fidel-font);font-size:3.5rem;line-height:1.1;color:var(--text);text-align:center}.pfc-front-meaning{font-size:1.4rem;font-weight:600;color:var(--text);text-align:center}.pfc-flip-hint{font-size:.78rem;color:var(--text-sec);margin:0}.pfc-reveal-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.pfc-translit{font-size:1.1rem;font-weight:700;color:var(--primary-dark);text-align:center}.pfc-meaning{font-size:1rem;color:var(--text);text-align:center}.pfc-note{font-size:.78rem;color:var(--text-sec);text-align:center;max-width:340px}.pfc-grade-btns{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.pfc-btn-wrong{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--red-light);color:var(--red);border:1.5px solid #e8a8a8;font-weight:700;padding:.85rem;border-radius:var(--radius-sm);font-size:1rem}.pfc-btn-correct{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--green-light);color:var(--green);border:1.5px solid #9dc9a8;font-weight:700;padding:.85rem;border-radius:var(--radius-sm);font-size:1rem}.pfc-btn-wrong:hover,.pfc-btn-correct:hover{filter:brightness(.95)}.phrase-grade-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.pg-btn-no{background:var(--red-light);color:var(--red);border:1.5px solid #e8a8a8;font-weight:600;padding:.65rem .4rem;border-radius:var(--radius-sm);font-size:.82rem}.pg-btn-hard{background:var(--gold-light);color:var(--gold);border:1.5px solid #d4b840;font-weight:600;padding:.65rem .4rem;border-radius:var(--radius-sm);font-size:.82rem}.pg-btn-easy{background:var(--green-light);color:var(--green);border:1.5px solid #9dc9a8;font-weight:600;padding:.65rem .4rem;border-radius:var(--radius-sm);font-size:.82rem}.pg-btn-no:hover,.pg-btn-hard:hover,.pg-btn-easy:hover{filter:brightness(.95)}.phrase-history{text-align:center;font-size:.72rem;color:var(--text-dim)}.phrase-quiz-mode{display:flex;flex-direction:column;gap:.75rem}.pq-direction-tabs{display:flex;gap:.4rem}.pq-dir-btn{flex:1;padding:.5rem .4rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);font-size:.78rem;font-weight:600;color:var(--text-sec);transition:all .15s}.pq-dir-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pq-question-amharic{font-family:var(--fidel-font);font-size:3.5rem;line-height:1;color:var(--text)}.pq-question-meaning{font-size:1.4rem;font-weight:700;color:var(--primary-dark);text-align:center}.pq-choices{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.pq-choices-amharic{gap:.65rem}.pq-choice{padding:.75rem .5rem;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);font-size:.88rem;font-weight:500;color:var(--text);transition:border-color .12s,background .12s,transform .1s;box-shadow:var(--shadow-sm);line-height:1.3}.pq-choice:hover:not(:disabled){border-color:var(--primary-light);background:var(--green-light);transform:translateY(-1px)}.pq-choice-correct{background:var(--green-light)!important;border-color:var(--green)!important;color:var(--green)!important;font-weight:700}.pq-choice-wrong{background:var(--red-light)!important;border-color:var(--red)!important;color:var(--red)!important}.pq-choice-dim{opacity:.38}.pq-choice-fidel{font-family:var(--fidel-font);font-size:2rem;line-height:1;display:block}.num-learn{display:flex;flex-direction:column;gap:1.25rem}.num-section{display:flex;flex-direction:column;gap:.5rem}.num-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:.3rem 0;cursor:pointer;font:inherit;text-align:left}.num-section-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-sec)}.num-section-arrow{font-size:.7rem;color:var(--text-dim)}.num-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.5rem}.num-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.6rem .3rem .5rem;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);position:relative;overflow:hidden;font:inherit;cursor:pointer;width:100%}.num-card:hover{background:var(--bg)}.num-card-seen:hover{background:var(--green-light)}.num-card-mastered:hover{background:var(--gold-light)}.num-card-seen{background:var(--green-light);border-color:var(--primary-light)}.num-card-mastered{background:var(--gold-light);border-color:var(--gold)}.num-symbol{font-family:var(--fidel-font);font-size:2rem;line-height:1;color:var(--text)}.num-card-mastered .num-symbol{color:var(--gold)}.num-value{font-size:.78rem;font-weight:700;color:var(--primary-dark)}.num-amharic{font-family:var(--fidel-font);font-size:.85rem;color:var(--text)}.num-name{font-size:.62rem;color:var(--text-sec)}.num-star{color:var(--gold);display:flex}.num-card-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--border)}.num-card-bar-fill{height:100%;background:var(--primary);transition:width .3s}.num-learn-note{font-size:.8rem;color:var(--text-sec);line-height:1.5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem}.num-quiz-symbol{font-family:var(--fidel-font);font-size:5rem;line-height:1;color:var(--text);text-align:center;margin:.5rem 0}.num-quiz-word{font-family:var(--fidel-font);font-size:2.4rem;line-height:1.2;color:var(--text);text-align:center;margin:.5rem 0}.num-range-tabs{display:flex;gap:.4rem;margin-bottom:.5rem}.num-range-btn{flex:1;padding:.45rem .5rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);font-size:.8rem;font-weight:600;color:var(--text-sec);transition:all .15s}.num-range-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.num-summary-row{display:flex;flex-wrap:wrap;gap:.5rem}.num-summary-badge{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem .6rem;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);min-width:56px}.num-summary-badge.badge-mastered{border-color:var(--gold);background:var(--gold-light)}.num-badge-val{font-size:.72rem;font-weight:700;color:var(--text-sec)}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quickstart-btns{grid-template-columns:1fr 1fr}.char-cards-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.quiz-char{font-size:4.5rem}.choice-fidel-char{font-size:2.2rem}.copy-mode-layout{grid-template-columns:1fr}.copy-ref-char{font-size:5rem}.drawing-canvas{max-height:220px}.writing-mode-tab{font-size:.75rem;padding:.45rem .3rem}.wq-grade-btns{gap:.35rem}.phrase-grade-btns{font-size:.75rem}.pq-direction-tabs{flex-direction:column}.pfc-amharic,.pq-question-amharic{font-size:2.8rem}}@media (min-width: 600px){.char-cards-grid{grid-template-columns:repeat(7,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.page-title-row .page-title{margin:0}.mr-header-btns{display:flex;align-items:center;gap:.4rem}.mr-toggle-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;padding:5px 10px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-sec);white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.mr-toggle-on{background:var(--green-light);border-color:var(--primary-light);color:var(--primary-dark)}.mr-toggle-off{color:var(--text-dim)}.chart-peek-btn{font-size:.78rem;font-weight:700;padding:5px 10px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-sec);white-space:nowrap;transition:background .15s,border-color .15s}.chart-peek-btn:hover{background:var(--green-light);border-color:var(--primary-light);color:var(--primary-dark)}.chart-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:flex-end;justify-content:center}.chart-modal-sheet{background:var(--bg);width:100%;max-width:640px;max-height:85vh;border-radius:16px 16px 0 0;overflow-y:auto;padding-bottom:2rem;box-shadow:0 -4px 24px #0000002e}.chart-modal-close{position:sticky;top:0;z-index:1;width:100%;padding:.75rem 1rem;background:var(--bg);border:none;border-bottom:1px solid var(--border);font-size:.88rem;font-weight:700;color:var(--primary-dark);text-align:left;cursor:pointer}.chart-modal-close:hover{background:var(--green-light)}.session-progress-pill{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--text-sec);background:var(--surface);border:1.5px solid var(--border);border-radius:99px;padding:2px 8px;white-space:nowrap}.session-summary{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-bottom:2rem}.session-summary-title{font-size:1.6rem;font-weight:800;color:var(--primary-dark);margin:0;text-align:center}.summary-level-unlock{display:flex;flex-direction:column;gap:.5rem}.level-unlock-banner{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:1.15rem;font-weight:700;text-align:center;padding:.75rem 1.5rem;border-radius:12px;letter-spacing:.02em;box-shadow:var(--shadow-xl);animation:celebration-pop .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.unlock-icon-stack{position:relative;display:inline-flex;width:20px;height:20px;flex-shrink:0}.unlock-icon-closed,.unlock-icon-open{position:absolute;top:0;left:0}.unlock-icon-open{opacity:0;animation:fade-in-delayed .6s ease forwards}.toast{position:fixed;top:calc(var(--header-h) + .75rem);left:50%;transform:translate(-50%);z-index:200;background:var(--text);color:#fff;font-size:.85rem;font-weight:600;padding:.7rem 1.1rem;border-radius:999px;box-shadow:var(--shadow-lg);max-width:calc(100vw - 2rem);text-align:center;display:flex;align-items:center;gap:.4rem}.summary-signin-nudge{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:var(--gold-light);border:1px solid var(--gold);border-radius:12px;padding:1rem 1.25rem;margin-top:.75rem;text-align:center}.summary-signin-nudge p{font-size:.85rem;color:var(--text-sec)}.summary-score-display{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:var(--surface);border:2.5px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 3rem;box-shadow:var(--shadow);width:100%;max-width:280px}.summary-score-display.score-great{border-color:var(--green);background:var(--green-light)}.summary-score-display.score-ok{border-color:var(--gold);background:var(--gold-light)}.summary-score-display.score-low{border-color:var(--red);background:var(--red-light)}.summary-pct{font-size:3.5rem;font-weight:900;line-height:1;color:var(--primary-dark)}.score-great .summary-pct{color:var(--green)}.score-ok .summary-pct{color:var(--gold)}.score-low .summary-pct{color:var(--red)}.summary-fraction{font-size:.95rem;font-weight:600;color:var(--text-sec)}.summary-section{width:100%}.summary-section-title{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 .6rem;display:flex;align-items:center;gap:.35rem}.summary-char-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.summary-char-badge{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.55rem .7rem;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);min-width:60px}.summary-char-badge.badge-mastered{border-color:var(--gold);background:var(--gold-light)}.summary-char-badge.badge-almost{border-color:var(--primary);background:var(--green-light)}.summary-char-badge.badge-midway{border-color:var(--primary-light);background:var(--surface)}.summary-char-badge.badge-new{border-color:var(--border);background:var(--surface)}.badge-fidel{font-family:var(--fidel-font);font-size:1.8rem;line-height:1;color:var(--text)}.badge-mastered .badge-fidel{color:var(--gold)}.badge-almost .badge-fidel{color:var(--primary-dark)}.badge-rom{font-size:.72rem;font-weight:700;color:var(--text-sec)}.badge-count{font-size:.65rem;font-weight:700;color:var(--text-dim)}.summary-section-sub{font-size:.75rem;color:var(--text-sec);margin:-.3rem 0 .6rem}.badge-dots{display:flex;gap:3px;margin-top:3px}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--border);border:1px solid var(--border)}.badge-dot.dot-filled{background:var(--primary);border-color:var(--primary)}.summary-tip{font-size:.88rem;color:var(--text-sec);text-align:center;line-height:1.5;max-width:320px;margin:0}.summary-actions{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:320px}.summary-actions .btn{width:100%;justify-content:center}@media (max-width: 480px){.summary-score-display{padding:1.2rem 2rem;max-width:240px}.summary-pct{font-size:2.8rem}}.admin-section{margin-top:2.5rem}.admin-section:first-child{margin-top:0}.admin-section-sub{color:var(--text-sec);font-size:.85rem;margin-top:-.2rem;margin-bottom:.8rem}.admin-table-wrap{margin-top:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-sm)}.admin-table{width:100%;border-collapse:collapse;font-size:.8rem}.admin-table th{text-align:left;padding:.4rem .5rem;background:var(--surface);border-bottom:2px solid var(--border);font-weight:600;color:var(--text-sec);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.admin-table td{padding:.5rem;border-bottom:1px solid var(--border)}.admin-table tr:hover td{background:var(--surface)}.admin-user-cell{display:flex;align-items:center;gap:.6rem}.admin-name{font-weight:600;font-size:.8rem}.admin-center{white-space:nowrap;text-align:center}.admin-email{font-size:.75rem;color:var(--text-sec)}.admin-anon-id{font-family:monospace;font-size:.75rem;color:var(--text-sec)}.admin-feedback-list{display:flex;flex-direction:column;gap:.6rem}.admin-feedback-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem .9rem}.admin-feedback-message{font-size:.9rem;white-space:pre-wrap}.admin-feedback-meta{display:flex;justify-content:space-between;gap:.75rem;margin-top:.5rem;font-size:.72rem;color:var(--text-dim)}.wr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.wr-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;max-height:calc(100dvh - 2rem);overflow-y:auto;overflow-x:hidden}.wr-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem .75rem;border-bottom:1px solid var(--border)}.wr-title{font-weight:700;font-size:1rem;color:var(--text)}.romanization-key{font-size:.72rem;color:var(--text-dim);margin:0 0 .75rem}.wr-close{background:none;border:none;font-size:1.1rem;color:var(--text-dim);cursor:pointer;padding:.2rem .4rem;border-radius:var(--radius-sm);line-height:1}.wr-close:hover{background:var(--border);color:var(--text)}.wr-progress{height:3px;background:var(--border)}.wr-progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.wr-counter{text-align:right;font-size:.8rem;color:var(--text-dim);padding:.5rem 1.2rem .75rem}.wr-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem 1rem;margin:0 1.2rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;min-height:140px;justify-content:center}.wr-card-revealed{border-color:var(--primary-light);background:var(--green-light);cursor:default}.wr-word{font-family:var(--fidel-font);font-size:3.5rem;text-align:center;color:var(--text);letter-spacing:.05em;line-height:1.2}.wr-flip-hint{font-size:.78rem;color:var(--text-sec);margin:0}.wr-reveal{display:flex;flex-direction:column;align-items:center;gap:.3rem;animation:wr-fade-in .2s ease}.wr-correct{font-size:1.3rem;font-weight:700;font-family:monospace;color:var(--primary-dark)}.wr-meaning{font-size:.85rem;color:var(--text-sec)}@keyframes wr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.wr-dim{opacity:.35;cursor:default}.wr-done{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1.5rem 2rem}.wr-score-big{font-size:3rem;font-weight:800;color:var(--primary);line-height:1}.wr-score-label{font-size:1.1rem;color:var(--text-sec);margin-bottom:1rem}.wr-done-btns{display:flex;gap:.75rem}.wr-modal .btn-primary{margin:.75rem auto 1.4rem;display:block}.wr-sticky-footer{position:sticky;bottom:0;background:var(--surface);padding-top:.5rem;border-top:1px solid var(--border);margin-top:.5rem}.wr-sticky-footer .btn-primary{margin:0 auto .75rem}.wr-modal .pfc-grade-btns{margin:.75rem 1.2rem 1.4rem;justify-content:center}.wr-modal-choices{margin:.75rem 1.2rem 1.4rem}.rd-choice-grid{grid-template-columns:1fr 1fr}.wr-scope-toggle{display:flex;gap:.5rem;padding:.9rem 1.2rem}.wr-scope-btn{flex:1;padding:.4rem .75rem;border-radius:8px;border:2px solid var(--border);background:var(--surface);color:var(--text-sec);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.wr-scope-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.phrase-typing-card{cursor:default;min-height:160px}.retry-badge{font-size:.7rem;font-weight:700;color:var(--red);border:1.5px solid #e8a8a8;background:var(--red-light);border-radius:99px;padding:2px 8px;align-self:flex-start;display:inline-flex;align-items:center;gap:.2rem}.hint-toggle-btn{font-size:.75rem;color:var(--primary);padding:.2rem .65rem;border-radius:99px;border:1px solid var(--primary-light);background:none;transition:background .12s;margin-top:-.25rem}.hint-toggle-btn:hover{background:var(--green-light)}.typing-input{width:100%;padding:.85rem 1rem;font-family:var(--fidel-font);font-size:2rem;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-align:center;outline:none;transition:border-color .2s,background .2s}.typing-input:not(:disabled):focus{border-color:var(--primary)}.typing-input:disabled{background:var(--bg)}.typing-input-correct{border-color:var(--green)!important;background:var(--green-light)!important}.typing-input-wrong{border-color:var(--red)!important;background:var(--red-light)!important}.typing-feedback{display:flex;flex-direction:column;align-items:center;gap:.3rem}.typing-result-correct{font-size:1rem;font-weight:700;color:var(--green)}.typing-result-wrong{font-size:1rem;font-weight:700;color:var(--red);display:flex;align-items:center;gap:.4rem}.typing-answer{font-family:var(--fidel-font);font-size:1.6rem;color:var(--red)}.typing-translit{font-size:.88rem;font-weight:700;color:var(--primary-dark)}.geez-guide{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.geez-guide-toggle{width:100%;text-align:left;padding:.6rem .9rem;font-size:.82rem;font-weight:600;color:var(--text-sec);background:var(--bg);border:none;cursor:pointer;transition:background .12s}.geez-guide-toggle:hover{background:var(--green-light);color:var(--primary-dark)}.geez-guide-body{padding:.75rem .9rem;display:flex;flex-direction:column;gap:.75rem}.geez-guide-note{font-size:.75rem;color:var(--text-sec);line-height:1.5}.geez-vowel-table{width:100%;border-collapse:collapse;font-size:.78rem}.geez-vowel-table th{text-align:left;padding:.3rem .5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-sec);border-bottom:1px solid var(--border)}.geez-vowel-table td{padding:.3rem .5rem;border-bottom:1px solid var(--border);vertical-align:middle}.geez-vowel-table tr:last-child td{border-bottom:none}.geez-td-dim{color:var(--text-sec)}.geez-td-char{font-family:var(--fidel-font);font-size:1.3rem}.geez-consonant-section{display:flex;flex-direction:column;gap:.35rem}.geez-consonant-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-sec)}.geez-consonant-grid{display:flex;flex-wrap:wrap;gap:.35rem}.geez-key-pair{font-size:.8rem;color:var(--text);display:flex;align-items:center;gap:3px;background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:2px 6px}.geez-key-pair code{background:none;padding:0;font-size:.8rem;font-weight:700;color:var(--primary-dark)}.btn-read{background:var(--surface);color:var(--primary);border:2px solid var(--primary-light);box-shadow:none}.btn-read:hover:not(:disabled){background:#eef0fc;border-color:var(--primary)}.btn-lesson{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:var(--shadow-sm)}.btn-lesson:hover:not(:disabled){filter:brightness(1.1)}.row-drill-btn{display:block;margin:0 auto .5rem;font-size:.9rem;padding:.5rem 1.25rem}.mg-columns{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.5rem 0 1rem}.mg-column{display:flex;flex-direction:column;gap:.6rem}.mg-card{width:100%;min-height:3.2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);font-size:1rem;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;padding:.5rem .25rem;line-height:1.2}.mg-card:hover:not(.mg-selected):not(.mg-gone){border-color:var(--primary-light);background:#eef0fc}.mg-amharic{font-family:var(--fidel-font);font-size:1.8rem}.mg-selected{border-color:var(--primary)!important;background:#eef0fc!important;transform:scale(1.05)}.mg-flash-correct{border-color:var(--green)!important;background:var(--green-light)!important;color:var(--green)}.mg-flash-wrong{border-color:var(--red)!important;background:var(--red-light)!important;animation:mg-shake .4s ease}.mg-gone{visibility:hidden;pointer-events:none}@keyframes mg-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.rd-char{font-size:4rem!important}.lesson-step{padding-bottom:6rem}.lesson-steps-bar{display:flex;justify-content:center;gap:.4rem;padding:.75rem 0 .25rem}.lesson-step-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background .2s}.lsd-done{background:var(--green)}.lsd-active{background:var(--primary);transform:scale(1.25)}.lsd-upcoming{background:var(--border)}.lesson-phase-label{text-align:center;font-size:.8rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.lesson-step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.lesson-step-label{font-weight:700;font-size:1rem;color:var(--text)}.lesson-step-header-right{display:flex;align-items:center;gap:.5rem}.lesson-step-round{font-size:.85rem;color:var(--text-dim)}.lesson-step-sub{font-size:.85rem;color:var(--text-sec);margin:0 0 .75rem}.lesson-teach{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0 2rem}.lesson-teach-header{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-sec);font-weight:600}.lesson-teach-family{color:var(--primary)}.lesson-teach-card{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 1rem;gap:.3rem}.lesson-teach-char{font-family:var(--fidel-font);font-size:5rem;line-height:1.1;color:var(--text)}.lesson-teach-rom{font-size:1.5rem;font-weight:700;color:var(--primary);letter-spacing:.03em}.lesson-teach-hint{font-size:.82rem;color:var(--text-sec);margin-bottom:.5rem}.lesson-teach-audio{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;cursor:pointer}.lesson-teach-audio:hover{background:var(--primary-dark)}.lesson-teach-strip{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center;touch-action:none}.lesson-teach-strip-btn{font-family:var(--fidel-font);font-size:1.3rem;width:2.6rem;height:2.6rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);color:var(--text-sec);cursor:pointer;transition:all .15s}.lesson-teach-strip-btn.lts-seen{background:var(--primary-light);border-color:var(--primary-light);color:var(--primary-dark)}.lesson-teach-strip-btn.lts-active{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.1);box-shadow:var(--shadow)}.lesson-teach-rows-dots{display:flex;gap:.4rem}.lesson-teach-row-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.lesson-teach-row-dot.ltd-done{background:var(--primary-light)}.lesson-teach-row-dot.ltd-active{background:var(--primary);width:20px;border-radius:4px}.lesson-teach-row-dot.ltd-upcoming{background:var(--border)}.lesson-teach-actions{display:flex;gap:.7rem;width:100%}.lesson-teach-actions .btn{flex:1}.cant-listen-btn{background:none;border:none;color:var(--text-dim);font-size:.78rem;text-decoration:underline;cursor:pointer;padding:.25rem 0;margin-top:1rem;display:block;width:100%;text-align:center}.cant-listen-btn:hover{color:var(--text-sec)}.lesson-skip-intro-link{background:none;border:none;color:var(--text-sec);font-size:.78rem;text-decoration:underline;cursor:pointer;padding:.25rem 0;align-self:center}.lesson-done{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 0}.lesson-done-icon{color:var(--gold);display:flex;justify-content:center;animation:celebration-pop .5s cubic-bezier(.34,1.56,.64,1)}.lesson-done-title{font-size:1.5rem;font-weight:800;color:var(--text)}.lesson-done-score{font-size:1.1rem;color:var(--text-sec)}.lesson-done-breakdown{width:100%;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.4rem}.lesson-done-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-sec)}.audio-step-play{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.5rem auto;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:.6rem 1.5rem;font-size:1.1rem;cursor:pointer}.audio-step-play:hover{background:var(--primary-dark)}.audio-step-reveal{font-family:var(--fidel-font);font-size:1.5rem;text-align:center;color:var(--primary);margin-top:.5rem}.audio-step-romanization{font-size:2rem;font-weight:700;letter-spacing:.04em;text-align:center;color:var(--primary);margin:.5rem 0}.choice-btn-char{font-family:var(--fidel-font);font-size:2rem!important;padding:.9rem .5rem!important}.mr-write-canvas-wrap{max-width:240px;margin:0 auto .5rem}.read-locked{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;text-align:center}.read-locked-icon{color:var(--locked-text);display:flex;justify-content:center}.read-locked-title{font-size:1.2rem;font-weight:700;color:var(--text)}.read-locked-sub{font-size:.9rem;color:var(--text-sec)}.read-locked-checklist{list-style:none;padding:0;margin:.25rem 0;display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:340px;text-align:left}.read-locked-checklist li{font-size:.92rem;padding:.5rem .75rem;border-radius:8px;background:var(--bg);border:1.5px solid var(--border);display:flex;align-items:center;gap:.4rem}.read-locked-checklist .check-done{border-color:var(--primary);color:var(--primary-dark);font-weight:600}.read-locked-checklist .check-todo{color:var(--text-sec)}.read-locked-hint{font-size:.82rem;color:var(--text-dim);max-width:300px}.read-admin-unlock{margin-top:.5rem;font-size:.8rem;padding:.4rem .9rem}.nav-locked .nav-icon,.nav-locked .nav-label{opacity:.5}.grammar-note{background:var(--bg);border:1.5px solid var(--border);border-radius:10px;margin-bottom:1rem;overflow:hidden}.grammar-note-toggle{width:100%;text-align:left;padding:.65rem .9rem;font-size:.82rem;font-weight:600;color:var(--text-sec);background:none;border:none;cursor:pointer;display:flex;justify-content:space-between}.grammar-note-toggle:hover{background:#00000008}.grammar-note-body{padding:.5rem 1rem .75rem 1.5rem;margin:0;display:flex;flex-direction:column;gap:.5rem;font-size:.83rem;color:var(--text-sec);line-height:1.55;border-top:1px solid var(--border)}.grammar-note-body li{padding-left:.25rem}.dialogue-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:.25rem}.dialogue-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.85rem;position:relative}.read-card-seen{opacity:.65}.read-seen-check{position:absolute;top:.6rem;right:.7rem;color:var(--primary-dark);font-weight:700;font-size:.95rem}.dialogue-card-title{display:flex;align-items:baseline;gap:.65rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.para-title-amharic{font-family:var(--fidel-font);font-size:1.35rem;font-weight:700;color:var(--text)}.para-title-meaning{font-size:.82rem;color:var(--text-dim);font-style:italic}.dialogue-lines{display:flex;flex-direction:column;gap:.55rem}.dialogue-line{display:flex;align-items:flex-start;gap:.5rem}.dialogue-line-a{flex-direction:row}.dialogue-line-b{flex-direction:row-reverse}.dialogue-speaker{font-size:.7rem;font-weight:700;color:var(--text-dim);min-width:1.2rem;padding-top:.55rem;flex-shrink:0}.dialogue-bubble-wrap{max-width:82%}.dialogue-bubble{background:none;border:1.5px solid var(--border);border-radius:14px;padding:.5rem .75rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.2rem;transition:background .1s,border-color .1s;width:100%}.dialogue-line-a .dialogue-bubble{border-radius:4px 14px 14px;background:var(--bg)}.dialogue-line-b .dialogue-bubble{border-radius:14px 4px 14px 14px;background:#edf5f1;text-align:right}.dialogue-bubble:hover{border-color:var(--primary-light)}.dialogue-bubble.bubble-open{border-color:var(--primary)}.dialogue-amharic{font-family:var(--fidel-font);font-size:1.15rem;line-height:1.4;color:var(--text);display:block}.dialogue-translation{font-size:.8rem;color:var(--primary-dark);font-style:italic;display:block}.phrase-test-mode{display:flex;flex-direction:column;gap:1rem}.phrase-test-passed-banner{background:#edf7f0;border:1px solid var(--primary-light);border-radius:8px;padding:.5rem .8rem;font-size:.82rem;color:var(--primary-dark);text-align:center}.phrase-test-progress{font-size:.82rem;color:var(--text-sec)}.phrase-test-score-inline{font-weight:600;color:var(--primary-dark)}.phrase-test-progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:-.5rem}.phrase-test-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s}.phrase-test-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:2rem 1.25rem;text-align:center;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.phrase-test-amharic{font-family:var(--fidel-font);font-size:2.2rem;line-height:1.2;color:var(--text)}.phrase-test-hint{font-size:.78rem;color:var(--text-dim)}.phrase-test-options{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.phrase-test-option{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:.7rem .6rem;font-size:.88rem;color:var(--text);cursor:pointer;text-align:center;line-height:1.3;transition:background .12s,border-color .12s}.phrase-test-option:hover{background:var(--bg)}.phrase-test-option.opt-correct{background:#edf7f0;border-color:var(--primary);color:var(--primary-dark);font-weight:600}.phrase-test-option.opt-wrong{background:#fdf0ef;border-color:var(--red);color:var(--red)}.phrase-test-option.opt-dim{opacity:.4;pointer-events:none}.phrase-test-done{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:2rem 1rem;text-align:center}.phrase-test-result{display:flex;justify-content:center}.phrase-test-result.test-pass{color:var(--gold);animation:celebration-pop .5s cubic-bezier(.34,1.56,.64,1)}.phrase-test-result.test-fail{color:var(--text-sec)}.phrase-test-score{font-size:2.2rem;font-weight:700;color:var(--text)}.phrase-test-score-pct{font-size:1.1rem;color:var(--text-sec);margin-top:-.5rem}.phrase-test-high-score{font-size:.9rem;color:var(--text-sec);display:inline-flex;align-items:center;gap:.3rem}.phrase-test-high-score-new{color:var(--primary-dark);font-weight:600;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:var(--radius-sm);background:var(--gold-light);animation:pulse-glow 1.4s ease-in-out 2}.phrase-test-msg{font-size:.95rem;max-width:280px;line-height:1.5}.phrase-test-msg-pass{color:var(--primary-dark);font-weight:600}.phrase-test-msg-fail{color:var(--text-sec)}.phrases-seen-hint{color:var(--text-dim);font-size:.82em}.phrase-test-meaning-prompt{font-size:1.3rem;color:var(--text)}.phrase-test-option-amharic{font-family:var(--fidel-font);font-size:1.15rem}.match-round{display:flex;flex-direction:column;gap:.75rem}.match-columns{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.match-col{display:flex;flex-direction:column;gap:.5rem}.match-tile{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:.6rem .5rem;font-size:.85rem;color:var(--text);cursor:pointer;text-align:center;line-height:1.3;min-height:3rem;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s}.match-tile:hover:not(:disabled){background:var(--bg)}.match-tile:disabled{cursor:default}.match-tile.match-selected{border-color:var(--primary);background:var(--bg)}.match-tile.match-correct{background:#edf7f0;border-color:var(--primary);color:var(--primary-dark);font-weight:600}.match-tile.match-wrong{background:#fdf0ef;border-color:var(--red);color:var(--red)}