#verse-container{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);transition:background-color var(--transition-slow);position:relative}#citation-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--muted-color);margin-bottom:var(--spacing-sm);text-align:left;direction:ltr}#verse-text{font-family:var(--font-family-hebrew);font-size:var(--font-size-4xl);text-align:right;z-index:1;-webkit-user-select:none;user-select:none;direction:rtl;line-height:2.6;position:relative}.verse-word-group{white-space:nowrap;display:inline-block}.verse-syllable{border-radius:var(--border-radius-sm);padding:0 2px;transition:background-color 80ms,color 80ms;display:inline-block}.verse-syllable.active{color:#c0392b;background-color:#e74c3c26}#text-ball{pointer-events:none;z-index:2;background:radial-gradient(circle at 38% 32%,#ff6b6b,#c0392b);border-radius:50%;width:22px;height:22px;transition:left .12s linear;display:none;position:absolute;box-shadow:0 4px 8px #00000040,inset 0 -2px 4px #0003}@keyframes text-bounce{0%{transform:translate(-50%)scaleX(1)scaleY(1)}55%{transform:translate(-50%)scaleX(1.25)scaleY(.75)}75%{transform:translate(-50%,-8px)scaleX(.9)scaleY(1.1)}to{transform:translate(-50%)scaleX(1)scaleY(1)}}#text-ball.bouncing{animation:.28s ease-out forwards text-bounce}#notation-panel{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);transition:background-color var(--transition-slow)}#music-display{width:100%}.notation-ball{fill:#e74c3c;stroke:#0003;stroke-width:1px;filter:drop-shadow(0 3px 5px #0000004d)}.notation-ball.dropping{transition:cx .12s linear,cy 70ms ease-in}.notation-ball.springing{transition:cx .12s linear,cy .16s cubic-bezier(.33,1.4,.68,1)}