.luister-page{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding-bottom:var(--space-6,3rem)}.luister-intro{margin:0 0 var(--space-2);color:var(--color-ivory-dim);line-height:1.6;font-size:.92rem}.luister-own,.luister-surahs{display:grid;grid-gap:var(--space-2,.75rem);gap:var(--space-2,.75rem)}.luister-section-title{margin:0 0 .3em;font-family:var(--font-display,inherit);font-size:1.15rem}.luister-reciter-bar{position:relative;display:grid;grid-gap:.5rem;gap:.5rem}.luister-reciter-chip{display:inline-flex;align-items:baseline;gap:.5rem;align-self:start;min-height:44px;padding:.55em 1em;border-radius:999px;background:var(--color-night-raised);border:1px solid var(--color-night-border);color:inherit;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.luister-reciter-chip:focus-visible,.luister-reciter-chip:hover{border-color:var(--color-gold-deep)}.luister-reciter-chip:active{transform:scale(.98)}.luister-reciter-chip-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ivory-faint)}.luister-reciter-chip-name{font-weight:700}.luister-reciter-chip-action{font-size:.8rem;color:var(--color-gold)}.luister-reciter-options{list-style:none;margin:0;padding:var(--space-2);display:grid;grid-gap:.4rem;gap:.4rem;border-radius:var(--radius-lg);background:var(--color-night-raised);border:1px solid var(--color-night-border);box-shadow:var(--shadow-raised)}.luister-reciter-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:44px;padding:.55em .9em;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.luister-reciter-option:focus-visible,.luister-reciter-option:hover{border-color:var(--color-gold-deep)}.luister-reciter-option-active{border-color:var(--color-gold);box-shadow:0 0 0 1px var(--color-gold) inset}.luister-reciter-option-name{font-weight:700}.luister-reciter-option-count{font-size:.76rem;color:var(--color-ivory-faint)}.luister-search-input{width:100%;min-height:48px;padding:.7em 1em;border-radius:var(--radius-md);border:1px solid var(--color-night-border);background:var(--color-night-raised);color:var(--color-ivory);font-size:1rem}.luister-search-input::placeholder{color:var(--color-ivory-faint)}.luister-search-input:focus-visible{outline:none;border-color:var(--color-gold-deep);box-shadow:0 0 0 1px var(--color-gold-deep) inset}.luister-surah-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.luister-surah-row{width:100%;display:grid;grid-template-columns:2.4rem 1fr auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);min-height:60px;padding:.7em .9em;border-radius:var(--radius-md);background:var(--color-night-raised);border:1px solid var(--color-night-border);color:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.luister-surah-row:focus-visible:not(:disabled),.luister-surah-row:hover:not(:disabled){border-color:var(--color-gold-deep);transform:translateY(-1px)}.luister-surah-row:active:not(:disabled){transform:scale(.99)}.luister-surah-row:disabled{opacity:.5;cursor:default}.luister-surah-row-active{border-color:var(--color-gold);box-shadow:0 0 0 1px var(--color-gold) inset}.luister-surah-num{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;background:color-mix(in oklch,var(--color-gold) 12%,transparent);color:var(--color-gold-deep);font-size:.9rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.luister-surah-body{display:grid;grid-gap:.1rem;gap:.1rem;min-width:0}.luister-surah-name{font-family:var(--font-display,inherit);font-size:1.05rem;font-weight:700}.luister-surah-meaning{font-size:.82rem;color:var(--color-ivory-faint)}.luister-surah-side{display:inline-flex;align-items:center;justify-content:flex-end}.luister-surah-play{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid var(--color-gold-deep);color:var(--color-gold);font-size:.9rem}.luister-surah-row-active .luister-surah-play{width:auto;padding:0 .7em;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.luister-surah-soon{font-size:.74rem;color:var(--color-ivory-faint);font-style:italic}.luister-player-dock{position:-webkit-sticky;position:sticky;bottom:var(--space-2,.75rem);z-index:5;margin-top:var(--space-2)}.luister-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.7rem;gap:.7rem}.luister-item{width:100%;display:grid;grid-gap:.25rem;gap:.25rem;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-night-raised);border:1px solid var(--color-night-border);color:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.luister-item:focus-visible,.luister-item:hover{border-color:var(--color-gold-deep);transform:translateY(-1px)}.luister-item:active{transform:scale(.99)}.luister-item-active{border-color:var(--color-gold);box-shadow:0 0 0 1px var(--color-gold) inset}.luister-item-title{font-weight:700}.luister-item-meta{font-size:.82rem;color:var(--color-ivory-faint)}@media (prefers-reduced-motion:reduce){.luister-item,.luister-reciter-chip,.luister-reciter-option,.luister-surah-row{transition:none}.luister-item:active,.luister-item:focus-visible,.luister-item:hover,.luister-reciter-chip:active,.luister-surah-row:active:not(:disabled),.luister-surah-row:focus-visible:not(:disabled),.luister-surah-row:hover:not(:disabled){transform:none}}