@import "https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Suez+One&display=swap";@font-face{font-family:Magalith Tanach Pro;src:local(Magalith Tanach Pro),local(MagalithTanachPro),url(../../src/fonts/MagalithTanachPro.woff2)format("woff2"),url(../../src/fonts/MagalithTanachPro.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SBL Hebrew;src:local(SBL Hebrew),local(SBLHebrew),url(../../src/fonts/SBLHebrew.woff2)format("woff2"),url(../../src/fonts/SBLHebrew.woff)format("woff");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:Ezra SIL;src:local(Ezra SIL),local(SILEOT),url(../../src/fonts/SILEOT.woff)format("woff");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:Taamey Frank CLM;src:local(Taamey Frank CLM),local(Taamey Frank CLM Medium),url(../../src/fonts/TaameyFrankCLM-Medium.woff2)format("woff2"),url(../../src/fonts/TaameyFrankCLM-Medium.ttf)format("truetype");font-weight:400;font-style:normal;font-display:fallback}:root{--font-hebrew:"Magalith Tanach Pro", "SBL Hebrew", "Ezra SIL", "Taamey Frank CLM", "David", serif;--font-hebrew-title:"Frank Ruhl Libre", var(--font-hebrew);--font-hebrew-logo:"Suez One", var(--font-hebrew-title);--font-hebrew-scale:1.1;--font-hebrew-leading:1.4}html[data-hebrew-font=sbl]{--font-hebrew:"SBL Hebrew", "Magalith Tanach Pro", "Ezra SIL", "David", serif;--font-hebrew-scale:1;--font-hebrew-leading:2}html[data-hebrew-font=ezra]{--font-hebrew:"Ezra SIL", "SBL Hebrew", "Magalith Tanach Pro", "David", serif;--font-hebrew-scale:1;--font-hebrew-leading:1.8}html[data-hebrew-font=taamey]{--font-hebrew:"Taamey Frank CLM", "SBL Hebrew", "Magalith Tanach Pro", "David", serif;--font-hebrew-scale:1;--font-hebrew-leading:1.8}body{font-family:var(--font-family-hebrew);max-width:900px;padding:var(--spacing-lg);background-color:var(--base-bg);color:var(--base-text);transition:background-color var(--transition-slow), color var(--transition-slow);direction:rtl;height:100%;margin:0 auto}#box{background:var(--base-bg);color:var(--base-text);width:100%;min-height:100vh;padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);direction:rtl;flex-direction:column;margin:auto;display:flex}#search-form{padding:var(--spacing-lg);background:var(--secondary-bg);text-align:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:row-reverse;display:flex}.search-container{justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.search-type{color:var(--base-text);margin-bottom:var(--spacing-md)}.form-control{max-width:300px;display:inline-block}#verse-key{text-align:right;direction:rtl;flex-grow:1}#search-button{width:auto;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--success-color);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);border:none;margin-top:0}#search-button:hover{filter:brightness(.9)}#search-button:disabled{background-color:var(--muted-color);cursor:not-allowed;opacity:.6}#title{font-family:var(--font-family-hebrew);color:var(--base-text);text-align:center;font-size:var(--font-size-5xl);flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}#title h5{text-align:center;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.hebrew-text{font-family:var(--font-family-hebrew);direction:rtl}.hebrew-text span[style*=color]{font-size:.8em;position:relative;top:-.1em}#verse-content{font-family:var(--font-family-hebrew);font-size:var(--font-size-3xl);line-height:var(--line-height-relaxed);text-align:right;border:1px solid var(--border-color);min-height:50px;padding:var(--spacing-lg);background-color:var(--secondary-bg);border-radius:var(--border-radius-md);direction:rtl}.loading{color:var(--base-text);text-align:center;padding:var(--spacing-lg);font-style:italic}.music-container{margin:var(--spacing-lg) auto;width:100%;max-width:800px;padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);background-color:var(--secondary-bg);color:var(--base-text);border-top:1px dashed var(--border-color);padding-top:var(--spacing-lg);text-align:left;direction:ltr}#music-display{-webkit-overflow-scrolling:touch;justify-content:center;display:flex;overflow:auto hidden;width:100%!important}#music-display svg{background-color:var(--base-bg);max-width:100%;color:var(--base-text)!important;width:100%!important;height:auto!important}#music-display svg *{fill:var(--base-text)!important;stroke:var(--base-text)!important}#music-error{margin-top:var(--spacing-md);font-size:var(--font-size-sm)}svg line{shape-rendering:crispedges}.abcjs-staff,.abcjs-note,.abcjs-staff-extra,.abcjs-clef,.abcjs-time-signature,.abcjs-ledger{fill:var(--base-text)!important;stroke:var(--base-text)!important}.abcjs-note.abcjs-active{stroke:#dc3545;transition:fill .1s;fill:red!important}rect.abcjs-highlight{fill:#dc35451a}.music-controls{background-color:var(--base-bg);color:var(--base-text);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:background-color var(--transition-slow), color var(--transition-slow)}.music-controls label{font-weight:var(--font-weight-normal)}.form-range::-webkit-slider-thumb{background:var(--base-text)}.form-range::-moz-range-thumb{background:var(--base-text)}.form-select{background-color:var(--base-bg);color:var(--base-text);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);padding:var(--spacing-md)}.form-select:focus{border-color:var(--success-color);box-shadow:0 0 0 .25rem #19875440}input[type=text]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);box-sizing:border-box;direction:rtl}input[type=text]:focus{border-color:var(--success-color);outline:none}.tabs-container{margin:var(--spacing-lg) auto;width:100%;max-width:800px;padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);font-family:monospace;font-size:var(--font-size-sm);line-height:var(--line-height-normal);background-color:var(--secondary-bg);color:var(--base-text);transition:background-color var(--transition-slow), color var(--transition-slow)}.tab-staff{padding:var(--spacing-md);white-space:pre;margin:0;overflow-x:auto}.tab-line{letter-spacing:2px;margin:0;padding:0}.container-fluid{background:var(--base-bg);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}h1,h2{color:var(--base-text);text-align:center;margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}label{margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-bold);color:var(--base-text);display:block}button{background-color:var(--success-color);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);width:100%;margin-top:var(--spacing-md);border:none}button:hover{filter:brightness(.9)}button:disabled{background-color:var(--muted-color);cursor:not-allowed;opacity:.6}#translation-output{margin-top:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--secondary-bg);text-align:left;direction:ltr;min-height:100px}.en-text-area{margin-bottom:var(--spacing-lg);color:var(--base-text)}.en-text-area a{color:var(--success-color);text-decoration:none}.en-text-area a:hover{text-decoration:underline}.he-text-area{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);padding:var(--spacing-lg);background-color:var(--base-bg);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.examples{background-color:var(--tertiary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);text-align:left;direction:ltr}.examples h3{color:var(--success-color);margin-top:0}.examples p{margin:var(--spacing-sm) 0;color:var(--base-text);font-family:monospace}.debug-info{background-color:var(--secondary-bg);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);font-family:monospace;font-size:var(--font-size-xs);color:var(--muted-color);text-align:left;direction:ltr}.error{color:var(--danger-color);background-color:var(--secondary-bg);padding:var(--spacing-md);border-radius:var(--border-radius-md);border-left:4px solid var(--danger-color);text-align:center}.zoom-controls .btn{margin:2px;padding:10px 15px;font-size:1.2rem}#copy-abc-button{width:120px;max-width:120px;height:30px;font-size:var(--font-size-sm);padding:0 var(--spacing-md);margin:var(--spacing-md);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}