.ayahs-list{flex-direction:column;display:flex}.ayah-row{padding:var(--space-10) 0;border-bottom:1px solid color-mix(in srgb, var(--theme-text) 6%, transparent);gap:var(--space-6);border-left:4px solid #0000;flex-direction:column;margin-left:0;padding-left:0;scroll-margin-top:clamp(6rem,16vh,11rem);display:flex;position:relative}.ayah-row:last-child{border-bottom:none}.ayah-top-row{justify-content:space-between;align-items:flex-start;gap:var(--space-8);display:flex}.ayah-toolbar{align-items:center;gap:var(--space-4);padding-top:var(--space-2);flex-shrink:0;display:flex}.ayah-verse-key{font-family:var(--font-sans);color:color-mix(in srgb, var(--theme-text) 55%, transparent);letter-spacing:.04em;min-width:3ch;font-size:.92rem;font-weight:500}.ayah-actions{align-items:center;gap:var(--space-2);display:flex}.icon-action-btn{color:color-mix(in srgb, var(--theme-text) 52%, transparent);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);min-width:44px;min-height:44px;transition:background-color var(--transition-base), color var(--transition-base), transform var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.icon-action-btn:hover{color:color-mix(in srgb, var(--theme-text) 64%, transparent);background:color-mix(in srgb, var(--theme-text) 6%, transparent)}.icon-action-btn:disabled{cursor:progress;opacity:.72}.icon-action-btn:focus-visible,.text-action-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 72%, white 28%);outline-offset:2px}.icon-action-btn.is-active-bookmark{color:var(--color-gold);background:color-mix(in srgb, var(--color-gold) 9%, transparent)}.text-action-btn{font-family:var(--font-sans);gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:.85rem;font-weight:500}.text-action-btn span{display:inline-block;transform:translateY(1px)}.ayah-play-loader{border:2px solid color-mix(in srgb, var(--theme-text) 24%, transparent);border-top-color:color-mix(in srgb, var(--color-primary) 86%, white 14%);border-radius:999px;width:1rem;height:1rem;animation:.8s linear infinite ayah-play-loader-spin}@keyframes ayah-play-loader-spin{to{transform:rotate(360deg)}}.ayah-arabic-container{text-align:right;flex-grow:1;line-height:2.05;display:block}.ayah-arabic-text{color:var(--theme-text);font-size:clamp(2.2rem,5.5vw,3rem)}.ayah-translation-container{max-width:none;padding-left:calc(3ch + var(--space-4));padding-bottom:var(--space-6);text-align:left;margin-right:auto;position:relative}.ayah-transliteration-container{max-width:none;padding-left:calc(3ch + var(--space-4));text-align:left;margin-right:auto}.ayah-transliteration-text{font-family:var(--font-sans);color:color-mix(in srgb, var(--theme-text) 60%, transparent);margin:0;font-size:.95rem;font-style:italic;line-height:1.62}.ayah-translation-text{font-family:var(--font-sans);color:color-mix(in srgb, var(--theme-text) 84%, transparent);text-align:left;text-wrap:pretty;max-width:68ch;margin:0;font-size:1.06rem;line-height:1.72}.ayah-end-group{white-space:nowrap;vertical-align:middle;align-items:center;display:inline-flex}.ayah-end-marker{width:.9em;height:.9em;color:var(--color-gold);justify-content:center;align-items:center;margin-inline-start:var(--space-2);display:inline-flex;position:relative;transform:translateY(-2px)}.ayah-end-svg{opacity:1;width:100%;height:100%;position:absolute;top:0;left:0}.ayah-end-num{font-family:var(--font-sans);color:color-mix(in srgb, var(--manuscript-gold,var(--color-gold)) 86%, var(--theme-text) 14%);justify-content:center;align-items:center;font-size:.45em;font-weight:800;line-height:1;display:flex;position:relative;transform:translateY(.5px)}.ayah-active{background:color-mix(in srgb, var(--theme-text) 3%, transparent);border-left:4px solid color-mix(in srgb, var(--theme-text) 18%, transparent);border-radius:0;transition:background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),border-radius .4s cubic-bezier(.16,1,.3,1)}.ayah-words{color:var(--theme-text);flex-wrap:wrap;justify-content:flex-start;gap:0;font-size:clamp(1.65rem,4vw,2.28rem);line-height:1.92;display:inline-flex}@media (width<=960px){.ayah-row{padding:var(--space-6) 0;gap:var(--space-3);border-left-width:0;margin-left:0;padding-left:0}.ayah-top-row{gap:var(--space-3);flex-direction:column}.ayah-toolbar{justify-content:stretch;gap:var(--space-2);order:-1;width:100%;padding-top:0;display:grid}.ayah-actions{flex-wrap:wrap;justify-content:flex-start;gap:.35rem;margin-left:0}.ayah-verse-key{min-width:auto;font-size:.82rem}.icon-action-btn{min-width:46px;min-height:46px}.text-action-btn{padding-inline:var(--space-2)}.text-action-btn span{display:none}.ayah-arabic-container{width:100%;line-height:1.96}.ayah-translation-container{max-width:100%;padding-left:0;padding-bottom:var(--space-4)}.ayah-translation-container:after{left:0}.ayah-transliteration-container{max-width:100%;padding-left:0}}@media (width<=480px){.ayah-toolbar,.ayah-actions{gap:var(--space-3)}.icon-action-btn{min-width:48px;min-height:48px;padding:calc(var(--space-2) + 1px)}.text-action-btn{min-height:44px}}