.native-select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.custom-select{position:relative;width:100%;font-size:1rem}.select-button{width:100%;min-height:48px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #80a69a;border-radius:14px;background:#174f43;color:#fff;font:700 1rem/1.25 system-ui,sans-serif;text-align:left;cursor:pointer}.select-button b{font-size:1.2rem;color:#f0c968}.select-button:hover{background:#1d5d4f}.select-button:focus-visible,.select-option:focus-visible,.recitation-player button:focus-visible,.recitation-player a:focus-visible,.recitation-player input:focus-visible{outline:3px solid #ffe08a;outline-offset:3px}
.select-options{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 7px);max-height:min(340px,50vh);overflow:auto;padding:7px;border:1px solid #9bc0b5;border-radius:16px;background:#103c32;box-shadow:0 18px 45px #001b15b8;scrollbar-color:#e2b54e #164d41}.select-options[hidden]{display:none}.select-option{display:block;width:100%;min-height:46px;padding:11px 13px;border:0;border-radius:10px;background:transparent;color:#fff;font:650 1rem/1.3 system-ui,sans-serif;text-align:left;cursor:pointer}.select-option:hover,.select-option:focus{background:#246a59}.select-option[data-active=true]{background:#f0c35a;color:#102e27;font-weight:850}.select-option[data-active=true]::after{content:'✓';float:right}
.ayah{position:relative;scroll-margin:120px;transition:background .25s,border-color .25s,box-shadow .25s}.ayah.is-reciting{margin-inline:-16px;padding-inline:22px;border-radius:18px;background:#f1e7c9;color:#102e27;border-color:#c7942f;box-shadow:inset 5px 0 #bf8621,0 10px 28px #75551a1f}.ayah.is-reciting::before{content:'NOW RECITING';display:inline-block;margin-top:12px;padding:5px 8px;border-radius:99px;background:#0e594a;color:#fff;font:800 .65rem/1 system-ui,sans-serif;letter-spacing:.1em}.ayah.is-reciting p:last-child{color:#273f38}
:root[data-theme=dark] .ayah.is-reciting{background:#f4e8c5;color:#10251f}:root[data-theme=dark] .ayah.is-reciting p:last-child{color:#284039}
@media(prefers-contrast:more){.select-button,.select-options{border-width:2px;border-color:#fff}.select-option[data-active=true]{background:#ffe08a;color:#001d17}.recitation-player{border:2px solid #ffe08a}.ayah.is-reciting{outline:3px solid #b87b00;box-shadow:none}}
@media(max-width:600px){.select-options{position:fixed;left:10px;right:10px;top:auto;bottom:12px;max-height:64vh;padding:10px;border-radius:22px}.select-option{min-height:52px;font-size:1.05rem}.ayah.is-reciting{margin-inline:-8px;padding-inline:14px}}