:root{color-scheme:light;--bg:#ffffff;--text:#171717;--muted:#707070;--line:#e8e8e8;--soft:#f7f7f7}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button{border:0;padding:0;background:none}.app-shell{min-height:100vh;background:#fff}.site-header{height:64px;max-width:980px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.about-link{font-size:.9rem;color:var(--muted)}.chapter-bar{width:min(680px,calc(100% - 32px));margin:18px auto 0;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;grid-gap:8px;gap:8px;align-items:center}.chapter-bar button,.chapter-bar select{height:42px;border:1px solid var(--line);border-radius:10px;background:#fff}.chapter-bar button{display:grid;place-items:center;cursor:pointer}.chapter-bar button:disabled{opacity:.3;cursor:default}.chapter-bar select{width:100%;padding:0 12px;color:var(--text)}.reader{width:min(680px,calc(100% - 32px));margin:42px auto 72px}.surah-heading{text-align:center;margin-bottom:34px}.surah-heading p{margin:0 0 8px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.surah-heading h1{margin:0;font-size:clamp(2rem,6vw,2.8rem);line-height:1.1;letter-spacing:-.04em}.surah-heading span{display:block;margin-top:10px;color:var(--muted);font-size:.85rem}.verse-list{border-top:1px solid var(--line)}.verse{display:grid;grid-template-columns:32px minmax(0,1fr);grid-gap:14px;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}.verse-number{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--muted);font-size:.72rem;font-weight:700}.verse p{margin:0;font-size:1.06rem;line-height:1.85;overflow-wrap:break-word}.static-page{width:min(680px,calc(100% - 32px));margin:56px auto}.static-page h1{margin:0 0 16px;font-size:2rem}.static-page p{margin:0;line-height:1.8;color:#454545}@media (max-width:600px){.site-header{height:56px;padding:0 16px}.chapter-bar{width:calc(100% - 20px);margin-top:10px;grid-template-columns:40px minmax(0,1fr) 40px}.chapter-bar button,.chapter-bar select{height:40px}.reader{width:calc(100% - 28px);margin-top:30px;margin-bottom:48px}.surah-heading{margin-bottom:24px}.verse{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:18px 0}.verse-number{width:26px;height:26px}.verse p{font-size:1rem;line-height:1.75}}