@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe5;--surface:#fffaf1f0;--surface-strong:#fff;--border:#215a4729;--text:#17251f;--muted:#65756d;--accent:#15735a;--accent-dark:#0d4f3d;--accent-soft:#e1f2ea;--gold:#c99a45;--danger:#9f1239;--shadow:0 18px 50px #23372c1f}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%, #c99a452e, transparent 28%), radial-gradient(circle at 85% 18%, #15735a33, transparent 32%), linear-gradient(135deg, #15735a0f 25%, transparent 25%) 0 0 / 34px 34px, linear-gradient(225deg, #c99a4512 25%, transparent 25%) 0 0 / 34px 34px, var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Cairo,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.appShell{background:linear-gradient(30deg,#0000 47%,#15735a0d 48% 52%,#0000 53%) 0 0/72px 72px,linear-gradient(150deg,#0000 47%,#c99a450f 48% 52%,#0000 53%) 0 0/72px 72px;min-height:100vh;padding:24px}.reader{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;max-width:1360px;margin:0 auto;display:grid}.content,.surahPanel,.playerCard,.ayahCard{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.content{border-radius:28px;min-height:calc(100vh - 48px);padding:28px}.hero{margin-bottom:20px}.eyebrow{color:var(--accent);letter-spacing:.04em;margin:0 0 8px;font-size:13px;font-weight:900}h1,h2,p{margin-top:0}h1{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(36px,5vw,66px);line-height:1.15}.subtitle{color:var(--muted);margin-bottom:0;font-size:17px}.playerCard{z-index:2;border-top:4px solid var(--gold);border-radius:22px;margin-bottom:22px;padding:18px;position:sticky;top:16px}.playerTop{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.label,.reciterSelect span{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:800;display:block}.playerTop strong{font-size:20px;line-height:1.5;display:block}.reciterSelect{min-width:220px}.reciterSelect select,.panelHeader input{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);text-align:right;border-radius:14px;outline:none;padding:11px 12px}.reciterSelect select:focus,.panelHeader input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.audio{width:100%;margin-bottom:14px;display:block}.primaryButton,.textButton{border:0;border-radius:999px;font-weight:900}.primaryButton{background:var(--accent);color:#fff;width:100%;padding:14px 18px;font-size:17px}.primaryButton:hover{background:var(--accent-dark)}.primaryButton:disabled{cursor:not-allowed;opacity:.55}.notice{background:var(--accent-soft);color:var(--accent-dark);border-radius:16px;margin-bottom:16px;padding:14px 16px}.notice.error{color:var(--danger);background:#ffe4e6}.ayahList{gap:14px;display:grid}.ayahCard{border-radius:20px;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:18px;display:grid}.ayahNumber{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-dark);border:1px solid #15735a29;border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:flex}.arabic{margin-bottom:14px;font-family:Cairo,Amiri,Scheherazade New,Noto Naskh Arabic,serif;font-size:clamp(27px,4vw,38px);font-weight:600;line-height:1.95}.textButton{background:var(--accent-soft);color:var(--accent-dark);padding:10px 16px}.textButton:hover{background:#d4ebdf}.surahPanel{border-top:4px solid var(--accent);border-radius:28px;flex-direction:column;max-height:calc(100vh - 48px);display:flex;position:sticky;top:24px;overflow:hidden}.panelHeader{border-bottom:1px solid var(--border);background:var(--surface);padding:20px}.panelHeader h2{margin-bottom:12px;font-size:26px}.surahList{scrollbar-color:var(--accent) transparent;padding:10px;overflow:auto}.surahButton{width:100%;color:var(--text);text-align:right;background:0 0;border:0;border-radius:16px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.surahButton:hover,.surahButton.active{background:var(--accent-soft)}.surahButton.active{outline:2px solid #15735a38}.surahIndex{background:var(--surface-strong);width:34px;height:34px;color:var(--accent-dark);border-radius:12px;justify-content:center;align-items:center;font-weight:900;display:flex}.surahMeta{min-width:0}.surahMeta strong,.surahMeta small{display:block}.surahMeta small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.surahArabic{color:var(--accent-dark);background:#ffffffb8;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:900}@media (width<=980px){.appShell{padding:14px}.reader{flex-direction:column;display:flex}.surahPanel{order:-1;width:100%;max-height:420px;position:static}.content{width:100%;min-height:auto;padding:20px}.playerCard{position:static}}@media (width<=640px){.playerTop{display:block}.reciterSelect{min-width:0;margin-top:14px}.ayahCard{grid-template-columns:1fr}.surahButton{grid-template-columns:34px minmax(0,1fr)}.surahArabic{grid-column:2;width:fit-content}}