*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:-webkit-fill-available}body{min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;overflow:hidden}ol,ul{list-style:none}button{font:inherit;cursor:pointer;background:0 0;border:none}input,select{font:inherit}img{max-width:100%;height:auto;display:block}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYaammT.ttf) format('truetype')}:root{--font-ui:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-biblical:'SBL BibLit','SBL Hebrew','SBL Greek','Ezra SIL','GFS Didot','Times New Roman',serif;--font-mono:'SF Mono','Consolas','Monaco',monospace}body{font-family:var(--font-ui);font-size:14px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.3}h1{font-size:1.25rem}h2{font-size:1.1rem}h3{font-size:1rem}.original-text{font-family:var(--font-biblical);font-size:1.5rem;line-height:1.8}.phonetics{font-family:var(--font-ui);font-size:.7rem;direction:ltr;unicode-bidi:bidi-override;text-align:center}.gloss{font-family:var(--font-ui);font-size:.65rem;direction:ltr;unicode-bidi:bidi-override;text-align:center}.tabular-nums{font-variant-numeric:tabular-nums}.brand-logo{display:flex;align-items:center;gap:.4rem;line-height:1}.brand-hebrew{font-family:var(--font-biblical);font-weight:700;color:var(--accent-lit);unicode-bidi:isolate;text-shadow:0 0 30px var(--accent-glow),0 0 60px var(--accent-glow);animation:brand-glow 3s ease-in-out infinite}.brand-dot{color:var(--text-muted);font-weight:300}.brand-latin{font-family:var(--font-ui);font-weight:600;color:var(--text-primary);letter-spacing:-.03em}@keyframes brand-glow{0%,100%{text-shadow:0 0 30px var(--accent-glow),0 0 60px var(--accent-glow)}50%{text-shadow:0 0 50px var(--accent-glow),0 0 100px var(--accent-glow)}}.brand-logo--sm{font-size:1rem}.brand-logo--md{font-size:1.4rem}.brand-logo--lg{font-size:3rem}.brand-logo--xl{font-size:5rem}.brand-logo--static .brand-hebrew{animation:none}.brand-logo--inline{display:inline-flex;font-size:inherit;gap:.1rem}.icon-toggle{background:0 0;border:none;cursor:pointer;font-size:1.2rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.icon-toggle:hover{background:var(--bg-hover)}.icon-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-toggle svg{display:block}.icon-toggle.active{color:var(--accent)}.icon-toggle.active:hover{background:var(--accent-bg)}:root{--sidebar-w:260px;--player-h:60px;--topbar-h:50px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:200ms ease;--transition-normal:300ms ease;--transition-slow:400ms ease;--brand-gold:#b4874a;--brand-brown:#5d4422;--brand-cream:#f8eee0;--z-player:40;--z-overlay:50;--z-sidebar:100;--z-tooltip:200}[data-theme=dark]{--bg-base:#1a1a1a;--bg-surface:rgba(93, 68, 34, 0.90);--bg-surface-translucent:rgba(26, 26, 26, 0.35);--bg-elevated:#222;--bg-overlay:rgba(0, 0, 0, 0.6);--text-primary:#e8e0d5;--text-secondary:#b1a89c;--text-muted:#888;--accent:var(--brand-gold);--accent-hover:#c9995a;--accent-bg:rgba(180, 135, 74, 0.35);--accent-lit:#d4a056;--accent-glow:rgba(212, 160, 86, 0.6);--border-color:rgba(255, 255, 255, 0.12);--border-strong:#444;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 20px rgba(0, 0, 0, 0.5);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.6);--input-bg:var(--bg-base);--tooltip-bg:#222;--tooltip-border:#555;--seek-track-bg:rgba(255, 255, 255, 0.3)}[data-theme=dark] body{color:var(--text-primary);background-color:#1a1a1a;background-image:url("https://cdn-ca.peplamb.com/media/overlay.webp"),linear-gradient(180deg,var(--bg-overlay),var(--bg-overlay)),url("https://cdn-ca.peplamb.com/media/background.webp");background-repeat:repeat,no-repeat,no-repeat;background-size:100px 100px,cover,cover;background-position:center;background-attachment:fixed,fixed,fixed}[data-theme=light]{--bg-base:#f8f1e9;--bg-surface:rgba(241, 228, 213, 0.95);--bg-surface-translucent:rgba(248, 241, 233, 0.55);--bg-elevated:#fff;--bg-overlay:rgba(93, 68, 34, 0.22);--text-primary:#3a2a1d;--text-secondary:#5d4422;--text-muted:#7c6855;--accent:var(--brand-brown);--accent-hover:#7a5a2f;--accent-bg:rgba(181, 135, 74, 0.24);--accent-lit:#8b6914;--accent-glow:rgba(139, 105, 20, 0.4);--border-color:rgba(93, 68, 34, 0.2);--border-strong:rgba(93, 68, 34, 0.35);--shadow-sm:0 2px 8px rgba(93, 68, 34, 0.1);--shadow-md:0 4px 20px rgba(93, 68, 34, 0.15);--shadow-lg:0 8px 32px rgba(93, 68, 34, 0.2);--input-bg:rgba(255, 255, 255, 0.8);--tooltip-bg:#f6edd5;--tooltip-border:rgba(93, 68, 34, 0.3);--seek-track-bg:rgba(0, 0, 0, 0.2)}[data-theme=light] body{color:var(--text-primary);background-color:#f8eee0;background-image:url("https://cdn-ca.peplamb.com/media/overlay.webp"),linear-gradient(180deg,var(--bg-overlay),rgba(248,238,216,.68)),url("https://cdn-ca.peplamb.com/media/background.webp");background-repeat:repeat,no-repeat,no-repeat;background-size:100px 100px,cover,cover;background-position:center;background-attachment:fixed,fixed,fixed}#main{display:flex;flex-direction:column;height:100vh;height:100dvh}#overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:var(--z-overlay)}#overlay.hidden{display:none}.hidden{display:none!important}#sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--bg-surface-translucent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-color);z-index:var(--z-sidebar);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform var(--transition-normal)}#sidebar.open{transform:translateX(0)}#sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-shrink:0}#sidebar-close{color:var(--text-primary);font-size:1.4rem;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}#sidebar-close:hover{background:var(--accent-bg);color:var(--accent)}#book-list{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.sidebar-section-group .section-books{display:none}.sidebar-section-group.open .section-books{display:block}.sidebar-section{display:flex;justify-content:space-between;align-items:center;padding:10px var(--spacing-md) 6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-top:1px solid var(--border-color);margin-top:var(--spacing-xs);cursor:pointer;user-select:none;transition:var(--transition-fast)}.sidebar-section:hover{background:var(--accent-bg)}.sidebar-section-group:first-child .sidebar-section{border-top:none;margin-top:0}.sidebar-section::after{content:'\25B6';font-size:.6rem;transition:transform var(--transition-fast)}.sidebar-section-group.open .sidebar-section::after{transform:rotate(90deg)}.book-btn{display:block;width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:.9rem;border-radius:0;transition:var(--transition-fast)}.book-btn:hover{background:var(--accent-bg)}.book-btn.active{color:var(--accent);font-weight:600}.chapter-list{display:none;padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-lg);flex-wrap:wrap;gap:2px}.chapter-list.open{display:flex}.ch-btn{display:flex;align-items:center;justify-content:center;width:40px;height:32px;background:var(--accent-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;transition:var(--transition-fast)}.ch-btn:hover{background:var(--accent-bg);color:var(--text-primary);border-color:var(--accent)}.ch-btn.active{background:var(--accent);color:var(--bg-base);font-weight:700;border-color:var(--accent)}#sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color);text-align:center;flex-shrink:0}.footer-links{margin-bottom:var(--spacing-sm);font-size:.8rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--brand-gold)}.footer-links a+a::before{content:" · ";color:var(--text-muted)}.attribution{font-size:.75rem;color:var(--text-muted);letter-spacing:.05em}.attribution a{color:var(--brand-gold);font-weight:600;text-decoration:none;transition:var(--transition-fast)}.attribution a:hover{color:var(--accent);text-decoration:underline}.attribution a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}#top-bar{height:var(--topbar-h);display:flex;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-md);background:var(--bg-surface-translucent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);flex-shrink:0;position:relative;z-index:60}#sidebar-toggle{color:var(--text-primary);font-size:1.3rem;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}#sidebar-toggle:hover{background:var(--accent-bg);color:var(--accent)}#chapter-title{flex:1;font-size:1rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#layer-toggles{display:flex;gap:10px;font-size:.8rem}#layer-toggles label{display:flex;align-items:center;gap:3px;white-space:nowrap;cursor:pointer;color:var(--text-muted);transition:var(--transition-fast)}#layer-toggles label:hover{color:var(--text-primary)}#layer-toggles input[type=checkbox]{accent-color:var(--accent);cursor:pointer}#theme-toggle{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs);font-size:1.1rem;transition:var(--transition-fast)}#theme-toggle:hover{background:var(--accent-bg);border-color:var(--accent)}[data-theme=dark] .theme-icon-dark{display:inline}[data-theme=dark] .theme-icon-light{display:none}[data-theme=light] .theme-icon-dark{display:none}[data-theme=light] .theme-icon-light{display:inline}#text-options-wrapper{position:relative;display:none}body.lang-hebrew #text-options-wrapper{display:block}#text-options-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs);font-size:.9rem;font-weight:600;font-family:var(--font-ui);color:var(--text-primary);background:0 0;cursor:pointer;transition:var(--transition-fast)}#text-options-btn:hover{background:var(--accent-bg);border-color:var(--accent)}#text-options-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;min-width:180px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);z-index:100;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .15s ease,visibility .15s ease,transform .15s ease}#text-options-dropdown.hidden{display:block!important;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xs);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.toggle-row:hover{background:var(--accent-bg)}.toggle-label{font-size:.85rem;color:var(--text-primary)}.toggle-row input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:40px;height:22px;background:var(--bg-tertiary);border-radius:11px;transition:var(--transition-fast)}.toggle-switch::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:var(--transition-fast)}.toggle-row input[type=checkbox]:checked+.toggle-switch{background:var(--accent)}.toggle-row input[type=checkbox]:checked+.toggle-switch::after{left:20px;background:#fff}.toggle-row:has(input:disabled){opacity:.4;cursor:not-allowed}.toggle-row:has(input:disabled):hover{background:0 0}.toggle-row input[type=checkbox]:disabled+.toggle-switch{cursor:not-allowed}.mobile-layer-toggles{display:none}.dropdown-divider{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-sm) 0}#text-area{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-md) calc(var(--player-h) + var(--spacing-md));scroll-behavior:smooth;background:var(--bg-surface-translucent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:var(--spacing-md);margin-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}@media (max-width:600px){#text-area{padding-bottom:calc(var(--player-h) * 2 + var(--spacing-lg))}}.verse{margin-bottom:var(--spacing-md);line-height:2.4;position:relative}.verse-num{position:absolute;top:0;color:var(--accent);font-size:.75rem;font-weight:700;font-family:var(--font-ui);direction:ltr;text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.verse-num:focus,.verse-num:hover{color:var(--text-primary);text-decoration:underline}.title-line{text-align:center;font-size:1.3rem;font-weight:600;color:var(--accent);margin-bottom:var(--spacing-lg);line-height:2}.word{display:inline-block;padding:2px 5px;margin:1px;border-radius:var(--radius-sm);cursor:pointer;position:relative;background:linear-gradient(var(--sweep-dir,to left),var(--accent-bg) 0,var(--accent-bg) var(--sweep,0),transparent var(--sweep,0),transparent 100%);transition:none}.word:hover{background-color:var(--accent-bg)}.word.active{color:var(--text-primary)}.word.active:hover{background-color:transparent}.word.completed{background:0 0}.word .original-text{display:block}.verse .word .text-consonants,.verse .word .text-full,.verse .word .text-vowels,body:not(.lang-hebrew) .verse .word .original-text{background:linear-gradient(var(--sweep-dir,to left),var(--accent) 0,var(--accent) var(--sweep,0),var(--text-primary) var(--sweep,0),var(--text-primary) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.verse .word.completed .text-consonants,.verse .word.completed .text-full,.verse .word.completed .text-vowels,body:not(.lang-hebrew) .verse .word.completed .original-text{background:var(--accent-lit);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 8px var(--accent-glow)) drop-shadow(0 0 16px var(--accent-glow))}.word .phonetics{display:block;color:var(--text-secondary)}.word .gloss{display:block;color:var(--text-muted)}body:not(.show-original) .word .original-text{display:none}body:not(.show-phonetics) .word .phonetics{display:none}body:not(.show-gloss) .word .gloss{display:none}body:not(.lang-hebrew) .text-full{display:inline}body:not(.lang-hebrew) .text-vowels{display:none}body:not(.lang-hebrew) .text-consonants{display:none}body.lang-hebrew .text-full{display:none}body.lang-hebrew .text-vowels{display:none}body.lang-hebrew .text-consonants{display:none}body.lang-hebrew.show-vowels:not(.show-cantillation) .text-vowels{display:inline}body.lang-hebrew.show-vowels.show-cantillation .text-full{display:inline}body.lang-hebrew:not(.show-vowels) .text-consonants{display:inline}#player-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-player,40);height:var(--player-h);display:flex;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-md);padding-bottom:env(safe-area-inset-bottom,0);background:var(--bg-surface-translucent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color)}.player-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.player-seek{display:flex;align-items:center;flex:1;gap:var(--spacing-sm)}.player-options{display:flex;align-items:center;gap:var(--spacing-sm)}#next-btn,#play-btn,#prev-btn{background:0 0;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:50%;transition:transform .1s ease,color .15s ease;display:flex;align-items:center;justify-content:center}#play-btn{font-size:1.5rem;background:var(--text-primary);color:var(--bg-base);width:40px;height:40px}#play-btn:hover{transform:scale(1.06);background:var(--accent)}#next-btn,#prev-btn{font-size:1rem;color:var(--text-muted)}#next-btn:hover,#prev-btn:hover{color:var(--text-primary)}#next-btn svg,#play-btn svg,#prev-btn svg{display:block}#seek-bar{-webkit-appearance:none;appearance:none;height:4px;background:var(--seek-track-bg);border-radius:2px;cursor:pointer;flex:1}#seek-bar::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--progress,0),var(--seek-track-bg) var(--progress,0),var(--seek-track-bg) 100%);border-radius:2px}#seek-bar::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text-primary);border-radius:50%;margin-top:-4px;cursor:pointer;opacity:0;transition:opacity .15s ease}#player-bar:hover #seek-bar::-webkit-slider-thumb,#seek-bar:focus::-webkit-slider-thumb{opacity:1}#seek-bar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#seek-bar::-moz-range-track{height:4px;background:var(--seek-track-bg);border-radius:2px}#seek-bar::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}#seek-bar::-moz-range-thumb{width:12px;height:12px;background:var(--text-primary);border:none;border-radius:50%;cursor:pointer}#time-current,#time-duration{font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:35px}#time-current{text-align:right}#time-duration{text-align:left}#speed-select{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px var(--spacing-xs);font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}#speed-select:hover{border-color:var(--accent)}#speed-select:focus{outline:0;border-color:var(--accent)}#repeat-btn.repeat-loop,#repeat-btn.repeat-loop1{color:var(--accent)}#repeat-btn.repeat-loop1:hover,#repeat-btn.repeat-loop:hover{background:var(--accent-bg)}@media (max-width:600px){#player-bar{flex-wrap:wrap;justify-content:center;align-items:center;padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0));gap:var(--spacing-xs);height:auto}.player-controls{display:flex;align-items:center;gap:var(--spacing-md);justify-content:center;width:100%;order:1}.player-options{position:absolute;right:var(--spacing-md);top:var(--spacing-sm);height:40px;display:flex;align-items:center;gap:var(--spacing-sm)}.player-seek{display:flex;align-items:center;width:100%;order:2;gap:var(--spacing-sm);padding-top:var(--spacing-xs)}}@media (max-width:400px){#speed-select{display:none}}@media (min-width:768px){#player-bar{left:var(--sidebar-w)}}#popover{position:fixed;display:none;flex-direction:column;max-width:min(350px,calc(100vw - 20px));max-height:min(400px,60vh);background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;line-height:1.5;z-index:var(--z-tooltip);box-shadow:var(--shadow-md);overflow:hidden}#popover.visible{display:flex}#popover .popover-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--tooltip-bg);border-bottom:1px solid var(--tooltip-border)}#popover .popover-word{font-family:var(--font-biblical);font-size:1.3rem;color:var(--accent);flex:1}#popover .popover-close{background:0 0;border:none;cursor:pointer;padding:var(--spacing-xs);min-width:44px;min-height:44px;color:var(--text-secondary);font-size:1.2rem;line-height:1;opacity:.7;transition:opacity .15s;display:flex;align-items:center;justify-content:center}#popover .popover-close:focus,#popover .popover-close:hover{opacity:1}#popover .popover-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#popover .popover-body{flex:1;overflow-y:auto;padding:var(--spacing-md);scroll-padding-top:var(--spacing-sm);scroll-padding-bottom:var(--spacing-sm)}#popover .popover-body:focus{outline:0}#popover .popover-phonetics{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}#popover .popover-short{font-weight:600;margin-bottom:var(--spacing-sm)}#popover .popover-long{color:var(--text-secondary);font-size:.8rem}#popover .popover-word-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--tooltip-bg);border-top:1px solid var(--tooltip-border)}#popover .popover-play-word{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:44px;min-height:44px;padding:var(--spacing-xs) var(--spacing-sm);background:0 0;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}#popover .popover-play-word:hover{background:rgba(128,128,128,.1)}#popover .popover-play-word:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#popover .popover-play-word-icon{font-size:1.4rem;line-height:1}#popover .popover-play-word-icon svg{width:1em;height:1em;fill:currentColor;display:block}#popover .popover-play-word-label{font-size:.65rem;line-height:1;white-space:nowrap}#popover .popover-play-word::after{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;transform:scale(0)}#popover .popover-play-word:active::after{opacity:.15;transform:scale(1);transition:transform .2s ease-out,opacity .1s ease-out}#popover .popover-play-word.playing{color:var(--accent)}#popover .popover-footer{position:sticky;bottom:0;padding:var(--spacing-sm) var(--spacing-md);padding-top:0;background:var(--tooltip-bg);text-align:center}#popover .popover-play{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);min-height:44px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.85rem;transition:background .15s}#popover .popover-play:hover{background:var(--accent-hover,var(--accent));filter:brightness(1.1)}#popover .popover-play:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#popover .popover-play svg{width:1em;height:1em;fill:currentColor}.subpage{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.subpage main{flex:1;overflow-y:auto;min-height:0}.page-header{height:var(--topbar-h);display:flex;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-md);background:var(--bg-surface-translucent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);flex-shrink:0}.page-header__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-muted);text-decoration:none;font-size:1.25rem;border-radius:var(--radius-md);transition:var(--transition-fast)}.page-header__back:hover{color:var(--text-primary);background:var(--accent-bg)}.page-header__title{font-size:1.1rem;font-weight:500;color:var(--text-primary)}.page-header__theme{margin-left:auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:0 0;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-size:1rem;transition:var(--transition-fast)}.page-header__theme:hover{background:var(--accent-bg);border-color:var(--accent)}[data-theme=dark] .page-header__theme .theme-icon-dark{display:inline}[data-theme=dark] .page-header__theme .theme-icon-light{display:none}[data-theme=light] .page-header__theme .theme-icon-dark{display:none}[data-theme=light] .page-header__theme .theme-icon-light{display:inline}.page-footer{text-align:center;padding:var(--spacing-lg) var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem;flex-shrink:0}.page-footer p{margin-top:var(--spacing-sm)}.page-footer a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}.page-footer a:hover{color:var(--accent-hover);text-decoration:underline}.about-page .footer-link:has(a[href="/about"]),.help-page .footer-link:has(a[href="/help"]){display:none}.footer-link--app a{font-weight:500}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center}.credits,.features,.supported-texts{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.credits h2,.features h2,.supported-texts h2{font-family:var(--font-biblical);font-size:1.75rem;color:var(--brand-gold);margin-bottom:var(--spacing-lg);text-align:center}.feature-list{list-style:none;padding:0;margin:0}.feature-item{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);position:relative;color:var(--text-primary);line-height:1.6}.feature-item::before{content:'';position:absolute;left:0;top:.5em;width:8px;height:8px;background-color:var(--brand-gold);border-radius:50%}.feature-item strong{color:var(--text-primary);font-weight:500}.feature-category{margin-bottom:var(--spacing-xl)}.feature-category h3{font-size:1.1rem;color:var(--brand-gold);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.text-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.text-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.text-card h3{font-family:var(--font-biblical);font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.text-card h3 .sample-text{display:block;font-size:1.5rem;color:var(--brand-gold);margin-top:var(--spacing-xs)}.text-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.credits a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}.credits a:hover{color:var(--accent-hover);text-decoration:underline}.tool-logo{display:inline;height:1.2em;width:auto;vertical-align:middle;margin-right:.3em}@media (max-width:1024px){.hero-logo.brand-logo{font-size:4rem}}@media (max-width:768px){.hero-logo.brand-logo{font-size:3rem}.text-cards{grid-template-columns:1fr}.credits h2,.features h2,.supported-texts h2{font-size:1.5rem}}@media (max-width:480px){.hero{padding:var(--spacing-lg) var(--spacing-sm)}.hero-logo.brand-logo{font-size:2.5rem}.credits,.features,.supported-texts{padding:var(--spacing-lg) var(--spacing-sm)}}.help-content{max-width:700px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.help-content h2{font-family:var(--font-biblical);font-size:1.5rem;color:var(--brand-gold);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-xl);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.help-content h2:first-child{margin-top:0}.help-content h3{font-size:1.05rem;color:var(--text-primary);font-weight:500;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.help-content p{color:var(--text-primary);line-height:1.6;margin-bottom:var(--spacing-md)}.shortcut-table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}.shortcut-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--border-strong);color:var(--text-secondary);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.shortcut-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.shortcut-table tr:hover{background:var(--accent-bg)}kbd{display:inline-block;padding:2px 8px;font-family:var(--font-mono);font-size:.85em;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--border-strong)}.help-note{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.help-tip{color:var(--text-primary);line-height:1.6;margin-bottom:var(--spacing-md)}.help-tip strong{color:var(--brand-gold);font-weight:500}@media (max-width:768px){.help-content h2{font-size:1.3rem}.shortcut-table td,.shortcut-table th{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}}@media (max-width:480px){.help-content{padding:var(--spacing-lg) var(--spacing-sm)}}@media (min-width:768px){#sidebar{transform:translateX(0)!important}#main{margin-left:var(--sidebar-w)}#sidebar-close,#sidebar-toggle{display:none}#overlay{display:none!important}}@media (max-width:600px){#layer-toggles{display:none}.mobile-layer-toggles{display:block}#text-options-wrapper{display:block}#chapter-title{font-size:.9rem}}@media (max-width:400px){#logo .brand-dot,#logo .brand-latin{display:none}#speed-select{display:none}}