@font-face{font-family:Taamey Frank CLM;src:url(/fonts/TaameyFrankCLM-Medium.woff2)format("woff2"),url(/fonts/TaameyFrankCLM-Medium.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg:#fff;--color-surface:#fafaf9;--color-surface-alt:#f5f5f4;--color-text:#1c1917;--color-text-secondary:#57534e;--color-text-muted:#a8a29e;--color-border:#e7e5e4;--color-border-light:#f1f5f9;--color-grid-line:#f1f5f9;--color-divider:#cbd5e1;--color-edge:#94a3b8;--color-split-ring:#64748b;--color-collapsed-bg:#fef3c7;--color-accent:#1e3a8a;--color-accent-hover:#1e40af;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-sans:"Segoe UI", "Arial", sans-serif;--font-hebrew:"Taamey Frank CLM", "SBL Hebrew", "David", "Times New Roman", serif;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);min-height:100vh;line-height:1.6}.app{max-width:90rem;padding:var(--space-lg);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.app-header{margin-bottom:var(--space-lg);position:relative}.display-settings{direction:rtl;position:absolute;top:0;left:0}.display-settings-toggle{padding:var(--space-xs) var(--space-sm);background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);font-size:.85rem;transition:all .15s}.display-settings-toggle:hover{border-color:var(--color-text-muted);color:var(--color-text)}.display-settings-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-md);padding:var(--space-sm);z-index:50;gap:var(--space-xs);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0}.display-settings-title{color:var(--color-text-muted);padding:0 var(--space-xs) var(--space-xs);font-size:.75rem;font-weight:600}.display-option{text-align:right;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;gap:2px;display:flex}.display-option:hover{background:var(--color-bg-alt,#00000008)}.display-option.active{border-color:var(--color-accent,#7c3aed);background:var(--color-bg-alt,#7c3aed0f)}.display-option-label{color:var(--color-text);font-size:.85rem;font-weight:600}.display-option-hint{color:var(--color-text-secondary);font-size:.72rem}.app-header h1{color:var(--color-text);margin-bottom:var(--space-xs);font-size:1.75rem;font-weight:700}.app-subtitle{color:var(--color-text-secondary);font-size:.875rem}.app-body{gap:var(--space-lg);flex:1;align-items:flex-start;display:flex}.app-main{flex:1;min-width:0}.app-footer{margin-top:var(--space-2xl);padding-top:var(--space-md);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:.75rem}.app-footer a{color:var(--color-accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}.nav-sidebar{gap:var(--space-md);background:var(--color-bg);border-radius:var(--radius-md);width:11rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:var(--space-md);top:var(--space-md);flex-direction:column;flex-shrink:0;display:flex;position:sticky}.nav-row{gap:var(--space-xs);flex-direction:column;display:flex}.nav-row label{color:var(--color-text-muted);letter-spacing:.02em;font-size:.75rem;font-weight:600}.nav-row select{width:100%;padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-sans);color:var(--color-text);cursor:pointer;outline:none;font-size:.9rem;transition:border-color .15s}.nav-row select:focus,.nav-row select:hover{border-color:var(--color-accent)}.nav-control{align-items:center;gap:var(--space-xs);width:100%;display:flex}.nav-control select{flex:1;min-width:0}.nav-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);width:1.9rem;height:1.9rem;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.nav-btn:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-text)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.loading-message,.error-message{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary);font-size:1.125rem}.error-message{color:#ef4444}.verse-selector{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.verse-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-sans);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.verse-btn:hover{background:var(--color-surface-alt)}.verse-btn.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.action-buttons{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.action-btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:.75rem;font-family:var(--font-sans);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.action-btn:hover{background:var(--color-surface-alt)}.svg-container{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:var(--space-md);margin-bottom:var(--space-md);overflow-x:auto}.split-bubble:hover circle:last-child{fill:var(--color-surface-alt);stroke-width:2px}.text-bubble.collapsed:hover rect{filter:brightness(.95)}.legend{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:var(--space-md);margin-bottom:var(--space-md);font-size:.75rem}.legend-levels{gap:var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);display:flex}.legend-dot{border:2px solid;border-radius:50%;width:.75rem;height:.75rem;display:inline-block}.legend-collapsed{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);display:flex}.legend-collapsed-sample{border-radius:var(--radius-sm);border:1px dashed var(--color-accent);background:var(--color-collapsed-bg);width:1.5rem;height:.75rem;display:inline-block}.tuning-toggle{bottom:var(--space-md);left:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-md);z-index:100;transition:all .15s;position:fixed}.tuning-toggle:hover{background:var(--color-surface-alt);border-color:var(--color-accent)}.tuning-panel{bottom:var(--space-md);left:var(--space-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:320px;max-height:80vh;box-shadow:var(--shadow-md);padding:var(--space-md);z-index:100;direction:rtl;background:#fffffff7;font-size:.8rem;position:fixed;overflow-y:auto}.tuning-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.tuning-title{color:var(--color-text);font-weight:600}.tuning-close{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:1.1rem}.tuning-close:hover{background:var(--color-surface-alt);color:var(--color-text)}.tuning-sliders{gap:var(--space-sm);flex-direction:column;display:flex}.tuning-row{flex-direction:column;gap:2px;display:flex}.tuning-label{color:var(--color-text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.tuning-value{color:var(--color-text);text-align:left;min-width:2.5rem;font-weight:600}.tuning-row input[type=range]{appearance:none;background:var(--color-border);cursor:pointer;direction:ltr;border-radius:3px;outline:none;width:100%;height:6px}.tuning-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.tuning-actions{gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border);display:flex}.tuning-copy{background:var(--color-accent)!important;color:#fff!important;border-color:var(--color-accent)!important}.tuning-copy:hover{opacity:.9}@media (width<=640px){.app{padding:var(--space-md)}.app-header h1{font-size:1.25rem}.app-body{flex-direction:column}.nav-sidebar{gap:var(--space-sm);flex-flow:wrap;width:100%;position:static}.nav-row{flex:1;min-width:8rem}.tuning-panel{width:calc(100vw - 2rem)}}