.verse-card.active{background:#f3f4f6;border-right:4px solid #3b82f6}.dark{background:#1f2937;color:#fff}.dark .verse-card{background:#374151}.dark .persian{color:#9ca3af}body{font-family:Vazirmatn,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dark .title_h1{color:#fff}.dark .plyer{background-color:#1f2937;border-top:1px solid #fff}input[type=range]{-webkit-appearance:none;height:8px;background:#e5e7eb;border-radius:4px;background-image:linear-gradient(#3b82f6,#3b82f6);background-repeat:no-repeat}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 0 2px #555;transition:background .3s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{background:#2563eb}.dark input[type=range]{background:#374151}.verse-card{transition:all .3s ease}.verse-card.active{background:#f3f4f6;border-right:4px solid #3b82f6;transform:scale(1.02)}.dark .verse-card.active{background:#374151;border-right:4px solid #60a5fa}html{scroll-behavior:smooth}.verse-container{scroll-behavior:smooth;overflow-y:auto;scroll-padding:2rem}*{scrollbar-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:#475569}.verse-card{transition:all .5s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.verse-container{-webkit-overflow-scrolling:touch;scroll-snap-type:y proximity}.verse-card{scroll-snap-align:center;scroll-margin:1rem}}