@font-face{font-family:UthmanicHafs;src:url('uthmanic_hafs_v20.ttf') format('truetype');font-display:swap}
:root{--bg:#f5f1e8;--card:#fffaf0;--text:#1f1b16;--blue:#083b66;--gold:#8a6d1f;--line:#dac89a;--soft:#f4ead4;--ayahSize:50px}
[data-theme="dark"]{--bg:#101418;--card:#171d22;--text:#efe6d1;--blue:#0c5288;--gold:#d7b75b;--line:#4f4325;--soft:#232b30}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:UthmanicHafs,serif;overflow-x:hidden}a{color:inherit}
header{background:var(--blue);color:white;text-align:center;padding:20px 10px}header h1{margin:0;font-size:44px}.subtitle{font-family:Arial,sans-serif;font-size:15px;margin-top:8px;opacity:.92}
.container,#quran{width:96%;max-width:1400px;margin:18px auto;padding-left:2%;padding-right:2%}.card,.surah{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;margin:18px auto}.surah-title{text-align:center;color:var(--blue);font-size:52px;margin:10px 0 20px;border-bottom:2px solid var(--line);padding-bottom:14px}.basmalah{text-align:center;font-size:48px;line-height:2;color:var(--gold);margin:10px 0 20px}.ayah{font-size:var(--ayahSize);line-height:1.95;text-align:justify;text-align-last:right;direction:rtl;word-spacing:.03em;word-break:normal;overflow-wrap:normal}.ayah-segment{scroll-margin-top:90px}.ayah-number{color:var(--gold);font-size:.78em;font-weight:600;vertical-align:middle;margin-right:.18em;margin-left:.30em;white-space:nowrap}.ayah-gap{display:inline-block;width:.55em}.highlight{background:rgba(214,180,80,.23);border-radius:10px;transition:background 1.5s ease}.toolbar,.nav-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:14px auto}.btn,button{font-family:Arial,sans-serif;border:1px solid var(--line);background:var(--soft);color:var(--blue);border-radius:10px;padding:9px 12px;font-size:16px;text-decoration:none;cursor:pointer}.btn:hover,button:hover{filter:brightness(.97)}.index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}.index-grid a{text-decoration:none;color:var(--blue);background:var(--soft);padding:13px 8px;border-radius:10px;text-align:center;font-size:25px}.search{width:100%;max-width:680px;display:block;margin:12px auto;padding:12px;border-radius:10px;border:1px solid var(--line);font-size:18px;direction:rtl}.small{font-family:Arial,sans-serif;font-size:14px;opacity:.85}.continue-box{display:none;text-align:center}.bookmarks-list{font-family:Arial,sans-serif;direction:rtl}.progress{position:fixed;top:0;right:0;height:4px;background:var(--gold);width:0;z-index:50}.back-top{display:block;text-align:center;margin-top:25px;font-size:26px;color:var(--blue);text-decoration:none}.reading-meta{text-align:center;color:var(--gold);font-family:Arial,sans-serif;margin:8px 0 12px}.audio{font-size:13px;padding:4px 7px;border-radius:8px;margin-inline-start:4px}
@media(max-width:768px){header h1{font-size:38px}.container,#quran{width:98%;margin:10px auto;padding-left:1%;padding-right:1%}.card,.surah{padding:14px;border-radius:12px}.surah-title{font-size:38px}.basmalah{font-size:36px}.ayah{font-size:var(--ayahSize,36px);line-height:2.05;text-align:justify;text-align-last:right;word-spacing:-.05em;letter-spacing:0;text-justify:inter-word;hyphens:none}.ayah-number{font-size:.76em;margin-right:.12em;margin-left:.22em}.index-grid{grid-template-columns:repeat(2,1fr)}.index-grid a{font-size:24px;padding:14px 5px}.btn,button{font-size:14px;padding:8px 10px}}
@media(max-width:420px){.ayah{line-height:2.05}.surah-title{font-size:36px}.basmalah{font-size:34px}.ayah-gap{width:.45em}}
@media print{.toolbar,.nav-row,.back-top,.progress{display:none}.surah{border:none}.ayah{font-size:28px}}