:root{--paper:#eef2f0;--ink:#12302e;--muted:#5d7472;--line:#cdd9d6;--emerald:#0b6b57;--emerald-soft:#d9ebe6;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#0f1d1c;--ink:#e4efec;--muted:#8fa9a5;--line:#25403d;--emerald:#4fc3a6;--emerald-soft:#173431;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,Segoe UI,Roboto,Noto Naskh Arabic,sans-serif;line-height:1.5}.page{max-width:44rem;margin:0 auto;padding:3rem 1.25rem 9rem}.masthead h1{font-family:Amiri,Noto Naskh Arabic,Georgia,serif;font-size:clamp(2rem,6vw,2.75rem);font-weight:700;margin:0;letter-spacing:-.01em}.masthead p{margin:.25rem 0 2rem;color:var(--muted)}.search{width:100%;padding:.7rem .9rem;font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:8px}.search:focus-visible,audio:focus-visible,button:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.list{list-style:none;margin:1.25rem 0 0;padding:0}.row{display:flex;align-items:center;gap:1rem;padding:.85rem .5rem;border-bottom:1px solid var(--line)}.row.active{background:var(--emerald-soft);border-radius:8px;border-color:transparent}.playbtn{flex:none;width:2.5rem;height:2.5rem;border-radius:50%;border:1.5px solid var(--emerald);background:transparent;color:var(--emerald);cursor:pointer;font-size:.8rem}.row.active .playbtn{background:var(--emerald);color:var(--paper)}.meta{display:flex;flex-direction:column;min-width:0;flex:1 1}.title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reciter{font-size:.9rem}.reciter,.size{color:var(--muted)}.size{font-size:.85rem}.empty,.nomatch{color:var(--muted);padding:1rem 0}.empty code{background:var(--emerald-soft);padding:.1rem .35rem;border-radius:4px}.player{position:fixed;left:0;right:0;bottom:0;display:none;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--paper);border-top:1px solid var(--line)}.player.show{display:flex}.player .now{display:flex;flex-direction:column;min-width:0;width:28%}.player button{background:none;border:none;color:var(--ink);font-size:1.1rem;cursor:pointer;padding:.25rem .4rem}.player audio{flex:1 1;min-width:0;height:2.25rem}@media (max-width:600px){.player{flex-wrap:wrap}.player .now{width:100%}.player audio{order:3;flex-basis:100%}}