.hero-banner{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:var(--space-16) var(--space-12);gap:var(--space-5);position:relative;margin-inline:calc(-1 * var(--space-6));padding-inline:var(--space-6);border-radius:var(--radius-xl);overflow:hidden}.hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/hero-bg.png);background-size:cover;background-position:center top;opacity:.18;z-index:0}[data-theme=dark] .hero-banner:before{opacity:.1}.hero-banner>*{position:relative;z-index:1}.hero-amharic{font-size:4rem;color:var(--color-primary);line-height:1}.hero-title{font-size:var(--text-4xl);font-weight:800;color:var(--color-text);max-width:640px;line-height:1.15}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:560px;line-height:1.7}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.hero-stats{display:flex;gap:var(--space-10);margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.hero-stat-number{font-size:var(--text-3xl);font-weight:800;color:var(--color-primary)}.hero-stat-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.progress-summary{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-12);box-shadow:var(--shadow-card)}.progress-summary--empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);color:var(--color-text-muted)}.progress-icon{font-size:2.5rem}.progress-summary--empty h2{font-size:var(--text-xl);color:var(--color-text)}.progress-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.progress-summary-header h2{font-size:var(--text-xl);font-weight:700}.progress-stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap}.progress-stat-card{display:flex;flex-direction:column;gap:var(--space-1);background-color:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);min-width:120px}.stat-value{font-size:var(--text-2xl);font-weight:800;color:var(--color-primary)}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.progress-bar-section{display:flex;flex-direction:column;gap:var(--space-2)}.progress-bar-label-row{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.section-title{font-size:var(--text-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-2)}.section-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:560px;line-height:1.6}.roadmap-section{margin-bottom:var(--space-16)}.roadmap-list{list-style:none;display:flex;flex-direction:column;gap:0;position:relative}.roadmap-list:before{content:"";position:absolute;left:19px;top:24px;bottom:24px;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-border))}.roadmap-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 0;position:relative}.roadmap-number{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);flex-shrink:0;position:relative;z-index:1;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.roadmap-item.completed .roadmap-number{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.roadmap-item:hover .roadmap-number{border-color:var(--color-primary);color:var(--color-primary)}.roadmap-content{flex:1;min-width:0;padding-top:var(--space-2)}.roadmap-item-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.roadmap-item-title{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.roadmap-item-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);line-height:1.5}.roadmap-link{flex-shrink:0;margin-top:var(--space-2);text-decoration:none}@media (max-width: 600px){.hero-title{font-size:var(--text-3xl)}.hero-amharic{font-size:3rem}.hero-subtitle{font-size:var(--text-base)}.roadmap-list:before{display:none}.roadmap-item{flex-wrap:wrap}}.lesson-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);text-decoration:none;color:inherit}.lesson-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--color-primary);transform:translateY(-2px);text-decoration:none;color:inherit}.lesson-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.lesson-card-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}.lesson-card-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:0}.lesson-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.lesson-card-vocab-count{font-size:var(--text-xs);color:var(--color-text-muted)}.lesson-card-score{font-size:var(--text-xs);font-weight:600;color:var(--color-primary)}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}@media (max-width: 600px){.lessons-grid{grid-template-columns:1fr}}.vocab-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.vocab-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background-color:var(--color-surface)}.vocab-table thead{background-color:var(--color-surface-alt)}.vocab-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.vocab-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:top;line-height:1.5}.vocab-table tr:last-child td{border-bottom:none}.vocab-table tr:hover td{background-color:var(--color-surface-alt)}.vocab-table .amharic-text{font-size:1.15em;color:var(--color-text)}.vocab-table .translit{color:var(--color-text-muted);font-style:italic}.vocab-table .example{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.vocab-table .audio-col{width:44px;text-align:center}.vocab-table .image-col{width:72px;text-align:center;padding:var(--space-2)}@media (max-width: 600px){.vocab-table thead{display:none}.vocab-table,.vocab-table tbody,.vocab-table tr,.vocab-table td{display:block;width:100%}.vocab-table tr{border-bottom:1px solid var(--color-border);padding:var(--space-4)}.vocab-table tr:last-child{border-bottom:none}.vocab-table td{border-bottom:none;padding:2px 0}.vocab-table td:before{content:attr(data-label);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);display:block;margin-bottom:2px}.vocab-table .audio-col{display:flex;justify-content:flex-start;padding:var(--space-2) 0 0}}.lesson-page{display:flex;flex-direction:column;gap:var(--space-10)}.lesson-header{display:flex;flex-direction:column;gap:var(--space-3)}.lesson-header h1{font-size:var(--text-3xl);font-weight:700;color:var(--color-text)}.lesson-header p{font-size:var(--text-base);color:var(--color-text-muted);max-width:640px;line-height:1.7}.lesson-section-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.lesson-section-title:before{content:"";display:block;width:4px;height:1.2em;background-color:var(--color-primary);border-radius:var(--radius-sm)}.lesson-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-6);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.lesson-nav-quiz{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);background-color:var(--color-primary-light);border-radius:var(--radius-lg);text-align:center;border:2px solid var(--color-primary)}.lesson-nav-quiz p{color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width: 600px){.lesson-header h1{font-size:var(--text-2xl)}.lesson-nav{flex-direction:column}.lesson-nav .btn{width:100%}}.quiz-page{max-width:680px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-8)}.quiz-header{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-header h1{font-size:var(--text-2xl);font-weight:700}.quiz-progress-section{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-progress-label{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.quiz-question-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card)}.quiz-question-type{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-4)}.quiz-question-text{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-6);line-height:1.4}.quiz-question-image{display:flex;justify-content:center;margin-bottom:var(--space-5)}.quiz-question-image .vocab-img,.quiz-question-image .vocab-img-placeholder{width:100%;max-width:320px;height:200px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.quiz-options{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);cursor:pointer;font-size:var(--text-base);color:var(--color-text);text-align:left;transition:border-color var(--transition-fast),background-color var(--transition-fast);width:100%}.quiz-option:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-primary-light)}.quiz-option.selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.quiz-option.correct{border-color:var(--color-success);background-color:var(--color-success-bg);color:var(--color-success)}.quiz-option.incorrect{border-color:var(--color-error);background-color:var(--color-error-bg);color:var(--color-error)}.quiz-option:disabled{cursor:default}.quiz-option .option-icon{width:20px;height:20px;flex-shrink:0}.quiz-fill-input{width:100%;padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast)}.quiz-fill-input:focus{outline:none;border-color:var(--color-primary)}.quiz-fill-input.correct{border-color:var(--color-success);background-color:var(--color-success-bg)}.quiz-fill-input.incorrect{border-color:var(--color-error);background-color:var(--color-error-bg)}.quiz-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.quiz-match-item{padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);cursor:pointer;font-size:var(--text-sm);text-align:center;transition:border-color var(--transition-fast),background-color var(--transition-fast);min-height:48px;display:flex;align-items:center;justify-content:center}.quiz-match-item.amharic-text{font-size:1.1em}.quiz-match-item:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-primary-light)}.quiz-match-item.selected-left{border-color:var(--color-primary);background-color:var(--color-primary-light)}.quiz-match-item.matched-correct{border-color:var(--color-success);background-color:var(--color-success-bg);color:var(--color-success);cursor:default}.quiz-match-item.matched-wrong{border-color:var(--color-error);background-color:var(--color-error-bg);color:var(--color-error)}.quiz-match-col-header{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-2);text-align:center}.quiz-match-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.quiz-match-col{display:flex;flex-direction:column;gap:var(--space-2)}.explanation-toast{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;display:flex;gap:var(--space-3);align-items:flex-start}.explanation-toast.correct{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.explanation-toast.incorrect{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.explanation-toast .toast-icon{flex-shrink:0;font-size:1.2em}.quiz-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.quiz-results{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center;padding:var(--space-10);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated)}.quiz-results-score{font-size:4rem;font-weight:800;line-height:1;color:var(--color-primary)}.quiz-results-tier{font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.quiz-results-message{font-size:var(--text-base);color:var(--color-text-muted);max-width:400px;line-height:1.6}.quiz-results-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}@media (max-width: 600px){.quiz-question-card{padding:var(--space-6)}.quiz-match-columns{gap:var(--space-4)}.quiz-results{padding:var(--space-8) var(--space-6)}.quiz-results-score{font-size:3rem}.quiz-actions{flex-direction:column}.quiz-actions .btn{width:100%}}.practice-page{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-8)}.practice-header{display:flex;flex-direction:column;gap:var(--space-3)}.practice-header h1{font-size:var(--text-2xl);font-weight:800}.practice-header p{color:var(--color-text-muted);font-size:var(--text-sm);max-width:560px;line-height:1.6}.practice-progress{display:flex;align-items:center;gap:var(--space-3)}.practice-counter{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);white-space:nowrap}.practice-progress-track{flex:1;height:6px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.practice-progress-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width .4s ease}.practice-prompt-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color var(--transition-fast)}.practice-prompt-card.correct{border-color:var(--color-success);background-color:var(--color-success-bg)}.practice-prompt-card.incorrect{border-color:var(--color-error)}.practice-prompt-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}.practice-english{font-size:var(--text-3xl);font-weight:800;color:var(--color-text);line-height:1.2}.practice-hint-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.practice-hint{font-size:var(--text-base);color:var(--color-text-muted);font-style:italic;background-color:var(--color-surface-alt);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.practice-feedback{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5}.practice-feedback--correct{background-color:var(--color-success-bg);color:var(--color-success)}.practice-feedback--incorrect{background-color:var(--color-error-bg);color:var(--color-error)}.practice-feedback-icon{font-size:1.2em;flex-shrink:0;margin-top:2px}.practice-feedback-title{font-weight:700;margin-bottom:var(--space-1)}.practice-correct-answer{color:var(--color-text);font-size:var(--text-sm)}.practice-answer-script{font-size:1.2em;font-weight:600}.practice-example{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.practice-input-section{display:flex;flex-direction:column;gap:var(--space-4)}.practice-input{width:100%;padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-2xl);font-family:var(--font-amharic),var(--font-sans);background-color:var(--color-surface);color:var(--color-text);resize:none;transition:border-color var(--transition-fast);line-height:1.5}.practice-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.practice-input.input-correct{border-color:var(--color-success);background-color:var(--color-success-bg)}.practice-input.input-incorrect{border-color:var(--color-error)}.practice-actions{display:flex;gap:var(--space-3);align-items:center}.ethiopic-keyboard{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.keyboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.keyboard-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.keyboard-vowel-headers{display:grid;grid-template-columns:36px repeat(7,1fr);gap:3px;padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.keyboard-vowel-header{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);text-align:center;padding-block:2px}.keyboard-rows{display:flex;flex-direction:column;gap:3px;max-height:260px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.keyboard-rows::-webkit-scrollbar{width:4px}.keyboard-rows::-webkit-scrollbar-track{background:var(--color-border-light);border-radius:2px}.keyboard-rows::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.keyboard-row{display:grid;grid-template-columns:36px repeat(7,1fr);gap:3px}.keyboard-row-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-family:monospace}.keyboard-key{display:flex;align-items:center;justify-content:center;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);font-size:var(--text-base);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform 80ms ease;user-select:none;-webkit-user-select:none;padding:0}.keyboard-key:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.keyboard-key:active{transform:scale(.92);background-color:var(--color-primary);color:var(--color-text-on-primary)}.keyboard-key--highlighted{background-color:var(--color-accent-light);border-color:var(--color-accent);font-weight:600}.keyboard-key--highlighted:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent)}.keyboard-special-keys{display:flex;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.keyboard-key--wide{flex:1;height:40px;font-size:var(--text-sm);font-family:var(--font-sans);border-radius:var(--radius-md)}.keyboard-key--danger:hover{background-color:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.practice-results{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-12) var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated)}.practice-results-emoji{font-size:3rem}.practice-results-score{font-size:4rem;font-weight:800;line-height:1;color:var(--color-primary)}.practice-results-fraction{font-size:var(--text-base);color:var(--color-text-muted);margin-top:-var(--space-2)}.practice-results-tier{font-size:var(--text-xl);font-weight:700}.practice-results-message{color:var(--color-text-muted);max-width:380px;line-height:1.6}.practice-results-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}@media (max-width: 600px){.practice-english{font-size:var(--text-2xl)}.practice-input{font-size:var(--text-xl)}.keyboard-rows{max-height:200px}.keyboard-key{height:32px;font-size:var(--text-sm)}.keyboard-key--wide{height:36px}.practice-actions{flex-wrap:wrap}.practice-actions .btn{flex:1;min-width:120px}}:root{--color-primary: #C8590A;--color-primary-hover: #A34508;--color-primary-light: #F5E6D8;--color-secondary: #5B7E4A;--color-secondary-hover: #486438;--color-accent: #E8B84B;--color-accent-light: #FDF3D8;--color-bg: #FAF7F2;--color-surface: #FFFFFF;--color-surface-alt: #F0EAE0;--color-border: #D9CFC4;--color-border-light: #EDE7DF;--color-text: #1C1712;--color-text-muted: #6B5E52;--color-text-on-primary: #FFFFFF;--color-text-on-accent: #1C1712;--color-success: #2E7D32;--color-success-bg: #E8F5E9;--color-warning: #C6860A;--color-warning-bg: #FFF8E1;--color-error: #C62828;--color-error-bg: #FFEBEE;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-amharic: "Noto Sans Ethiopic", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--container-max: 1100px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(28, 23, 18, .08);--shadow-card: 0 2px 8px rgba(28, 23, 18, .1);--shadow-elevated: 0 4px 20px rgba(28, 23, 18, .14);--shadow-focus: 0 0 0 3px rgba(200, 89, 10, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-flip: .6s ease;--header-height: 64px}[data-theme=dark]{--color-bg: #1A1410;--color-surface: #241E18;--color-surface-alt: #2E2620;--color-border: #3D3228;--color-border-light: #332B22;--color-text: #F0EAE0;--color-text-muted: #A89880;--color-primary: #E06B1A;--color-primary-hover: #C85A12;--color-primary-light: #3D2010;--color-accent: #F0C86A;--color-accent-light: #2E2408;--color-success-bg: #1B2E1C;--color-warning-bg: #2E2008;--color-error-bg: #2E1010;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card: 0 2px 8px rgba(0, 0, 0, .35);--shadow-elevated: 0 4px 20px rgba(0, 0, 0, .45);--shadow-focus: 0 0 0 3px rgba(224, 107, 26, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}.amharic-text{font-family:var(--font-amharic);font-size:1.1em}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}button{font-family:var(--font-sans);cursor:pointer}input,textarea{font-family:var(--font-sans)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}@media (max-width: 600px){.container{padding-inline:var(--space-4)}}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:background-color var(--transition-base),border-color var(--transition-base)}.site-header .container{height:100%;display:flex;align-items:center;gap:var(--space-6)}.site-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);font-weight:700;font-size:var(--text-lg);white-space:nowrap}.site-logo .logo-script{font-family:var(--font-amharic);color:var(--color-primary);font-size:var(--text-xl)}.site-nav{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.site-nav a{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.site-nav a:hover{background-color:var(--color-surface-alt);color:var(--color-text);text-decoration:none}.site-nav a.active{background-color:var(--color-primary-light);color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-2)}.hamburger{display:none;background:none;border:none;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text)}.hamburger:hover{background-color:var(--color-surface-alt)}@media (max-width: 600px){.site-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4);flex-direction:column;align-items:stretch;gap:var(--space-1);box-shadow:var(--shadow-elevated)}.site-nav.is-open{display:flex}.site-nav a{padding:var(--space-3) var(--space-4)}.hamburger{display:flex;align-items:center;justify-content:center;margin-left:auto}.header-actions{margin-left:0}}.site-main{min-height:calc(100vh - var(--header-height) - 80px);padding-block:var(--space-10)}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-6);background-color:var(--color-surface);transition:background-color var(--transition-base)}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}@media (max-width: 600px){.site-footer .container{flex-direction:column;text-align:center}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);line-height:1;cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-md{padding:var(--space-3) var(--space-5)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);text-decoration:none}.btn-secondary{background-color:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-border);text-decoration:none}.btn-ghost{background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:hover{background-color:var(--color-surface-alt);color:var(--color-text);text-decoration:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.5}.badge-completed{background-color:var(--color-success-bg);color:var(--color-success)}.badge-inprogress{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-new{background-color:var(--color-accent-light);color:var(--color-warning)}.progress-bar-container{background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden;height:8px}.progress-bar-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width .4s ease}.progress-bar-fill.success{background-color:var(--color-success)}.audio-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface-alt);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0;position:relative}.audio-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.audio-btn--playing{background-color:var(--color-primary-light);color:var(--color-primary);animation:audio-pulse 1s ease-in-out infinite}.audio-btn--loading{cursor:not-allowed;opacity:.55;animation:audio-pulse .7s ease-in-out infinite}@keyframes audio-pulse{0%,to{opacity:1}50%{opacity:.6}}.audio-btn .tooltip{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background-color:var(--color-text);color:var(--color-surface);font-size:var(--text-xs);padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;transition:opacity var(--transition-fast);z-index:10}.audio-btn:hover .tooltip,.audio-btn:focus-visible .tooltip{visibility:visible;opacity:1}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface-alt);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0}.theme-toggle:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.vocab-img{display:block;object-fit:cover;border-radius:var(--radius-md);background-color:var(--color-surface-alt)}.vocab-img--sm{width:56px;height:56px;border-radius:var(--radius-sm)}.vocab-img--md{width:120px;height:120px}.vocab-img--lg{width:100%;max-width:280px;height:180px;border-radius:var(--radius-lg)}.vocab-img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background-color:var(--color-surface-alt);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted)}.vocab-img-placeholder--sm{width:56px;height:56px;border-radius:var(--radius-sm)}.vocab-img-placeholder--md{width:120px;height:120px}.vocab-img-placeholder--lg{width:100%;max-width:280px;height:180px;border-radius:var(--radius-lg)}.vocab-img-placeholder--empty{border:none;background:transparent}.vocab-img-emoji{font-size:1.6em;line-height:1}.vocab-img-placeholder--sm .vocab-img-emoji{font-size:1.2em}.vocab-img-label{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocab-img-placeholder--sm .vocab-img-label{display:none}.flashcard-deck{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding-block:var(--space-4)}.flashcard-scene{perspective:1000px;width:100%;max-width:480px;height:260px;transition:height var(--transition-base)}.flashcard-scene--tall{height:340px}.flashcard{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform var(--transition-flip);cursor:pointer}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-elevated)}.flashcard-face--front{background-color:var(--color-surface);border:2px solid var(--color-border)}.flashcard-face--back{background-color:var(--color-primary);color:var(--color-text-on-primary);transform:rotateY(180deg)}.flashcard-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.flashcard-face--front .flashcard-label{color:var(--color-text-muted)}.flashcard-face--back .flashcard-label{color:#ffffffb3}.flashcard-word{font-size:var(--text-3xl);font-weight:700;line-height:1.2}.flashcard-face--back .flashcard-word.amharic-text{font-size:var(--text-4xl)}.flashcard-translit{font-size:var(--text-base);opacity:.85;font-style:italic}.flashcard-hint{font-size:var(--text-xs);opacity:.55}.flashcard-face--front .vocab-img,.flashcard-face--front .vocab-img-placeholder{width:140px;height:110px;border-radius:var(--radius-md);flex-shrink:0}.flashcard-face--front .vocab-img-placeholder{background-color:#ffffff26;border-color:#ffffff4d}.flashcard-controls{display:flex;align-items:center;gap:var(--space-4)}.flashcard-counter{font-size:var(--text-sm);color:var(--color-text-muted);min-width:60px;text-align:center}.flashcard-face--back .audio-btn{border-color:#fff6;background-color:#ffffff26;color:#fff}.flashcard-face--back .audio-btn:hover,.flashcard-face--back .audio-btn--playing{background-color:#ffffff4d;color:#fff}.flashcard-flip-hint{font-size:var(--text-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}@media (max-width: 600px){.flashcard-scene{height:220px}.flashcard-scene--tall{height:300px}.flashcard-face--front .vocab-img,.flashcard-face--front .vocab-img-placeholder{width:110px;height:85px}.flashcard-face{padding:var(--space-6)}.flashcard-word{font-size:var(--text-2xl)}.flashcard-face--back .flashcard-word.amharic-text{font-size:var(--text-3xl)}}.conv-page-header{margin-bottom:var(--space-8)}.conv-page-header h1{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-3)}.conv-page-subtitle{color:var(--color-text-muted);max-width:560px;line-height:1.6;margin-bottom:var(--space-6)}.conv-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.conv-search{flex:1;min-width:200px;max-width:320px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);transition:border-color var(--transition-fast)}.conv-search:focus{outline:none;border-color:var(--color-primary)}.conv-difficulty-tabs{display:flex;gap:var(--space-2)}.conv-diff-tab{padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.conv-diff-tab.active,.conv-diff-tab:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.conv-empty{color:var(--color-text-muted);padding:var(--space-12) 0;text-align:center}.conv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.conv-card{display:flex;flex-direction:column;gap:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-card)}.conv-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.conv-card-top{display:flex;gap:var(--space-2);flex-wrap:wrap}.conv-card-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:0}.conv-card-location{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.conv-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;flex:1;margin:0}.conv-card-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.conv-meta-item{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.conv-meta-quiz{color:var(--color-success)}.conv-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-beginner{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-plus{background-color:#f0e8ff;color:#7c3aed}[data-theme=dark] .badge-plus{background-color:#2e1a47;color:#c084fc}.badge-done{background-color:var(--color-success-bg);color:var(--color-success)}.conv-runner{max-width:720px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-12)}.conv-back-link{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;display:inline-block;margin-bottom:var(--space-2)}.conv-back-link:hover{color:var(--color-primary)}.conv-runner-title{font-size:var(--text-2xl);font-weight:800;margin:0 0 var(--space-2)}.conv-runner-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;margin-bottom:var(--space-3)}.conv-runner-desc{color:var(--color-text-muted);line-height:1.6;margin:0}.conv-mode-tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-border)}.conv-mode-tab{padding:var(--space-3) var(--space-5);border:none;border-bottom:2px solid transparent;margin-bottom:-2px;background:none;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.conv-mode-tab:hover{color:var(--color-text)}.conv-mode-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.conv-dialogue{display:flex;flex-direction:column;gap:var(--space-4)}.conv-line{display:flex;flex-direction:column;gap:var(--space-1);max-width:88%}.conv-line-left{align-self:flex-start}.conv-line-right{align-self:flex-end;align-items:flex-end}.conv-speaker{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.conv-bubble{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-card)}.conv-line-right .conv-bubble{background-color:var(--color-primary-light);border-color:var(--color-primary)}.conv-bubble-hidden{background-color:var(--color-border)!important;border-color:var(--color-border)!important;opacity:.7}.conv-amharic-row{display:flex;align-items:center;gap:var(--space-2)}.conv-amharic{font-size:1.15rem;font-weight:600;color:var(--color-text);margin:0;line-height:1.5}.conv-transliteration{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;margin:0}.conv-english{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.4}.conv-stage-direction{text-align:center;font-size:var(--text-sm);font-style:italic;color:var(--color-text-muted);padding:var(--space-2) var(--space-4);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.conv-read{display:flex;flex-direction:column;gap:var(--space-6)}.conv-read-controls{display:flex;gap:var(--space-2);flex-wrap:wrap}.conv-read-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.conv-vocab-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.conv-section-title{font-size:var(--text-base);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 var(--space-4)}.conv-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.conv-vocab-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.conv-vocab-amharic{font-size:1.05rem;font-weight:600;color:var(--color-text)}.conv-vocab-english{font-size:var(--text-sm);color:var(--color-text-muted)}.conv-vocab-trans{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.conv-practice{display:flex;flex-direction:column;gap:var(--space-5)}.conv-practice-hint{font-size:var(--text-sm);color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin:0}.conv-reveal-btn{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-primary-light);color:var(--color-primary);border:1px dashed var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);align-self:flex-start}.conv-reveal-btn:hover{background-color:var(--color-primary);color:#fff}.conv-reveal-btn-small{font-size:.7rem;padding:2px var(--space-2);margin-top:var(--space-1)}.conv-practice-nav{display:flex;justify-content:flex-end}.conv-practice-done{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center;padding:var(--space-6);background-color:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-xl)}.conv-roleplay{display:flex;flex-direction:column;gap:var(--space-5)}.conv-speaker-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.conv-speaker-tab{padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.conv-speaker-tab.active,.conv-speaker-tab:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.conv-quiz-empty{text-align:center;padding:var(--space-10) 0;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.conv-quiz-results{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-10) var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated)}@media (max-width: 600px){.conv-grid{grid-template-columns:1fr}.conv-line{max-width:95%}.conv-mode-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.conv-vocab-grid{grid-template-columns:1fr}.conv-read-actions{flex-direction:column}.conv-read-actions .btn{width:100%;text-align:center;justify-content:center}.conv-filters{flex-direction:column;align-items:stretch}.conv-search{max-width:100%}}.story-list-header{margin-bottom:var(--space-8)}.story-list-header h1{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-3)}.story-list-subtitle{color:var(--color-text-muted);max-width:560px;line-height:1.6;margin:0}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.story-card{display:flex;flex-direction:column;gap:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-card)}.story-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.story-card-top{display:flex;gap:var(--space-2);flex-wrap:wrap}.story-card-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin:var(--space-1) 0 0;line-height:1.3}.story-card-en-title{font-size:var(--text-base);font-weight:500;color:var(--color-text-muted);font-style:italic;margin:0}.story-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;flex:1;margin:var(--space-1) 0 0}.story-card-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.story-runner{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-16)}.story-runner-header{display:flex;flex-direction:column;gap:var(--space-2)}.story-runner-title{font-size:var(--text-3xl);font-weight:800;margin:0;line-height:1.2}.story-runner-subtitle{font-size:var(--text-xl);color:var(--color-text-muted);font-style:italic;margin:0}.story-runner-meta{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;margin-top:var(--space-1)}.story-read-mode{display:flex;flex-direction:column;gap:var(--space-5)}.story-audio-bar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;padding:var(--space-4) var(--space-5);background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-lg)}.story-audio-note,.story-audio-label{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;margin-left:auto}.story-audio-unavailable{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);opacity:.65}.story-audio-btn{width:36px;height:36px}.story-audio-progress{flex:1;height:4px;min-width:60px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.story-audio-progress-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width .25s linear}.story-word{display:inline;border-radius:3px;transition:background-color .12s ease,color .12s ease}.story-word--active{background-color:var(--color-primary-light);color:var(--color-primary);padding:1px 2px;margin:0 -2px}.story-reading-controls{display:flex;gap:var(--space-2);flex-wrap:wrap}.story-progress-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.story-progress-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.story-progress-track{height:6px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.story-progress-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.story-full-text,.story-sections-mode{display:flex;flex-direction:column;gap:var(--space-8)}.story-body{display:flex;flex-direction:column;gap:var(--space-5)}.story-section{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.story-section--active{border-color:var(--color-primary)}.story-section-header{margin-bottom:var(--space-1)}.story-section-title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.story-section-title{font-size:var(--text-xl);font-weight:700;margin:0;color:var(--color-primary)}.story-section-title-en{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.story-paragraph{font-size:1.1rem;line-height:1.85;color:var(--color-text);margin:0;white-space:pre-line}.story-vocab-highlight{background-color:var(--color-accent-light);color:var(--color-text);border-radius:3px;padding:0 2px;font-weight:600;text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:3px}.story-summary-box{font-size:var(--text-sm);color:var(--color-text-muted);background-color:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);line-height:1.6}.story-moral{padding:var(--space-6);background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg)}.story-moral-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-3)}.story-moral-text{font-size:var(--text-lg);font-weight:600;font-style:italic;color:var(--color-text);line-height:1.7;margin:0;white-space:pre-line}.story-complete-bar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;padding:var(--space-4) var(--space-5);background-color:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-lg)}.story-completed-badge{font-weight:700;color:var(--color-success);font-size:var(--text-sm)}.story-section-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.story-section-counter{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.story-vocab-mode{display:flex;flex-direction:column;gap:var(--space-5)}.story-vocab-intro{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.story-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.story-vocab-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.story-vocab-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.story-vocab-amharic-row{display:flex;align-items:center;gap:var(--space-2)}.story-vocab-amharic{font-size:1.35rem;font-weight:700;color:var(--color-text)}.story-vocab-trans{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.story-vocab-english{font-size:var(--text-sm);font-weight:600;color:var(--color-primary)}.story-quiz-mode{display:flex;flex-direction:column;gap:var(--space-6)}.story-quiz-results{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-10) var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated)}.story-quiz-results h2{font-size:var(--text-2xl);font-weight:800;margin:0}.story-quiz-results-emoji{font-size:3.5rem;line-height:1}.story-quiz-score{font-size:var(--text-4xl);font-weight:800;color:var(--color-primary);margin:0}.story-quiz-results-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}@media (max-width: 600px){.story-grid{grid-template-columns:1fr}.story-runner-title{font-size:var(--text-2xl)}.story-vocab-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.story-section-nav{flex-wrap:wrap;justify-content:center}.story-reading-controls{flex-direction:column}.story-reading-controls .conv-diff-tab{text-align:left}.story-audio-bar{flex-direction:column;align-items:flex-start}.story-audio-note{margin-left:0}.story-audio-progress{width:100%;margin-left:0}.story-audio-label{margin-left:0}.story-complete-bar{flex-direction:column;align-items:flex-start}.story-quiz-results-actions{flex-direction:column;width:100%}.story-quiz-results-actions .btn{width:100%;justify-content:center}}