.rq-layout{display:grid;grid-template-columns:1fr;gap:2rem}
@media(min-width:1024px){.rq-layout{grid-template-columns:1fr 3fr}}
.rq-list{max-height:600px;overflow-y:auto}
.rq-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;transition:all .3s;border:1px solid transparent;text-align:left;background:none;color:#fff}
.rq-item.active{background:rgba(201,166,70,.2);border-color:rgba(201,166,70,.3)}
.rq-item:not(.active):hover{background:rgba(255,255,255,.05)}
.rq-item .surah-info .en{color:#fff}
.rq-item .surah-info .ar{color:var(--gold)}
.rq-item .surah-verses{color:rgba(255,255,255,.4)}
.rq-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.rq-nav-btn{width:2.5rem;height:2.5rem;border-radius:.5rem;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);border:none;transition:all .3s}
.rq-nav-btn:hover:not(:disabled){color:var(--gold)}
.rq-nav-btn:disabled{opacity:.3}
.rq-nav-btn svg{width:1.25rem;height:1.25rem}
.rq-tools{display:flex;align-items:center;gap:.75rem}
.rq-tools svg{width:1rem;height:1rem;color:rgba(255,255,255,.6)}
.rq-tools input[type="range"]{width:5rem;height:.25rem}
.rq-trans-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;border:none;transition:all .3s}
.rq-trans-btn.on{background:var(--gold);color:var(--green)}
.rq-trans-btn.off{background:rgba(255,255,255,.05);color:rgba(255,255,255,.6)}
.rq-bismillah{text-align:center;padding:1.5rem}
.rq-bismillah .ar{font-family:'Amiri',serif;color:var(--gold)}
.rq-bismillah .en{color:rgba(255,255,255,.6);font-size:.875rem;margin-top:.5rem}
.verse-card{padding:1.25rem}
.verse-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}
.verse-row{display:flex;align-items:flex-start;gap:1rem}
.verse-num{width:2.5rem;height:2.5rem;border-radius:.5rem;background:rgba(201,166,70,.1);display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:700;font-size:.875rem;flex-shrink:0}
.verse-text{flex:1}
.verse-text .ar{font-family:'Amiri',serif;color:#fff;text-align:right;direction:rtl;line-height:2}
.verse-text .en{color:rgba(255,255,255,.6);font-size:.875rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);line-height:1.6}
.rq-bottom-nav{display:flex;align-items:center;justify-content:space-between;margin-top:2rem}
.rq-bottom-nav button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.05);border-radius:.5rem;color:rgba(255,255,255,.6);border:none;transition:all .3s}
.rq-bottom-nav button:hover:not(:disabled){color:var(--gold)}
.rq-bottom-nav button:disabled{opacity:.3}
.rq-bottom-nav button svg{width:1.25rem;height:1.25rem}
.rq-loading{text-align:center;padding:3rem}
.rq-spinner{width:2rem;height:2rem;border:2px solid var(--gold);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}