:root{--sidebar-w:280px;--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;--danger:#ff6b6b;--warning:#ffa726;--success:#66bb6a;--z-overlay:50;--z-sidebar:100;--z-tooltip:200;--z-modal:1000;--z-toast:1001;--font-ui:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-biblical:'SBL BibLit','SBL Hebrew','Ezra SIL',serif;--font-mono:'SF Mono','Consolas','Monaco',monospace}[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)}[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:#685440;--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)}[data-theme=light] body{color:var(--text-primary);background-color:#f8f1e9;background-image:url("https://cdn-ca.peplamb.com/media/overlay.webp"),linear-gradient(180deg,rgba(248,238,224,.85),rgba(248,238,224,.85)),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}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;color:var(--text-primary)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit;font-size:inherit}.loading{opacity:.5;pointer-events:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{font-family:var(--font-ui);font-size:14px;font-weight:400;line-height:1.5}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}.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}@media (prefers-reduced-motion:reduce){.brand-hebrew{animation:none}*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}.brand-logo--inline{display:inline-flex;font-size:inherit;gap:.1rem}button{cursor:pointer;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:var(--transition-fast)}button:hover{background:var(--accent-bg);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 8px;border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:0;border-color:var(--accent)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent)}body{display:flex;flex-direction:column;height:100vh;height:100dvh}main{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.subpage main{overflow-y:auto;display:block}#editor-container{display:grid;grid-template-columns:var(--sidebar-w) 1fr;flex:1;overflow:hidden}#toolbar{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}.toolbar-group{display:flex;align-items:center;gap:var(--spacing-sm)}.toolbar-group--right{margin-left:0}#status{margin-left:auto;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#toolbar-logo{flex-shrink:0}#hamburger-btn{display:none;align-items:center;justify-content:center;font-size:1.3rem;width:36px;height:36px;padding:0}#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}.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}.page-footer{text-align:center;padding:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem;flex-shrink:0}.page-footer p{margin-bottom:var(--spacing-xs)}.page-footer p:last-child{margin-bottom:0}.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}#waveform-container{padding:var(--spacing-md);background:var(--bg-surface-translucent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}#waveform{background:var(--bg-base);border-radius:var(--radius-sm);min-height:128px}#timeline{height:24px}.waveform-controls{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}#zoom-level{color:var(--text-muted);min-width:80px}#playback-controls{display:flex;align-items:center;gap:12px;padding:10px var(--spacing-md);padding-bottom:calc(10px + env(safe-area-inset-bottom,0));background:var(--bg-surface-translucent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}#play-btn{font-size:1.5rem;width:40px;height:40px;border-radius:50%;background:var(--text-primary);color:var(--bg-base);border:none;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,background var(--transition-fast)}#play-btn:hover{transform:scale(1.06);background:var(--accent)}#next-btn,#prev-btn{background:0 0;border:none;color:var(--text-muted);padding:var(--spacing-sm);transition:color var(--transition-fast)}#next-btn:hover,#prev-btn:hover{background:0 0;border:none;color:var(--text-primary)}#current-time,#duration{font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:70px}#volume{width:80px}#waveform ::part(region){font-size:11px;font-family:var(--font-biblical)}#verse-list{border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.verse-list-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-elevated);border-bottom:1px solid var(--border-color);font-weight:600}#verses{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.verse-item{padding:var(--spacing-sm) 10px;margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background var(--transition-fast)}.verse-item:hover{background:var(--accent-bg)}.verse-item.selected{background:var(--accent);color:var(--bg-base)}.verse-item.expanded{background:var(--bg-surface)}.verse-label{font-weight:500}.verse-word-count{color:var(--text-muted);font-size:12px}.verse-warning{color:var(--warning);margin-left:var(--spacing-xs)}.verse-words{padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-md);display:none}.verse-item.expanded+.verse-words{display:block}.word-chip{display:inline-block;padding:2px 6px;margin:2px;background:var(--bg-elevated);border-radius:3px;cursor:pointer;font-size:13px;transition:background var(--transition-fast)}.word-chip:hover{background:var(--accent);color:var(--bg-base)}.word-chip.selected{background:var(--accent);color:var(--bg-base)}.word-chip.no-audio{border:1px solid var(--warning)}.word-chip.invalid{border:1px solid var(--danger)}.verse-empty{color:var(--text-muted);font-style:italic;padding:var(--spacing-sm) var(--spacing-md)}#word-editor{padding:var(--spacing-md);overflow-y:auto}#word-editor h3{margin-bottom:var(--spacing-md)}#no-selection{color:var(--text-muted);text-align:center;padding:40px}#d-form{display:flex;flex-direction:column;gap:12px;max-width:500px}#d-form.hidden{display:none}#d-form label{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--text-muted)}#d-form input,#d-form textarea{color:var(--text-primary)}#d-form input[readonly]{opacity:.6}#d-f1{font-size:18px;font-family:var(--font-biblical)}#word-form{display:flex;flex-direction:column;gap:12px;max-width:500px}#word-form.hidden{display:none}#word-form label{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--text-muted)}#word-form input,#word-form textarea{color:var(--text-primary)}#word-form input[readonly]{opacity:.6}#word-text{font-size:18px;font-family:var(--font-biblical)}.word-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}#play-word-btn{background:var(--success);border-color:var(--success)}#play-word-btn:hover{filter:brightness(1.1)}#delete-word-btn{background:var(--danger);border-color:var(--danger)}#delete-word-btn:hover{filter:brightness(1.1)}#lookup-btn{margin-top:var(--spacing-xs);align-self:flex-start}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal-overlay.hidden{display:none}.modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);min-width:360px;max-width:440px;box-shadow:var(--shadow-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal h3{margin-bottom:var(--spacing-sm)}.modal p{color:var(--text-muted);margin-bottom:var(--spacing-md);font-size:13px}#auth-form{display:flex;flex-direction:column;gap:12px}#auth-key-input{width:100%;padding:10px 12px;font-size:14px}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}#auth-submit-btn{background:var(--accent);border-color:var(--accent);color:var(--bg-base)}#auth-submit-btn:hover{background:var(--accent-hover)}.auth-error{color:var(--danger);font-size:13px;margin:0}.auth-error.hidden{display:none}#toast{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translateX(-50%);background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 20px;border-radius:var(--radius-md);font-size:13px;z-index:var(--z-toast);opacity:0;transition:opacity var(--transition-normal);pointer-events:none;box-shadow:var(--shadow-md)}#toast.visible{opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}#demo-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:var(--spacing-sm) var(--spacing-md);background:#e08a00;color:#1a1a1a;font-weight:500;font-size:13px}#demo-banner.hidden{display:none}#demo-banner-login{background:rgba(0,0,0,.2);color:#1a1a1a;border:1px solid rgba(0,0,0,.3);padding:3px 10px;font-size:12px;font-weight:600}#demo-banner-login:hover{background:rgba(0,0,0,.35)}#auth-btn{font-size:16px;min-width:36px}#auth-btn.authenticated{background:var(--success);border-color:var(--success)}@media (max-width:1023px){#editor-container{grid-template-columns:1fr}#verse-list{position:fixed;left:0;top:var(--topbar-h);bottom:0;width:var(--sidebar-w);transform:translateX(-100%);z-index:var(--z-sidebar);background:var(--bg-base);transition:transform var(--transition-normal)}#verse-list.open{transform:translateX(0)}#sidebar-overlay{display:none;position:fixed;inset:0;background:var(--bg-overlay);z-index:var(--z-overlay)}#sidebar-overlay.visible{display:block}#hamburger-btn{display:flex}}@media (min-width:1024px){#hamburger-btn{display:none}#sidebar-overlay{display:none!important}}@media (max-width:767px){#playback-controls{flex-wrap:wrap;justify-content:center}#toolbar{gap:var(--spacing-sm);padding:0 var(--spacing-sm)}#next-btn,#prev-btn{font-size:0}}@media (max-width:600px){#waveform{min-height:96px}#volume{display:none}#d-form,#word-form{max-width:100%}#nav-group{display:none}#status{font-size:12px;min-width:0}}@media (max-width:400px){#toolbar-logo .brand-dot,#toolbar-logo .brand-latin{display:none}#playback-rate{display:none}}