@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400..700&family=Newsreader:opsz,wght@6..72,400..600&family=Noto+Sans+Ethiopic:wght@400;500;600;700&family=Noto+Serif+Ethiopic:wght@400;500;600;700&display=swap";.brand-frame{z-index:10000!important}.welcome-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--gz-indigo-deep);animation:welcomeFadeIn .6s ease-out;overflow-y:auto;padding-top:4.5rem}.welcome-screen.fade-out{animation:welcomeFadeOut .5s ease-in forwards}@keyframes welcomeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes welcomeFadeOut{0%{opacity:1}to{opacity:0}}.welcome-content{text-align:center;padding:2rem 1.5rem;max-width:400px;width:100%;margin-top:auto;margin-bottom:auto}.welcome-logo{width:150px;height:150px;margin:0 auto 1.5rem;border-radius:var(--gz-radius);overflow:hidden;background:#fff;box-shadow:0 4px 24px #0000004d,0 0 40px #d4a02733}.welcome-logo img{width:100%;height:100%;object-fit:contain}.welcome-title{font-family:"Noto Serif Ethiopic",serif;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.4rem;letter-spacing:.5px}.welcome-subtitle{font-size:.95rem;color:#ffffffbf;margin-bottom:2rem;line-height:1.4}.welcome-features{display:flex;flex-direction:column;gap:.9rem;margin-bottom:2.2rem}.welcome-feature{display:flex;align-items:center;gap:.75rem;text-align:left;color:#ffffffe6;font-size:.95rem;padding:.6rem 1rem;background:#ffffff14;border-radius:var(--gz-radius);border:1px solid rgba(255,255,255,.1)}.welcome-feature-icon{font-size:1.1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#d4a02733;border-radius:var(--gz-radius);flex-shrink:0;color:var(--gz-saffron)}.welcome-audio{display:flex;align-items:center;gap:12px;margin:1rem 0;padding:10px 16px;background:#ffffff1a;border-radius:var(--gz-radius);border:1px solid rgba(212,160,39,.3)}.welcome-play-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--gz-saffron);color:var(--gz-indigo-deep);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.welcome-play-btn:active{transform:scale(.95)}.welcome-audio-label{font-family:"Noto Serif Ethiopic",serif;font-size:.85rem;color:#ffffffd9}.welcome-enter-btn{display:inline-block;padding:.85rem 2.5rem;font-family:"Noto Serif Ethiopic",serif;font-size:1.1rem;font-weight:600;color:var(--gz-indigo-deep);background:linear-gradient(135deg,var(--gz-saffron) 0%,var(--gz-saffron-pale) 100%);border:none;border-radius:var(--gz-radius);cursor:pointer;box-shadow:0 4px 16px #d4a02766;transition:transform .2s,box-shadow .2s}.welcome-enter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d4a02780}.welcome-enter-btn:active{transform:translateY(0)}.welcome-version{margin-top:1.5rem;font-size:.75rem;color:#ffffff59}.welcome-credits{margin-top:1.5rem;font-size:.7rem;color:#fff6;line-height:1.6}.welcome-credits p{margin:0}.welcome-footer{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.welcome-social{display:flex;gap:1rem;align-items:center}.welcome-social a{color:#ffffff80;transition:color .2s;display:flex}.welcome-social a:hover{color:var(--gz-saffron)}.welcome-geezword{font-size:.8rem;color:#fff6;text-decoration:none;transition:color .2s}.welcome-geezword:hover{color:var(--gz-saffron)}:root{--gz-parchment: #F4ECD8;--gz-parchment-deep: #E8DCC0;--gz-ink: #1A1614;--gz-ink-soft: #3D332E;--gz-saffron: #D4A027;--gz-saffron-deep: #A87918;--gz-saffron-pale: #F0D88A;--gz-indigo: #1F2A5C;--gz-indigo-deep: #0F1838;--gz-rubric: #9B2A1F;--gz-rubric-bright: #C24938;--gz-clay: #B86F4A;--gz-moss: #5A6B3A;--gz-space-1: .25rem;--gz-space-2: .5rem;--gz-space-3: .75rem;--gz-space-4: 1rem;--gz-space-6: 1.5rem;--gz-space-8: 2rem;--gz-space-12: 3rem;--gz-space-16: 4rem;--gz-space-24: 6rem;--gz-space-32: 8rem;--gz-radius: 2px;--gz-font-ethiopic-ui: "Noto Sans Ethiopic", "Abyssinica SIL", sans-serif;--gz-font-ethiopic-text: "Noto Serif Ethiopic", "Abyssinica SIL", serif;--gz-font-display: "Fraunces", "Cormorant Garamond", "Noto Serif Ethiopic", serif;--gz-font-body: "Newsreader", "Source Serif 4", Georgia, "Noto Serif Ethiopic", serif;--gz-font-mono: "JetBrains Mono", "Berkeley Mono", "Noto Serif Ethiopic", monospace;--primary: var(--gz-indigo);--primary-light: var(--gz-indigo);--primary-dark: var(--gz-indigo-deep);--accent: var(--gz-saffron);--accent-light: var(--gz-saffron-pale);--bg: var(--gz-indigo-deep);--bg-card: var(--gz-indigo-deep);--text: var(--gz-parchment);--text-light: var(--gz-saffron-pale);--geez-color: var(--gz-parchment);--border: var(--gz-saffron);--premium-bg: var(--gz-saffron-pale);--radius: var(--gz-radius);--cat-sirate: var(--gz-moss);--cat-hawariat: var(--gz-clay);--cat-ezli: var(--gz-moss);--geez-font-size: 1.15rem}[data-theme=dark]{--bg: var(--gz-indigo-deep);--bg-card: var(--gz-indigo);--text: var(--gz-parchment);--text-light: var(--gz-saffron-pale);--geez-color: var(--gz-parchment);--border: var(--gz-saffron);--premium-bg: var(--gz-saffron-pale)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif Ethiopic",Nyala,serif;background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--gz-font-display)}.header{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;padding:12px 16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.header-content{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.header-title{display:flex;flex-direction:column}.header-geez{font-size:1.3rem;font-weight:700;color:var(--accent-light)}.header-subtitle{font-size:.75rem;font-weight:400;opacity:.8;font-family:var(--gz-font-body)}.language-selector-wrap{display:flex;align-items:center;gap:6px}.language-selector{display:flex;gap:4px;flex-wrap:wrap}.lang-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;padding:4px 10px;border-radius:var(--gz-radius);font-size:.8rem;cursor:pointer;transition:all .2s;font-family:"Noto Serif Ethiopic",system-ui,sans-serif}.lang-btn:hover{border-color:#fff9;color:#fff}.lang-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.app-lang-picker{position:relative}.app-lang-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid rgba(255,255,255,.3);color:#fffc;padding:4px 8px;border-radius:var(--gz-radius);cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.app-lang-btn:hover{border-color:#fff9;color:#fff;background:#ffffff1a}.app-lang-current{font-family:"Noto Serif Ethiopic",system-ui,sans-serif}.app-lang-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border-radius:0;box-shadow:0 8px 24px #00000040;overflow:hidden;z-index:200;min-width:130px;animation:slideDown .15s ease-out}.app-lang-option{display:block;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;font-size:.85rem;color:var(--text, #333);text-align:left;font-family:"Noto Serif Ethiopic",system-ui,sans-serif;transition:background .15s}.app-lang-option:hover{background:#2d8e7e14}.app-lang-option.active{color:var(--primary, var(--gz-moss));font-weight:600;background:#2d8e7e0f}.home{max-width:1100px;margin:0 auto}.desktop-layout{display:none;min-height:calc(100vh - 120px)}.desktop-layout .sidebar{display:block;width:280px;min-width:280px;background:var(--bg-card);border-right:1px solid var(--border);overflow-y:auto;max-height:calc(100vh - 80px);position:sticky;top:80px}.content{flex:1;padding:16px;overflow-y:auto}.mobile-screen{display:block;padding:8px}.lesson-topnav{display:flex;align-items:center;gap:8px;padding:8px 4px;margin-bottom:8px;position:sticky;top:0;z-index:50;background:var(--bg)}.lesson-topnav-back{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.lesson-topnav-back:active{background:var(--primary-dark)}.lesson-topnav-title{flex:1;font-size:.8rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-topnav-count{font-size:.75rem;color:var(--text-light);font-family:var(--gz-font-body);flex-shrink:0}.lesson-topnav-arrow{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.lesson-topnav-arrow:active{background:var(--primary-dark)}.lesson-topnav-arrow:disabled{opacity:.3;cursor:default}.category-topnav{display:flex;align-items:center;gap:8px;padding:8px 4px;margin-bottom:8px}.category-topnav-back{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.category-topnav-back:active{background:var(--primary-dark)}.category-topnav-title{flex:1;font-size:1rem;font-weight:600;color:var(--text)}.category-list{display:flex;flex-direction:column}.category-group{border-bottom:2px solid var(--border)}.group-header{padding:12px 16px 8px;background:var(--primary)}[data-group=sirate-kidase] .group-header{background:var(--gz-saffron)}[data-group=kidase-hawariat] .group-header{background:var(--gz-clay)}.group-title{font-size:1rem;font-weight:700;color:var(--gz-ink);font-family:"Noto Serif Ethiopic",serif}.category-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background .15s;font-family:"Noto Serif Ethiopic",serif}.category-btn:hover{background:#d4a0271a}.category-btn.active{background:var(--primary-light);color:#fff}.melody-badge{display:inline-block;padding:3px 12px;border-radius:var(--gz-radius);font-size:.85rem;font-weight:600;background:var(--gz-saffron-pale);color:var(--primary-dark)}.category-btn.active .melody-badge{background:#fff3;color:#fff}.category-count{font-size:.7rem;font-family:var(--gz-font-body);color:var(--text-light);margin-left:auto}.category-btn.active .category-count{color:#ffffffb3}.category-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--accent)}.role-filter{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.role-filter-btn{padding:4px 12px;border:1px solid var(--border);border-radius:var(--gz-radius);background:var(--bg-card);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .15s}.role-filter-btn:hover{border-color:var(--accent)}.role-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.role-filter-count{font-size:.7rem;opacity:.7;margin-left:2px}.show-text-filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.show-text-label{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-light);margin-right:2px}.show-text-btn{padding:3px 10px;border:1px solid var(--border);border-radius:var(--gz-radius);background:transparent;color:var(--text);opacity:.6;font-size:.75rem;cursor:pointer;transition:color .18s,border-color .18s,background .18s,opacity .18s}.show-text-btn:hover{opacity:.85}.show-text-btn.active{opacity:1;background:var(--gz-saffron-pale);border-color:var(--gz-saffron);color:var(--gz-ink)}.category-geez-title{font-size:1.3rem;font-weight:700;color:var(--gz-saffron)}.sections-list{display:flex;flex-direction:column;gap:12px}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px 4px 8px;border-radius:var(--gz-radius);font-size:.9rem;font-weight:600;font-family:"Noto Serif Ethiopic",serif;margin-bottom:8px;background:var(--gz-indigo);border:1px solid var(--gz-saffron);color:var(--gz-parchment)}.role-icon{display:inline-flex;align-items:center;line-height:1}.role-badge.role-priest{border-color:var(--gz-rubric-bright);color:var(--gz-rubric-bright)}.role-badge.role-deacon{color:var(--gz-saffron-pale)}.liturgy-section{background:var(--bg-card);border-radius:0;padding:16px;border:1px solid var(--border);transition:box-shadow .2s}.liturgy-section:hover{box-shadow:0 2px 8px #00000014}.liturgy-section.premium{background:var(--premium-bg);border-color:var(--accent)}.liturgy-section.special{border-left:3px solid var(--accent)}.liturgy-section.selected{border:3px solid var(--gz-rubric);background:#9b2a1f1f;box-shadow:0 0 0 3px #9b2a1f1a,0 4px 12px #9b2a1f33}.premium-badge{display:inline-block;background:var(--accent);color:#fff;font-size:.65rem;font-family:var(--gz-font-body);padding:2px 8px;border-radius:var(--gz-radius);margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.text-container{margin-bottom:12px}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.section-header-left{display:flex;align-items:center;gap:8px}.section-header-right{position:relative;display:flex;align-items:center;gap:4px}.section-ref-number{display:inline-flex;align-items:center;gap:4px;font-size:1.05rem;font-weight:700;font-family:var(--gz-font-body);color:var(--gz-saffron)}.section-ref-number.learned{color:var(--gz-saffron-deep)}.learned-check{color:var(--gz-saffron-deep);flex-shrink:0}.learned-check.standalone{margin-right:4px}.progress-summary{display:flex;align-items:center;gap:10px;margin-top:6px}.progress-bar-bg{flex:1;height:6px;background:var(--border);border-radius:var(--gz-radius);overflow:hidden}.progress-bar-fill{height:100%;background:var(--gz-saffron-deep);border-radius:var(--gz-radius);transition:width .3s ease}.progress-summary-text{font-size:.75rem;font-family:var(--gz-font-body);color:var(--text-light);white-space:nowrap}.category-progress{font-size:.65rem;font-family:var(--gz-font-body);color:var(--gz-saffron-deep);font-weight:600;margin-left:auto}.geez-text{font-size:var(--geez-font-size, 1.15rem);font-weight:600;color:var(--geez-color);line-height:1.8;margin-bottom:6px}.middle-text{font-size:.95rem;color:#e8dcc0b3;line-height:1.6;margin-bottom:6px}.english-text{font-size:.95rem;color:var(--text);line-height:1.6}.text-word{transition:background-color .25s ease,color .25s ease;border-radius:var(--gz-radius);padding:4px 3px;cursor:pointer;display:inline-block}.text-word:hover{background-color:#2d8e7e1a}.text-word.word-active{background-color:var(--gz-saffron-pale);color:var(--gz-ink);animation:wordPulse .3s ease-out}@keyframes wordPulse{0%{transform:scale(1);box-shadow:0 0 #d4a02766}40%{transform:scale(1.08);box-shadow:0 0 8px 2px #d4a0274d}to{transform:scale(1);box-shadow:0 0 #d4a02700}}.audio-player-wrapper{margin-top:8px;display:flex;flex-direction:column;gap:6px}.audio-player{display:flex;align-items:center;gap:10px;background:var(--gz-indigo-deep);padding:10px 12px;border-radius:var(--gz-radius)}.play-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--primary);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.play-btn:hover{background:var(--primary-light)}.nav-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#fff9;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s,background .2s;padding:0}.nav-btn:hover{color:var(--accent-light);background:#ffffff1a}.progress-bar{flex:1;height:4px;background:#fff3;border-radius:var(--gz-radius);cursor:pointer;position:relative}.progress-fill{height:100%;background:var(--gz-saffron);border-radius:var(--gz-radius);transition:width .1s linear}.breakpoint-marker{position:absolute;top:-2px;width:2px;height:8px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:var(--gz-radius);transform:translate(-50%);z-index:1;pointer-events:none}.time-display{font-size:.7rem;color:#fff9;font-family:var(--gz-font-body);white-space:nowrap;min-width:70px;text-align:right}.audio-actions{display:flex;align-items:center;gap:8px;padding:6px 4px;transition:all .2s}.audio-actions-recording{background:#9b2a1f1f;border:2px solid var(--gz-rubric);border-radius:0;padding:8px 12px;animation:recording-glow 2s ease-in-out infinite}@keyframes recording-glow{0%,to{border-color:var(--gz-rubric);box-shadow:0 0 #9b2a1f33}50%{border-color:var(--gz-rubric);box-shadow:0 0 8px 2px #9b2a1f26}}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--gz-radius);border:none;font-size:.8rem;font-family:var(--gz-font-body);font-weight:600;cursor:pointer;transition:background .2s,transform .1s;white-space:nowrap}.action-btn:hover{transform:scale(1.02)}.action-btn:active{transform:scale(.98)}.action-btn-record{background:var(--gz-indigo);color:var(--gz-saffron);border:1px solid var(--gz-saffron)}.action-btn-record:hover{background:#d4a02726}.action-btn-recording{background:var(--gz-rubric);color:var(--gz-parchment)}.action-btn-recording:hover{background:var(--gz-rubric-bright)}.action-btn-practice{background:#d4a0271a;color:var(--accent);border:1px solid rgba(212,160,39,.3)}.action-btn-practice:hover{background:#d4a02733}.recording-indicator{display:flex;align-items:center;gap:6px;margin-left:auto}.recording-dot{width:10px;height:10px;border-radius:50%;background:var(--gz-rubric);animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.recording-indicator-text{font-size:.8rem;font-family:var(--gz-font-body);font-weight:600;color:var(--gz-rubric)}.rec-playback{background:#9b2a1f1f;border:1px solid var(--gz-rubric);border-radius:0;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.rec-playback-header{display:flex;align-items:center;justify-content:space-between}.rec-playback-label{font-size:.75rem;color:var(--gz-rubric);font-family:var(--gz-font-body);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.rec-playback-actions{display:flex;gap:4px}.rec-action-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.rec-action-btn:hover{color:var(--gz-rubric);background:#9b2a1f1a}.rec-action-delete:hover{color:var(--gz-rubric)}.rec-playback-controls{display:flex;align-items:center;gap:10px}.rec-playback-controls .progress-bar{background:#9b2a1f26}.rec-playback-controls .time-display{color:#999}.rec-play-btn,.rec-play-btn:hover,.rec-fill{background:var(--gz-rubric)}.share-btn{width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--primary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s,background .2s}.share-btn:hover{color:var(--primary-dark);background:#2d8e7e1a}.section-actions{position:relative;display:flex;justify-content:flex-end;margin-top:4px}.section-share-btn{width:28px;height:28px;font-size:16px}.copy-toast{position:absolute;right:0;top:-28px;background:#333;color:#fff;font-size:.75rem;padding:4px 10px;border-radius:var(--gz-radius);white-space:nowrap;animation:copyFade 1.5s ease-out forwards}@keyframes copyFade{0%,60%{opacity:1}to{opacity:0}}.share-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:0;box-shadow:0 4px 16px #0000001f;min-width:160px;padding:4px 0;animation:shareMenuIn .15s ease-out}@keyframes shareMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.share-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;font-size:.9rem;color:var(--text);cursor:pointer;font-family:inherit;transition:background .15s}.share-menu-item:hover{background:#2d8e7e14}.share-menu-icon{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.delete-btn{width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--text-light);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s,background .2s}.delete-btn:hover{color:var(--gz-rubric);background:#9b2a1f1a}.practice-enter-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.practice-enter-btn:hover{background:var(--accent-light)}.practice-panel{background:var(--bg-card);border:2px solid var(--accent);border-radius:0;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.practice-header{display:flex;align-items:center;gap:8px}.practice-title{font-size:.75rem;font-weight:700;font-family:var(--gz-font-body);color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.practice-piece{font-size:.75rem;font-family:var(--gz-font-body);color:var(--text-light);margin-left:auto}.practice-exit{width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--text-light);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.practice-exit:hover{color:var(--gz-rubric);background:#9b2a1f1a}.practice-progress-wrapper{display:flex;align-items:center;gap:10px}.practice-progress{height:6px}.piece-highlight{position:absolute;top:-3px;height:12px;background:#c4922a33;border:1px solid var(--accent);border-radius:var(--gz-radius);z-index:0;pointer-events:none}.practice-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.practice-btn{padding:8px 16px;border:none;border-radius:var(--gz-radius);font-size:.8rem;font-family:var(--gz-font-body);font-weight:600;cursor:pointer;transition:background .2s,transform .1s;display:flex;align-items:center;gap:4px}.practice-btn:hover{transform:scale(1.02)}.practice-btn:active{transform:scale(.98)}.practice-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.listen-btn{background:var(--primary);color:#fff}.listen-btn:hover{background:var(--primary-light)}.record-practice-btn{background:var(--gz-rubric);color:#fff}.record-practice-btn:hover{background:var(--gz-rubric)}.record-active-btn{background:var(--gz-rubric);color:#fff;animation:pulse-record 1s ease-in-out infinite}.skip-btn{background:#f0d88a26;color:var(--text)}.skip-btn:hover{background:#f0d88a40}.compare-btn{background:var(--accent);color:#fff}.compare-btn:hover{background:var(--accent-light)}.retry-btn{background:#f0d88a26;color:var(--text)}.retry-btn:hover{background:#f0d88a40}.next-btn{background:var(--gz-saffron-deep);color:#fff}.next-btn:hover{background:var(--gz-saffron)}.practice-nav{display:flex;align-items:center;justify-content:center;gap:12px}.practice-nav .nav-btn:disabled{opacity:.3;cursor:not-allowed}.practice-nav-label{font-size:.7rem;font-family:var(--gz-font-body);color:var(--text-light)}.recording-error{display:block;color:var(--gz-rubric);font-size:.7rem;font-family:var(--gz-font-body);margin-top:4px}.header-actions{display:flex;align-items:center;gap:8px}.dev-mode-toggle{padding:3px 10px;border-radius:var(--gz-radius);border:1px solid rgba(255,255,255,.5);background:#ffffff26;color:#fff;font-size:.7rem;font-weight:700;font-family:var(--gz-font-mono);cursor:pointer;letter-spacing:.5px;transition:background .2s}.dev-mode-toggle:hover{background:#ffffff4d}.sign-in-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:6px 14px;border-radius:var(--radius);font-size:.8rem;font-family:var(--gz-font-body);cursor:pointer;white-space:nowrap;transition:background .2s}.sign-in-btn:hover{background:#ffffff4d}.user-menu{display:flex;align-items:center;gap:6px}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.upgrade-btn{background:var(--accent);color:#fff;border:none;padding:5px 12px;border-radius:var(--radius);font-size:.75rem;font-family:var(--gz-font-body);cursor:pointer;font-weight:600;white-space:nowrap}.upgrade-btn:hover{background:var(--accent-light);color:var(--gz-ink)}.manage-btn,.logout-btn{background:none;border:1px solid var(--border);color:var(--text-light);padding:4px 10px;border-radius:var(--radius);font-size:.7rem;font-family:var(--gz-font-body);cursor:pointer;white-space:nowrap}.manage-btn:hover,.logout-btn:hover{background:var(--bg)}.liturgy-section.locked{position:relative}.locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#f2f0ecd9;border-radius:0;z-index:2;font-family:var(--gz-font-body);font-size:.8rem;color:var(--primary);font-weight:600}.lock-icon{font-size:1rem}.text-container.blurred{filter:blur(3px);-webkit-user-select:none;user-select:none}.upgrade-overlay{position:fixed;inset:0;background:#0f18389e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.upgrade-prompt{background:var(--gz-parchment);border:2px solid var(--gz-saffron);border-radius:16px;padding:34px 30px 30px;max-width:400px;width:100%;position:relative;font-family:var(--gz-font-body);color:var(--gz-ink);box-shadow:0 18px 50px #0f183873}.upgrade-prompt:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:46px;height:3px;border-radius:2px;background:var(--gz-rubric);opacity:.85}.upgrade-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:1.15rem;line-height:1;color:var(--gz-ink-soft);cursor:pointer;padding:6px;border-radius:6px}.upgrade-close:hover{color:var(--gz-rubric)}.upgrade-title{font-family:var(--gz-font-display);font-size:1.6rem;font-weight:600;color:var(--gz-indigo);text-align:center;margin:6px 0 8px}.upgrade-desc{font-size:1.02rem;color:var(--gz-ink-soft);text-align:center;margin:0 0 18px;line-height:1.5}.upgrade-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}.upgrade-features li{font-size:1rem;color:var(--gz-ink);line-height:1.35;padding-left:30px;position:relative}.upgrade-features li:before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--gz-saffron-deep);background:var(--gz-saffron-pale);border-radius:50%}.upgrade-cta{width:100%;background:var(--gz-saffron);color:var(--gz-ink);border:none;padding:14px;border-radius:10px;font-size:1.05rem;font-weight:700;font-family:var(--gz-font-body);cursor:pointer;transition:background .15s ease,color .15s ease}.upgrade-cta:hover{background:var(--gz-saffron-deep);color:var(--gz-parchment)}a.upgrade-cta{display:block;text-align:center;text-decoration:none;box-sizing:border-box}.upgrade-plan{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 0 20px;padding:12px;border-radius:10px;background:var(--gz-saffron-pale);color:var(--gz-ink);text-align:center}.upgrade-price{font-size:1.05rem}.upgrade-secondary,.upgrade-signin{display:block;width:100%;margin-top:10px;min-height:44px;background:none;border:1px solid var(--gz-ink-soft);border-radius:10px;color:var(--gz-ink);font-family:var(--gz-font-body);font-size:1rem;cursor:pointer}.upgrade-secondary:hover{border-color:var(--gz-ink)}.upgrade-signin{border:none;text-decoration:underline;color:var(--gz-ink-soft);min-height:36px}.success-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--gz-saffron-deep);color:#fff;padding:12px 24px;border-radius:var(--radius);font-family:var(--gz-font-body);font-size:.85rem;font-weight:500;z-index:200;box-shadow:0 4px 12px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.feedback-wrapper{position:relative}.feedback-header-btn{background:none;border:none;color:#fffc;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s,background .2s}.feedback-header-btn:hover{color:#fff;background:#ffffff26}.feedback-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:280px;background:#fff;border-radius:0;padding:16px;box-shadow:0 8px 32px #00000040;z-index:200;font-family:var(--gz-font-body);animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feedback-title{margin:0 0 12px;font-size:1rem;color:var(--primary)}.feedback-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}.feedback-label{font-size:.8rem;color:var(--text-light)}.feedback-stars{display:flex;gap:2px}.star-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#ccc;padding:0 2px;line-height:1}.star-btn.active{color:var(--accent)}.feedback-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:.8rem;font-family:var(--gz-font-body);resize:vertical;margin-bottom:12px;box-sizing:border-box}.feedback-textarea:focus{outline:none;border-color:var(--primary-light)}.feedback-submit{width:100%;background:var(--primary);color:#fff;border:none;padding:10px;border-radius:var(--radius);font-size:.85rem;font-weight:500;font-family:var(--gz-font-body);cursor:pointer}.feedback-submit:hover{background:var(--primary-light)}.feedback-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-categories{display:flex;gap:6px;margin-bottom:12px}.feedback-cat-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:1.5px solid var(--border);border-radius:var(--radius);background:none;cursor:pointer;transition:border-color .2s,background .2s}.feedback-cat-btn.active{border-color:var(--primary);background:#2d8e7e14}.feedback-cat-btn:hover{border-color:var(--primary-light)}.feedback-cat-icon{font-size:1rem;line-height:1}.feedback-cat-label{font-size:.6rem;color:var(--text-light)}.feedback-cat-btn.active .feedback-cat-label{color:var(--primary);font-weight:600}.feedback-char-count{text-align:right;font-size:.7rem;color:var(--text-light);margin:-8px 0 8px}.feedback-thanks{text-align:center;color:var(--gz-saffron-deep);font-weight:600;font-size:.9rem;padding:20px 0}.loading,.error,.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;color:var(--text-light);font-family:var(--gz-font-body)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error button{background:var(--primary);color:#fff;border:none;padding:8px 20px;border-radius:var(--radius);cursor:pointer;font-family:var(--gz-font-body)}.ai-fab{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000040;z-index:300;transition:background .2s,transform .2s}.ai-fab:hover{background:var(--primary-light);transform:scale(1.05)}.ai-fab:active{transform:scale(.95)}.ai-panel{position:fixed;bottom:88px;right:24px;width:340px;max-height:480px;background:var(--bg-card);border-radius:0;box-shadow:0 8px 32px #0003;z-index:300;display:flex;flex-direction:column;animation:aiPanelIn .2s ease-out;overflow:hidden}@keyframes aiPanelIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--primary);color:#fff;border-radius:0}.ai-panel-title{font-size:.9rem;font-weight:600;font-family:"Noto Serif Ethiopic",serif}.ai-panel-remaining{font-size:.7rem;font-family:var(--gz-font-body);opacity:.8}.ai-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:200px;max-height:320px}.ai-welcome{text-align:center;color:var(--text-light);font-size:.85rem;font-family:var(--gz-font-body);padding:24px 12px}.ai-message{padding:10px 14px;border-radius:var(--gz-radius);font-size:.85rem;line-height:1.5;max-width:85%;word-wrap:break-word}.ai-message-user{background:var(--primary);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.ai-message-assistant{background:#d4a0271a;color:var(--text);align-self:flex-start;border-bottom-left-radius:4px}.ai-message-system{background:var(--gz-saffron-pale);color:var(--gz-saffron-deep);align-self:center;text-align:center;font-size:.8rem;max-width:90%}.ai-thinking{opacity:.7;font-style:italic}.ai-input-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:var(--bg)}.ai-input-bar input{flex:1;border:1px solid var(--border);border-radius:var(--gz-radius);padding:8px 14px;font-size:.85rem;font-family:"Noto Serif Ethiopic",system-ui,sans-serif;outline:none;background:var(--bg-card)}.ai-input-bar input:focus{border-color:var(--primary-light)}.ai-input-bar input:disabled{opacity:.5}.ai-send-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.ai-send-btn:hover{background:var(--primary-light)}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:767px){.ai-panel{right:8px;left:8px;bottom:84px;width:auto;max-height:60vh}.ai-fab{bottom:16px;right:16px;width:48px;height:48px}}@media(min-width:768px){.mobile-screen{display:none}.desktop-layout{display:flex}.content{padding:20px 24px}.header{padding:16px 24px}.header-geez{font-size:1.5rem}.geez-text{font-size:var(--geez-font-size, 1.3rem)}.middle-text,.english-text{font-size:1rem}.lang-btn{padding:6px 14px;font-size:.85rem}.category-geez-title{font-size:1.5rem}}.app-footer{text-align:center;padding:1rem;border-top:1px solid rgba(255,255,255,.08);background:var(--bg-dark, var(--gz-indigo-deep))}.app-footer-links{display:flex;align-items:center;justify-content:center;gap:.75rem}.app-footer-links a{color:#ffffff59;display:flex;align-items:center;transition:color .2s;text-decoration:none}.app-footer-links a:hover{color:var(--gz-saffron)}.app-footer-site{font-size:.75rem}.settings-overlay{position:fixed;inset:0;z-index:9000;background:#00000080;display:flex;align-items:flex-start;justify-content:center;animation:settingsFadeIn .2s ease-out}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}.settings-panel{width:100%;max-width:480px;min-height:100vh;max-height:100vh;overflow-y:auto;background:var(--bg);border:1px solid var(--gz-saffron);color:var(--text);padding:0 0 2rem}.settings-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1;background:var(--bg)}.settings-close{margin-left:auto;background:none;border:none;color:var(--text);cursor:pointer;padding:4px;display:flex;align-items:center;opacity:.7;transition:opacity .2s}.settings-close:hover{opacity:1}.settings-back{background:none;border:none;color:var(--text);cursor:pointer;padding:4px;display:flex;align-items:center}.settings-title{font-size:1.1rem;font-weight:600;font-family:var(--gz-font-body)}.settings-section{padding:20px 20px 16px}.settings-row{display:flex;align-items:center;justify-content:space-between}.settings-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.settings-label{font-size:.95rem;font-weight:500;font-family:var(--gz-font-body);color:var(--text)}.settings-value{font-size:.9rem;font-family:var(--gz-font-body);color:var(--text-light)}.settings-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:var(--gz-radius);outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--gz-indigo);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.settings-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--gz-indigo) 0%,var(--gz-indigo) var(--slider-pct, 50%),var(--border) var(--slider-pct, 50%));border-radius:var(--gz-radius);height:6px}.settings-preview{margin-top:12px;padding:14px 16px;background:var(--bg-card);border-radius:0;border:1px solid var(--border)}.settings-preview-text{font-family:"Noto Serif Ethiopic",Nyala,serif;font-weight:600;color:var(--geez-color);line-height:1.6}.settings-divider{height:1px;background:var(--border);margin:0 20px}.settings-toggle{position:relative;width:52px;height:30px;border-radius:15px;border:none;background:var(--border);cursor:pointer;padding:0;transition:background .25s}.settings-toggle.active{background:var(--gz-indigo)}.settings-toggle-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .25s}.settings-toggle.active .settings-toggle-knob{transform:translate(22px)}.settings-credits-btn{width:100%;background:none;border:none;cursor:pointer;padding:0;color:var(--text)}.settings-chevron{transition:transform .2s;color:var(--text-light)}.settings-chevron.open{transform:rotate(90deg)}.settings-credits{margin-top:12px;padding:12px 16px;background:var(--bg-card);border-radius:0;border:1px solid var(--border);font-size:.85rem;font-family:var(--gz-font-body);color:var(--text-light);line-height:1.6}.settings-gear-btn{background:none;border:none;color:var(--text-light);cursor:pointer;padding:4px;display:flex;align-items:center;margin-left:4px;opacity:.6;transition:opacity .2s}.settings-gear-btn:hover{opacity:1}@media(min-width:640px){.settings-panel{min-height:auto;max-height:90vh;margin-top:5vh;border-radius:0;overflow-y:auto}}.bookmark-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-light);display:flex;align-items:center;transition:color .2s,transform .2s}.bookmark-btn:hover,.bookmark-btn.active{color:var(--accent)}.bookmark-btn.active:hover{color:var(--accent-light)}.resume-section{padding:12px 16px;border-top:1px solid var(--border)}.resume-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#2d8e7e14;border:1px solid rgba(45,142,126,.2);border-radius:var(--radius);cursor:pointer;transition:background .15s;color:var(--primary)}.resume-item:hover{background:#2d8e7e26}.resume-label{font-size:.8rem;font-weight:600;font-family:var(--gz-font-body);text-transform:uppercase;letter-spacing:.04em}.resume-slide{font-size:1rem;font-weight:700;font-family:var(--gz-font-body)}.resume-preview{flex:1;font-family:"Noto Serif Ethiopic",Nyala,serif;font-size:.85rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmarks-section{padding:16px;border-top:1px solid var(--border)}.bookmarks-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;font-family:var(--gz-font-body);color:var(--accent);margin-bottom:10px}.bookmark-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background .15s}.bookmark-item:hover{background:#d4a02714}.bookmark-slide{font-size:.9rem;font-weight:700;font-family:var(--gz-font-body);color:var(--primary);min-width:20px}.bookmark-preview{flex:1;font-family:"Noto Serif Ethiopic",Nyala,serif;font-size:.85rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-remove{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-light);display:flex;align-items:center;opacity:.4;transition:opacity .2s,color .2s}.bookmark-remove:hover{opacity:1;color:var(--gz-rubric-bright)}.guide-panel{max-height:90vh;overflow-y:auto}.guide-page{padding:.5rem}.guide-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.guide-back-btn{background:none;border:none;cursor:pointer;color:var(--text-color);padding:.25rem}.guide-title{font-size:1.2rem;margin:0;color:var(--text-color)}.guide-intro{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.guide-intro p{margin:0}.guide-sections{display:flex;flex-direction:column;gap:.25rem}.guide-section{border:1px solid var(--border-color, #e0e0e0);border-radius:0;overflow:hidden}.guide-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-color);text-align:left}.guide-section-header.active,.guide-section-header:hover{background:var(--bg-hover, #f5f5f5)}.guide-chevron{transition:transform .2s;flex-shrink:0}.guide-chevron.open{transform:rotate(180deg)}.guide-section-content{padding:0 1rem 1rem}.guide-points{margin:0;padding-left:1.25rem;font-size:.8rem;color:var(--text-secondary);line-height:1.7}.guide-points li{margin-bottom:.35rem}.guide-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #e0e0e0);font-size:.75rem;color:var(--text-secondary);text-align:center}.guide-footer p{margin:.15rem 0}.settings-admin-btn{cursor:pointer;background:none;border:none;width:100%;color:var(--primary);font-weight:600}.admin-overlay{position:fixed;inset:0;z-index:10000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.admin-panel{background:var(--bg-card);border-radius:0;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 40px #0000004d}.admin-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.admin-back{background:none;border:none;cursor:pointer;color:var(--text);padding:4px;display:flex}.admin-title{flex:1;margin:0;font-size:1.1rem;color:var(--text)}.admin-refresh{background:none;border:none;cursor:pointer;color:var(--text-light);padding:4px;display:flex;transition:color .2s}.admin-refresh:hover{color:var(--primary)}.admin-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 12px}.admin-tab{flex:1;padding:10px 8px;border:none;background:none;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-light);border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.admin-tab:hover{color:var(--text)}.admin-content{flex:1;overflow-y:auto;padding:16px}.admin-loading{text-align:center;padding:40px 0;color:var(--text-light);font-size:.85rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-stat-card{background:var(--bg);border-radius:0;padding:16px 12px;text-align:center}.admin-stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.admin-stat-label{font-size:.7rem;color:var(--text-light);margin-top:4px}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-user-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg);border-radius:var(--radius);gap:8px}.admin-user-info{display:flex;align-items:center;gap:10px;min-width:0}.admin-user-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.admin-user-name{font-size:.85rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-email{font-size:.7rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.admin-user-date{font-size:.7rem;color:var(--text-light)}.admin-badge{font-size:.65rem;padding:2px 6px;border-radius:var(--gz-radius);background:var(--border);color:var(--text-light)}.admin-badge-premium{background:#d4a02726;color:var(--accent);font-weight:600}.admin-filter-row{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.admin-filter-btn{padding:5px 10px;border:1px solid var(--border);border-radius:var(--gz-radius);background:none;cursor:pointer;font-size:.75rem;color:var(--text-light);transition:border-color .2s,background .2s}.admin-filter-btn.active{border-color:var(--primary);background:#2d8e7e14;color:var(--primary)}.admin-feedback-row{padding:12px;background:var(--bg);border-radius:var(--radius);border-left:3px solid var(--accent)}.admin-feedback-row.resolved{border-left-color:var(--gz-saffron-deep);opacity:.7}.admin-feedback-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.admin-feedback-cat{font-size:.75rem;font-weight:500;color:var(--text)}.admin-feedback-rating{font-size:.8rem;color:var(--accent)}.admin-feedback-date{font-size:.7rem;color:var(--text-light);margin-left:auto}.admin-feedback-comment{font-size:.8rem;color:var(--text);line-height:1.4;margin-bottom:8px;word-break:break-word}.admin-feedback-bottom{display:flex;align-items:center;gap:8px}.admin-feedback-user{font-size:.7rem;color:var(--text-light)}.admin-resolve-btn{margin-left:auto;padding:4px 10px;border:1px solid var(--border);border-radius:var(--gz-radius);background:none;cursor:pointer;font-size:.7rem;color:var(--text-light);transition:all .2s}.admin-resolve-btn:hover{border-color:var(--primary);color:var(--primary)}.admin-resolve-btn.resolved{border-color:var(--gz-saffron-deep);color:var(--gz-saffron-deep)}.admin-empty{text-align:center;padding:30px 0;color:var(--text-light);font-size:.85rem}.admin-analytics-section{margin-top:16px}.admin-section-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.admin-bar-list{display:flex;flex-direction:column;gap:6px}.admin-bar-row{display:flex;align-items:center;gap:8px;font-size:.8rem}.admin-bar-label{width:100px;flex-shrink:0;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-bar-bg{flex:1;height:14px;background:var(--bg-secondary, #f0f0f0);border-radius:var(--gz-radius);overflow:hidden}.admin-bar-fill{height:100%;background:var(--accent, var(--gz-indigo));border-radius:var(--gz-radius);min-width:2px;transition:width .3s ease}.admin-bar-value{flex-shrink:0;color:var(--text-light);font-size:.75rem;min-width:60px;text-align:right}@media(max-width:480px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-user-row{flex-direction:column;align-items:flex-start}.admin-user-meta{margin-left:42px}}.welcome-back-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:.8rem;padding:6px 10px;margin:0 auto 1rem;border-radius:var(--gz-radius);transition:all .2s}.welcome-back-btn:hover{color:#fff;background:#ffffff1a}.lang-picker{text-align:center;padding:2rem 0}.lang-picker-title{color:#fffffff2;font-size:1.3rem;margin:0 0 2rem;font-weight:600}.lang-picker-options{display:flex;flex-direction:column;gap:14px;max-width:280px;margin:0 auto}.lang-picker-btn{display:flex;align-items:center;gap:14px;padding:14px 20px;background:#ffffff1f;border:2px solid rgba(255,255,255,.2);border-radius:0;cursor:pointer;transition:all .2s;text-align:left}.lang-picker-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.lang-picker-btn-active{border-color:var(--accent-light, var(--gz-saffron-pale));background:#ffffff2e}.lang-picker-logo{width:48px;height:48px;border-radius:var(--gz-radius);object-fit:contain;background:#fff;flex-shrink:0}.lang-picker-native{font-size:1.2rem;font-weight:600;color:#fff;display:block}.lang-picker-sub{font-size:.8rem;color:#fff9;display:block;margin-top:2px}.settings-lang-options{display:flex;gap:8px;margin-top:8px}.settings-lang-btn{flex:1;padding:8px 4px;border:1.5px solid var(--border);border-radius:var(--radius);background:none;cursor:pointer;font-size:.8rem;color:var(--text-light);transition:all .2s}.settings-lang-btn.active{border-color:var(--primary);background:#2d8e7e14;color:var(--primary);font-weight:600}.settings-lang-btn:hover{border-color:var(--primary-light)}:root{--primary: #247e68;--primary-light: #328f78;--primary-dark: #175747;--accent: #b86616;--accent-light: #f8dfb6;--bg: #f6f8f5;--bg-card: #ffffff;--text: #203b34;--text-light: #536b63;--geez-color: #203b34;--border: #d6e3dc;--premium-bg: #fff2dc;--gz-radius: 10px;--gz-saffron: #b86616;--gz-saffron-pale: #f8dfb6;--gz-saffron-deep: #8d4a0c;--gz-indigo: #247e68;--gz-indigo-deep: #175747;--gz-parchment: #f5faf6;--gz-rubric: #985125;--gz-rubric-bright: #b65e29;--cat-sirate: #247e68;--cat-hawariat: #b86616;--study-tint: #e9f3ed;--study-orange: #fff0d9}[data-theme=dark]{--bg: #111e1a;--bg-card: #1b2d26;--text: #edf5ef;--geez-color: #edf5ef;--text-light: #b4c9bd;--border: #3b5749;--primary: #80d2b4;--primary-light: #9bddc5;--accent: #efb566;--study-tint: #263f33;--study-orange: #443621;--premium-bg: #443621}body{background:var(--bg);color:var(--text)}button,input,select{font-family:var(--gz-font-ethiopic-ui)}button{min-height:44px}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}button:disabled{opacity:.4;cursor:default}.brand-frame.brand-frame--sacred{background:var(--bg-card);color:var(--text);border-color:var(--border)}.brand-frame .brand-frame__container{max-width:1440px;padding:8px 24px}.brand-frame .brand-pill{background:transparent;color:var(--text)!important;border:0;padding:4px 0;box-shadow:none}.brand-frame .brand-frame__home-link{color:var(--text-light)}.header{background:var(--bg-card);border-bottom:1px solid var(--border)}.header-content{max-width:1440px;padding:12px 24px;gap:16px}.header-geez{color:var(--primary);font-size:24px}.header-subtitle{color:var(--text-light);font-size:16px}.header-actions{gap:8px;flex-wrap:wrap}.lang-btn,.app-lang-btn,.user-menu-btn,.dev-mode-toggle{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:8px}.lang-btn.active{background:var(--study-tint);color:var(--primary);border-color:var(--primary)}.app-lang-current{font-size:16px}.app{max-width:none}.home{max-width:1440px;margin:0 auto;padding:28px 24px 40px}.study-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.study-eyebrow{color:var(--primary);font-size:14px;margin-bottom:8px}.study-heading h2{font-family:var(--gz-font-display);font-size:clamp(24px,3vw,34px);font-weight:500}.study-tools{display:flex;gap:8px}.study-tools button,.reader-toolbar button,.reader-empty button{padding:8px 14px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--bg-card)}.continue-learning{display:flex;width:100%;align-items:center;gap:14px;text-align:left;padding:14px 18px;margin-bottom:24px;border:1px solid var(--border);border-radius:12px;background:var(--study-tint);color:var(--text)}.continue-learning>span:nth-child(2){flex:1;min-width:0}.continue-icon{background:#247e68;color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.continue-preview{display:block;margin-top:6px;color:var(--text-light);font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-workspace{display:grid;grid-template-columns:minmax(410px,.9fr) minmax(0,1.2fr);gap:24px;align-items:start}.study-browser{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(0,1.2fr);border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--bg-card)}.study-categories{padding:18px 12px;background:var(--study-tint);border-right:1px solid var(--border);min-width:0}.study-categories h3,.lesson-list-heading h3{font-size:18px;font-family:var(--gz-font-ethiopic-ui);font-weight:600}.study-categories h3{margin:0 4px 18px}.study-categories .category-list{padding:0}.study-categories .category-group{margin-bottom:24px;border:0}.study-categories .group-header{background:transparent;padding:0 4px 8px;color:var(--text)}.study-categories .group-title{font-size:18px;line-height:1.7}.study-categories .category-btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;margin:0 0 8px;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:10px;text-align:left}.study-categories .category-btn.active{background:#247e68;color:#fff;border-color:#247e68}.study-categories .category-group[data-group=kidase-hawariat] .category-btn:not(.active){background:var(--study-orange)}.study-categories .melody-badge{background:transparent;color:inherit;padding:0;font-size:18px}.study-categories .category-count,.study-categories .category-progress{color:inherit;font-size:16px;opacity:1}.study-lessons{min-width:0;padding:18px 12px 12px}.lesson-list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px}.lesson-list-heading>span{color:var(--text-light);font-size:14px}.lesson-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.lesson-search input{width:100%;min-height:44px;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px}.lesson-index{height:510px;overflow-y:auto;padding:10px 3px 4px;scrollbar-width:thin}.lesson-index-item{display:flex;width:100%;align-items:center;text-align:left;gap:8px;padding:12px 8px;margin-bottom:7px;background:var(--study-tint);color:var(--text);border:1px solid transparent;border-radius:9px}.lesson-index-item:hover{border-color:var(--primary)}.lesson-index-item.active{border-color:var(--primary);background:var(--bg-card);box-shadow:inset 3px 0 var(--primary)}.lesson-number{color:var(--primary);font-size:14px;align-self:flex-start;padding-top:5px;min-width:20px}.lesson-index-title{flex:1;min-width:0;font-size:18px;line-height:1.7;overflow-wrap:anywhere}.lesson-index-title small{display:block;font-size:12px;line-height:1.6;color:var(--text-light)}.lesson-status{color:var(--primary)}.no-lessons{padding:16px 0;font-size:18px}.study-reader{min-width:0;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.reader-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:16px 20px;font-size:18px}.reader-arrows{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:14px}.reader-arrows button{width:44px;padding:6px}.reader-back{display:none}.reader-options{padding:16px 20px 0}.role-filter{flex-wrap:wrap}.role-filter-btn,.show-text-btn{min-height:44px;padding:7px 10px;font-size:16px;border-color:var(--border);color:var(--text);border-radius:8px}.role-filter-btn.active,.show-text-btn.active{background:var(--study-tint);border-color:var(--primary);color:var(--primary)}.show-text-label{color:var(--text-light);font-size:16px;letter-spacing:0;text-transform:none}.show-text-btn{opacity:1}.show-text-btn:not(.active){text-decoration:line-through;color:var(--text-light)}.study-reader .liturgy-section,.study-reader .liturgy-section.selected{padding:24px;border:0;background:transparent;box-shadow:none}.section-header-left{flex-wrap:wrap}.section-ref-number{color:var(--primary);font-size:18px}.study-reader .geez-text{color:var(--geez-color);line-height:1.9;font-size:max(18px,var(--geez-font-size));margin:24px 0}.study-reader .middle-text{color:var(--primary);line-height:1.8;font-size:max(18px,var(--geez-font-size));margin-bottom:24px}.study-reader .english-text{color:var(--text);line-height:1.75;font-size:max(18px,var(--geez-font-size));margin-bottom:28px}.study-reader .audio-player{background:var(--study-tint);border-radius:10px;flex-wrap:wrap;gap:8px;padding:12px}.play-btn{background:#247e68;color:#fff}.nav-btn,.time-display{color:var(--text-light)}.progress-fill{background:var(--primary)}.audio-player .progress-bar{min-width:70px}.action-btn{border-radius:8px;color:var(--primary);border-color:var(--border)}.role-badge{background:var(--study-tint);color:var(--text);border-color:var(--border)}.role-badge.role-deacon,.role-badge.role-priest{color:var(--text);border-color:var(--border)}.reader-empty{min-height:450px;padding:70px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px}.reader-empty>span{font-size:64px;color:var(--primary);background:var(--study-tint);border-radius:24px;padding:8px 28px}.reader-empty p{color:var(--text-light);font-size:18px;line-height:1.8;max-width:32ch}.app-footer{border-color:var(--border);color:var(--text-light)}.app-footer a{color:var(--text-light)}.settings-panel{background:var(--bg-card);border-color:var(--border)}.welcome-screen{background:var(--bg)}.welcome-title{color:var(--primary);letter-spacing:0}.welcome-subtitle,.welcome-version,.welcome-feature{color:var(--text-light)}.welcome-logo{box-shadow:none;border:1px solid var(--border);border-radius:18px}@media(max-width:1099px){.study-workspace{display:block}.study-reader{display:none}.reader-open .study-reader{display:block}.reader-open .study-browser{display:none}.reader-back{display:inline-flex}.study-browser{grid-template-columns:minmax(128px,.65fr) minmax(0,1.35fr)}}@media(max-width:600px){.brand-frame .brand-frame__container{padding:8px 14px}.brand-frame .brand-frame__home-link{display:none}.header-content{padding:12px 14px;flex-wrap:wrap}.header-actions{width:100%}.header-title{flex:1}.home{padding:20px 12px}.study-heading{align-items:flex-start;flex-direction:column;gap:12px}.study-tools button{font-size:16px}.study-heading h2{font-size:26px}.study-categories{padding:14px 7px}.study-lessons{padding:14px 8px 8px}.study-categories .category-btn{padding:10px 8px}.lesson-index{height:55vh;min-height:330px}.lesson-index-item{gap:4px;padding:10px 5px}.lesson-index-title small{font-size:16px}.lesson-status{display:none}.reader-toolbar{padding:12px}.reader-options{padding:12px 12px 0}.study-reader .liturgy-section{padding:18px 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.header{color:var(--text);padding:0;box-shadow:none;position:relative}.header-content{padding-top:10px;padding-bottom:10px}.sign-in-btn,.manage-btn,.logout-btn{color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.feedback-header-btn,.feedback-header-btn:hover{color:var(--text);background:var(--bg-card);min-width:44px}.study-categories .group-title{color:var(--text)}.study-categories .category-btn.active .melody-badge{background:transparent;color:#fff}.study-categories .category-btn:not(.active):hover{background:var(--bg-card);border-color:var(--primary)}.study-categories .category-btn.active:hover{background:#247e68}.study-categories .category-count,.study-categories .category-progress{margin-left:0}.lesson-index-title small{font-size:16px}.action-btn-record{color:#fff;background:#247e68;border-color:#247e68}.action-btn-record:hover{color:#fff;background:#175747}.action-btn-recording{color:#fff;background:#985125}.audio-player .progress-bar{background:var(--border)}.time-display{font-size:14px}.section-share-btn{color:var(--primary)}.app-footer{background:var(--bg-card)}.app-footer-links a{color:var(--text-light)}.welcome-audio-label,.welcome-credits,.welcome-footer,.welcome-back-btn,.lang-picker-title,.lang-picker-native{color:var(--text)}.welcome-credits p,.welcome-social a,.welcome-geezword,.lang-picker-sub{color:var(--text-light)}.lang-picker-btn{background:var(--bg-card);color:var(--text);border-color:var(--border)}.lang-picker-btn-active,.lang-picker-btn:hover{background:var(--study-tint);border-color:var(--primary)}.welcome-enter-btn,.welcome-play-btn,.ai-fab{background:#247e68;color:#fff}.study-tools{flex-wrap:wrap}.welcome-enter-btn,.welcome-enter-btn:hover{box-shadow:none;transform:none}.welcome-audio-label,.welcome-feature{font-size:18px;line-height:1.7}.brand-frame{position:relative;top:auto}.audio-player .progress-bar{overflow:hidden}@media(max-width:1099px){.home:has(.reader-open) .study-heading,.home:has(.reader-open)>.continue-learning{display:none}}.rec-share-note{margin:0 12px 8px;font-size:.78rem;line-height:1.45;color:var(--text-light)}.section-share-note{margin-top:8px;font-size:.78rem;line-height:1.45;color:var(--text-light)}.recording-error-note{margin:0 0 8px;padding:8px 12px;border-radius:var(--gz-radius);background:var(--study-orange, var(--premium-bg));color:var(--gz-ink);font-size:.8rem;line-height:1.5}.rec-saved-note{margin:0 12px 10px;padding:10px 12px;border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--gz-radius);background:var(--bg-card);font-size:.82rem;line-height:1.5}.rec-saved-note code{font-family:var(--gz-font-mono, monospace);font-size:.78rem;word-break:break-all}.rec-saved-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.rec-saved-actions a{display:inline-block;padding:6px 12px;border:1px solid var(--primary);border-radius:8px;color:var(--primary);text-decoration:none;font-size:.78rem;min-height:32px}.rec-saved-actions a:hover{background:var(--study-tint, var(--bg))}.rec-saved-web{margin:8px 0 0;font-size:.74rem;color:var(--text-light)}.rec-saved-web a{color:var(--text-light)}:root{--study-orange: #f1b34f;--study-green: #247e68;--study-deep: #155644;--bg: #f2f6f3}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}.header{border-top:4px solid var(--study-green)}.header-content{max-width:1440px;padding:14px 28px}.app-identity{display:flex;align-items:center;gap:12px}.app-monogram{display:grid;place-items:center;width:46px;height:46px;background:var(--study-green);color:#fff;font-family:var(--gz-font-ethiopic-text);font-size:30px;border-radius:14px 14px 14px 4px}.header-title{display:flex;flex-direction:column;gap:3px}.header-geez{font-family:var(--gz-font-ethiopic-ui);font-size:23px;font-weight:700}.header-subtitle{font-family:var(--gz-font-body);font-size:14px;text-decoration:none;line-height:1.2}.header-actions{flex-wrap:nowrap;gap:8px}.header-actions button{min-height:44px}.home{max-width:1440px;padding:20px 28px 28px}.study-heading{min-height:44px;margin-bottom:16px;gap:20px}.study-heading h2{font-family:var(--gz-font-ethiopic-ui);font-weight:600;font-size:22px;letter-spacing:-.3px}.study-tools{flex-wrap:nowrap;gap:6px}.study-tools button{background:transparent;border-color:transparent;padding:8px 10px;font-size:16px;color:var(--text-light)}.study-tools button:hover{background:var(--bg-card);color:var(--primary);border-color:var(--border)}.study-tools .ai-fab{position:static;width:44px;height:44px;min-width:44px;margin:0;border-radius:10px;box-shadow:none;display:grid;place-items:center;color:var(--primary);z-index:auto}.study-tools .ai-fab svg{width:21px;height:21px}.ai-panel{bottom:20px;right:24px;z-index:1000;border:1px solid var(--border)}.study-workspace{grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr);gap:22px}.study-browser{grid-template-columns:minmax(136px,.65fr) minmax(0,1.35fr);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;padding:0 14px 14px}.continue-learning{grid-column:1 / -1;background:var(--study-deep);color:#fff;border:0;border-radius:0;margin:0 -14px;width:calc(100% + 28px);padding:13px 18px;min-height:64px;gap:12px}.continue-icon{width:34px;height:34px;background:#ffffff26;font-size:12px}.continue-learning strong{font-size:16px;font-weight:600}.continue-preview{margin-top:4px;color:#d7eee4;font-size:16px;max-width:28ch}.study-categories{padding:19px 12px 0 0;border-right:0;background:transparent}.study-categories h3,.lesson-list-heading h3{font-size:18px;font-weight:600;color:var(--text)}.study-categories h3{margin:0 0 16px}.study-categories .category-group{margin-bottom:19px}.study-categories .group-header{padding:0 0 7px}.study-categories .group-title{font-family:var(--gz-font-ethiopic-ui);font-size:16px;font-weight:600;line-height:1.5}.study-categories .category-btn,.study-categories .category-group[data-group=kidase-hawariat] .category-btn:not(.active){background:var(--study-orange);border:1px solid transparent;color:#432e13;padding:13px 12px 10px;border-radius:13px 13px 13px 3px;min-height:99px;gap:12px;margin-bottom:8px}.study-categories .category-btn.active{background:var(--study-green);border-color:var(--study-green);color:#fff}.study-categories .category-btn:not(.active):hover{background:#f5c273;border-color:#b86616}.study-categories .melody-badge{font-family:var(--gz-font-ethiopic-ui);font-size:19px;font-weight:600}.category-meta{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px}.study-categories .category-count{background:#fff6e6;color:#583c17;font-family:var(--gz-font-ethiopic-ui);font-size:13px;line-height:24px;min-width:26px;height:26px;border-radius:50%;text-align:center;padding:1px 3px}.study-categories .category-btn.active .category-count{color:var(--study-deep);background:#fff}.category-ring{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(currentColor var(--progress),transparent 0);border:1px solid currentColor}.category-ring>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--study-orange);font-size:10px;font-family:var(--gz-font-ethiopic-ui)}.category-btn.active .category-ring>span{background:var(--study-green)}.study-lessons{padding:19px 0 0}.lesson-list-heading{margin-bottom:12px;min-height:27px}.lesson-list-heading>span{font-family:var(--gz-font-ethiopic-ui);font-size:12px;background:var(--study-tint);border-radius:20px;padding:3px 8px}.lesson-search input{border:0;border-radius:8px;background:var(--bg);padding:10px 12px;font-size:16px}.lesson-index{height:535px;max-height:calc(100dvh - 310px);min-height:350px;padding:10px 2px 2px;scrollbar-color:#9cc5b6 transparent;scrollbar-width:thin}.lesson-index-item{background:var(--study-green);color:#fff;min-height:47px;padding:8px 11px;margin-bottom:6px;border:1px solid transparent;border-radius:9px;gap:9px}.lesson-index-item:hover{background:var(--study-deep);border-color:var(--study-deep)}.lesson-index-item.active{background:var(--study-deep);color:#fff;border-color:var(--study-deep);box-shadow:inset 3px 0 #f1b34f}.lesson-index-title{font-family:var(--gz-font-ethiopic-ui);font-size:18px;font-weight:500;line-height:1.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-number{align-self:center;padding:0;min-width:20px;color:#e0f1e9;font-family:var(--gz-font-ethiopic-ui);font-size:13px}.lesson-status{color:#fff;font-size:16px}.study-reader{border-radius:16px}.reader-toolbar{padding:17px 22px;gap:10px;background:var(--study-tint);border:0}.reader-toolbar>span{font-family:var(--gz-font-ethiopic-ui);font-weight:600;font-size:18px}.reader-arrows{gap:8px}.reader-arrows button{border:0;border-radius:50%;background:var(--bg-card);color:var(--primary);font-size:20px}.reader-arrows span{font-family:var(--gz-font-ethiopic-ui);color:var(--text-light)}.reader-options{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 22px;border-bottom:1px solid var(--border)}.voice-options{position:relative;order:2}.voice-options summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;font-family:var(--gz-font-ethiopic-ui);font-size:14px;color:var(--text-light);padding:6px 8px;border-radius:8px}.voice-options summary:after{content:"⌄"}.voice-options summary span{color:var(--text);font-size:16px}.voice-options summary:focus-visible{outline:3px solid var(--primary)}.voice-options[open] .role-filter{position:absolute;right:0;top:48px;display:grid;min-width:180px;padding:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;z-index:3}.role-filter-btn{min-height:44px}.show-text-filter{margin:0;gap:0;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:3px}.show-text-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.show-text-btn{border:0;min-height:38px;padding:6px 12px;background:transparent;font-size:16px;border-radius:6px}.show-text-btn.active{background:var(--bg-card);color:var(--primary)}.show-text-btn:not(.active){color:var(--text-light);text-decoration:line-through}.study-reader .liturgy-section,.study-reader .liturgy-section.selected{padding:24px 28px}.section-header-row{margin:0 0 22px}.section-ref-number{font-family:var(--gz-font-ethiopic-text);font-size:22px;color:var(--primary)}.role-badge{border:0;font-size:16px;padding:4px 8px;margin-bottom:0}.study-reader .geez-text{font-size:max(20px,var(--geez-font-size));line-height:1.85;margin:0 0 24px;font-weight:500}.study-reader .middle-text{font-family:var(--gz-font-ethiopic-text);color:var(--primary);line-height:1.75;margin:0 0 24px}.study-reader .english-text{color:var(--text);line-height:1.75;margin:0 0 26px}.study-reader .audio-player{border:1px solid var(--border);background:var(--bg);padding:12px;border-radius:12px}.play-btn{min-width:44px;min-height:44px}.action-btn-record{font-family:var(--gz-font-ethiopic-ui);font-size:14px}.reader-empty{min-height:520px;background:var(--bg-card)}.reader-empty>span{background:var(--study-tint);color:var(--primary);border-radius:36px 36px 36px 6px;font-size:80px}.app-footer{padding:16px;background:transparent;border:0}.app-footer-links a{font-size:14px}.welcome-screen{padding-top:20px}.welcome-content{padding-top:24px}[data-theme=dark]{--bg: #111e1a;--study-orange: #e8a541}[data-theme=dark] .study-categories .category-btn:not(.active){color:#342510}@media(min-width:1100px){.study-browser{position:sticky;top:20px}}@media(max-width:1099px){.study-workspace{display:block}.study-browser{grid-template-columns:minmax(140px,.65fr) minmax(0,1.35fr)}.lesson-index{height:560px;max-height:none;min-height:340px}.home:has(.reader-open) .study-heading{display:flex}.home:has(.reader-open) .study-heading h2{display:none}.home:has(.reader-open) .study-tools{margin-left:auto}}@media(max-width:600px){.header-content{padding:12px 14px;gap:12px}.app-monogram{width:38px;height:38px;font-size:25px;border-radius:11px 11px 11px 3px}.header-geez{font-size:21px}.header-actions{width:auto;flex-wrap:wrap;gap:4px}.header-actions .dev-mode-toggle{font-size:10px;padding:4px 7px}.header-actions .feedback-header-btn{min-width:38px}.language-selector-wrap{gap:4px}.app-lang-btn,.lang-btn{padding:6px 8px}.home{padding:14px 10px 20px}.study-heading{gap:5px;margin-bottom:9px}.study-heading h2{font-size:22px}.study-tools{gap:1px;width:100%;justify-content:flex-end}.study-tools button{font-size:14px;padding:5px 8px}.study-tools .ai-fab{margin-right:auto}.study-browser{grid-template-columns:minmax(110px,.65fr) minmax(0,1.35fr);padding:0 9px 10px;border-radius:13px}.continue-learning{margin:0 -9px;width:calc(100% + 18px);padding:11px 13px;min-height:56px;gap:9px}.continue-preview{max-width:23ch;font-size:16px}.study-categories{padding:14px 8px 0 0}.study-lessons{padding:14px 0 0}.study-categories h3,.lesson-list-heading h3{font-size:18px}.study-categories .group-title{font-size:16px}.study-categories .category-btn{padding:11px 9px 9px;min-height:95px}.study-categories .melody-badge{font-size:18px}.lesson-index{height:495px}.lesson-index-item{padding:8px;gap:5px;min-height:47px}.lesson-number{min-width:18px;font-size:12px}.lesson-status{display:block}.reader-toolbar{padding:12px;gap:8px}.reader-toolbar>span{font-size:16px}.reader-back{font-size:16px;padding:6px 8px!important}.reader-options{padding:9px 12px;gap:4px}.show-text-btn{padding:6px 9px}.voice-options summary{font-size:12px;gap:5px;padding:4px}.voice-options summary span{font-size:16px}.study-reader .liturgy-section,.study-reader .liturgy-section.selected{padding:20px 18px}.section-ref-number{font-size:20px}.study-reader .audio-player{padding:10px 8px;gap:6px}.ai-panel{width:calc(100vw - 24px);right:12px;bottom:12px;max-height:75dvh}}@media(prefers-reduced-motion:no-preference){.lesson-index-item,.category-btn{transition:background .15s ease,border-color .15s ease}}.account-tools{position:relative}.account-tools summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;border:1px solid var(--border);border-radius:50%;color:var(--primary);cursor:pointer;background:var(--bg-card)}.account-tools summary::-webkit-details-marker,.voice-options summary::-webkit-details-marker{display:none}.account-tools summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.account-panel{position:absolute;right:0;top:52px;min-width:180px;padding:12px;display:flex;flex-wrap:wrap;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;z-index:110}.study-tools button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.study-tools .ai-fab{margin-right:2px}.study-heading h2{font-size:24px}.show-text-btn{min-height:44px}@media(max-width:600px){.header-content{flex-wrap:nowrap;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:10px}.app-identity{gap:8px;grid-column:1;grid-row:1;min-width:0}.app-monogram{width:34px;height:38px;flex-shrink:0}.header-title{min-width:0}.header-geez{font-size:18px;white-space:nowrap}.header-subtitle{font-size:12px}.header-actions,.language-selector-wrap{display:contents}.app-lang-picker{grid-row:1;grid-column:2}.account-tools{grid-row:1;grid-column:3}.account-tools summary{width:40px}.app-lang-btn{gap:4px;padding:6px}.app-lang-current{font-size:14px}.app-lang-btn>svg{display:none}.language-selector{grid-row:2;grid-column:1 / -1;justify-self:end}.study-heading{flex-direction:row;align-items:center;gap:4px}.study-heading h2{font-size:20px;line-height:1.5;flex:1;letter-spacing:0}.study-tools{width:auto;flex-shrink:0;gap:0}.study-tools button{width:40px;min-height:44px;padding:5px}.study-tools button>span{display:none}.study-tools .ai-fab{width:40px;min-width:40px;margin:0}.study-tools svg{width:19px}.home{padding-top:10px}.home:has(.reader-open) .study-heading{margin-bottom:8px}}@media(max-width:350px){.app-monogram{display:none}.header-geez{font-size:17px}.study-heading h2{font-size:18px}}.study-reader .text-word{padding:1px;border-radius:4px}.study-reader .geez-text,.study-reader .middle-text{line-height:1.75}.voice-options[open] summary{background:var(--study-tint)}.account-tools[open] summary{background:var(--study-tint)}.study-reader .text-word{padding:1px 3px}.study-reader{border-color:#9ab9ac}.study-reader .reader-toolbar{background:#155644;color:#fff}.study-reader .reader-toolbar>span{color:#fff}.study-reader .reader-arrows span{color:#fff}.study-reader .reader-arrows button{background:#fff;color:#155644;border:1px solid #fff}.study-reader .reader-arrows button:disabled{opacity:.5}.study-reader .reader-back{background:#fff;color:#155644;border:1px solid #fff}.study-reader .reader-options{background:#e7efe9;border-color:#a7c1b4}.study-reader .show-text-filter{background:#fff;border-color:#789f8e;gap:4px}.study-reader .show-text-btn.active{background:#247e68;color:#fff}.study-reader .show-text-btn:not(.active){background:#fff;color:#435c51}.study-reader .voice-options summary{background:#fff;border:1px solid #789f8e;color:#304c40;padding:6px 10px}.study-reader .voice-options summary span{color:#155644;font-weight:600}.study-reader .voice-options[open] summary{background:#155644;color:#fff;border-color:#155644}.study-reader .voice-options[open] summary span{color:#fff}.study-reader .voice-options[open] .role-filter{min-width:220px;background:#fff;border-color:#789f8e}.study-reader .role-filter-btn{color:#203b30;border-color:#a7c1b4;background:#fff;text-align:left}.study-reader .role-filter-btn:hover{background:#e7efe9;border-color:#247e68}.study-reader .role-filter-btn.active{background:#247e68;color:#fff;border-color:#247e68}.study-reader .section-ref-number,.study-reader .section-ref-number.learned{color:#155644}.study-reader .role-badge,.study-reader .role-badge.role-priest,.study-reader .role-badge.role-deacon{background:#155644;color:#fff;border:1px solid #155644}.study-reader .geez-text,.study-reader .english-text{color:#172b22}.study-reader .middle-text{color:#155e47}.study-reader .audio-player{background:#155644;border-color:#155644;padding:14px}.study-reader .audio-player .play-btn{background:#fff;color:#155644}.study-reader .audio-player .nav-btn,.study-reader .audio-player .time-display{color:#fff}.study-reader .audio-player .progress-bar{background:#6a9c88}.study-reader .audio-player .progress-fill{background:#fff}.study-reader .audio-player .breakpoint-marker{background:#ffd17b}.study-reader .action-btn-record{background:#fff;color:#155644;border:1px solid #247e68}.study-reader .action-btn-record:hover{background:#e7efe9}.study-reader .action-btn-recording{background:#985125;color:#fff}[data-theme=dark] .study-reader{border-color:#557c68}[data-theme=dark] .study-reader .reader-options{background:#233b2f;border-color:#557c68}[data-theme=dark] .study-reader .section-ref-number,[data-theme=dark] .study-reader .section-ref-number.learned{color:#a4e4c9}[data-theme=dark] .study-reader .geez-text,[data-theme=dark] .study-reader .english-text{color:#f2f8f4}[data-theme=dark] .study-reader .middle-text{color:#a4e4c9}@media(max-width:600px){.study-reader .reader-options{gap:8px}.study-reader .reader-options .voice-options{margin-left:auto}.study-reader .section-header-left{gap:10px}.study-reader .role-badge{font-size:16px}}.study-reader .reader-back{display:inline-flex;align-items:center;min-height:44px}.study-reader .reader-toolbar{flex-wrap:wrap}.billing-prompt{width:min(100%,480px);max-height:90dvh;overflow-y:auto}.billing-prompt .upgrade-cta{background:#155644;color:#fff;min-height:48px}.billing-plans{border:0;padding:0;margin:20px 0;display:grid;gap:10px;text-align:left}.billing-plans legend{margin-bottom:10px;font-weight:600}.billing-plans label{display:flex;gap:12px;padding:14px;border:2px solid var(--border);border-radius:10px;cursor:pointer}.billing-plans label.selected{border-color:#247e68;background:var(--bg)}.billing-plans label span{display:grid;gap:4px}.billing-plans input{accent-color:#247e68}.billing-terms{font-size:15px;line-height:1.5;color:var(--text-light)}.billing-test{background:#fff0d9;color:#74400f;padding:8px 12px;border-radius:8px;font-size:15px}.billing-secondary{display:block;margin:12px auto 0;padding:10px;min-height:44px;background:transparent;color:var(--text);text-decoration:underline;border:0}.billing-error{color:#a22d25}.billing-banner{max-width:1384px;margin:12px auto;padding:12px 20px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.billing-banner button{min-height:44px;padding:8px 14px}.billing-banner p{margin:8px 0}