.surah-hero[data-astro-cid-yz3twg7a]{background:linear-gradient(135deg,#063679,#082c5e,#042149);color:#fff;padding:var(--space-16) 0 var(--space-12);position:relative;overflow:hidden;margin-bottom:var(--space-12)}.hero-bg-pattern[data-astro-cid-yz3twg7a]{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(circle at 20% 30%,var(--color-secondary-500) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--color-primary-400) 0%,transparent 50%);pointer-events:none}.hero-content[data-astro-cid-yz3twg7a]{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto;animation:fadeInUp .6s ease-out}.back-link[data-astro-cid-yz3twg7a]{display:inline-flex;align-items:center;gap:var(--space-2);color:#fffc;font-weight:var(--font-medium);margin-bottom:var(--space-8);text-decoration:none;transition:all .2s ease;font-size:.9rem}.back-link[data-astro-cid-yz3twg7a]:hover{color:var(--color-secondary-400);transform:translate(-4px)}.surah-badge[data-astro-cid-yz3twg7a]{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:9999px;padding:var(--space-2) var(--space-5);font-size:.9rem;font-weight:500;margin-bottom:var(--space-6)}.surah-title[data-astro-cid-yz3twg7a]{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:var(--space-4);color:#fff}.surah-title-arabic[data-astro-cid-yz3twg7a]{font-size:2.5rem;color:var(--color-secondary-400);margin-bottom:var(--space-8);opacity:.95;line-height:1.4}.surah-stats[data-astro-cid-yz3twg7a]{display:flex;gap:var(--space-8);justify-content:center;margin-top:var(--space-8)}.stat-item[data-astro-cid-yz3twg7a]{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);min-width:120px;transition:all .2s ease}.stat-item[data-astro-cid-yz3twg7a]:hover{background:#ffffff26;transform:translateY(-4px);border-color:var(--color-secondary-400)}.stat-icon[data-astro-cid-yz3twg7a]{font-size:1.5rem;margin-bottom:var(--space-2)}.stat-value[data-astro-cid-yz3twg7a]{font-size:2rem;font-weight:700;color:var(--color-secondary-400);line-height:1;margin-bottom:var(--space-1)}.stat-label[data-astro-cid-yz3twg7a]{font-size:.85rem;opacity:.9;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.surah-hero[data-astro-cid-yz3twg7a]{padding:var(--space-12) 0 var(--space-8)}.surah-title[data-astro-cid-yz3twg7a]{font-size:2rem}.surah-title-arabic[data-astro-cid-yz3twg7a]{font-size:1.8rem}.surah-stats[data-astro-cid-yz3twg7a]{gap:var(--space-4)}.stat-item[data-astro-cid-yz3twg7a]{min-width:100px;padding:var(--space-4)}.stat-value[data-astro-cid-yz3twg7a]{font-size:1.5rem}}[data-theme=dark] .surah-hero[data-astro-cid-yz3twg7a]{background:linear-gradient(135deg,#192334,#0f1724,#0b121e)}.font-amiri[data-astro-cid-yz3twg7a]{font-family:Uthmanic,Amiri,serif}.ayahs-list[data-astro-cid-yz3twg7a]{display:flex;flex-direction:column;gap:var(--space-8)}.ayah-card[data-astro-cid-yz3twg7a]{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);padding:0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.ayah-card[data-astro-cid-yz3twg7a]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-secondary-400) 50%,var(--color-primary-600) 100%)}.ayah-card[data-astro-cid-yz3twg7a]:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a;border-color:var(--color-primary-300)}.ayah-header[data-astro-cid-yz3twg7a]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);background:linear-gradient(to right,var(--color-primary-50),transparent);border-bottom:1px solid var(--color-neutral-100)}.ayah-badge[data-astro-cid-yz3twg7a]{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);color:#fff;border:2px solid var(--color-primary-400);border-radius:50%;font-weight:700;font-size:1.1rem;font-feature-settings:"tnum";box-shadow:0 4px 6px -1px #3b82f640,inset 0 1px #fff3;transition:all .2s ease}.ayah-card[data-astro-cid-yz3twg7a]:hover .ayah-badge[data-astro-cid-yz3twg7a]{transform:scale(1.05);box-shadow:0 6px 8px -2px #3b82f64d,inset 0 1px #fff3}.btn-audio[data-astro-cid-yz3twg7a]{width:48px;height:48px;border-radius:50%;border:2px solid var(--color-neutral-200);background:#fff;color:var(--color-neutral-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.btn-audio[data-astro-cid-yz3twg7a]:hover{background:var(--color-primary-50);color:var(--color-primary-600);border-color:var(--color-primary-300);transform:scale(1.08);box-shadow:0 4px 8px #3b82f626}.btn-audio[data-astro-cid-yz3twg7a].playing{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;border-color:var(--color-primary-600);box-shadow:0 0 0 4px #3b82f633,0 4px 8px #3b82f64d;animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 0 4px #3b82f633,0 4px 8px #3b82f64d}50%{box-shadow:0 0 0 8px #3b82f61a,0 4px 8px #3b82f64d}to{box-shadow:0 0 0 4px #3b82f633,0 4px 8px #3b82f64d}}.btn-audio[data-astro-cid-yz3twg7a] .icon-pause[data-astro-cid-yz3twg7a],.btn-audio[data-astro-cid-yz3twg7a].playing .icon-play[data-astro-cid-yz3twg7a]{display:none}.btn-audio[data-astro-cid-yz3twg7a].playing .icon-pause[data-astro-cid-yz3twg7a]{display:block}.ayah-content[data-astro-cid-yz3twg7a]{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-8)}.arabic-text[data-astro-cid-yz3twg7a]{font-family:Uthmanic,Amiri,serif;font-size:1.6rem;line-height:2.4;text-align:right;color:var(--color-primary-700);margin-bottom:var(--space-2);font-weight:100;padding:var(--space-4);background:linear-gradient(to left,rgba(59,130,246,.03),transparent);border-radius:var(--radius-lg);border-right:3px solid var(--color-secondary-400)}.thai-translation[data-astro-cid-yz3twg7a]{background:linear-gradient(to right,var(--color-primary-50),rgba(248,250,252,.5));border-left:4px solid var(--color-primary-500);padding:var(--space-5) var(--space-6);border-radius:0 var(--radius-xl) var(--radius-xl) 0;position:relative}.thai-translation[data-astro-cid-yz3twg7a]:before{position:absolute;top:var(--space-3);left:calc(var(--space-6) * -1 - 8px);font-size:1rem;background:#fff;border-radius:50%;padding:2px}.thai-text[data-astro-cid-yz3twg7a]{font-size:1.2rem;line-height:1.9;color:var(--color-neutral-700);font-family:var(--font-sans)}.tafsir-card[data-astro-cid-yz3twg7a]{margin-top:calc(var(--space-2) * -1);margin-bottom:var(--space-6);background:var(--color-secondary-50);border:1px solid var(--color-secondary-100);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-radius:var(--radius-xl);margin-top:var(--space-2);position:relative;overflow:hidden}.tafsir-card[data-astro-cid-yz3twg7a]{margin-top:var(--space-4);background:#fdfdfd;border-left:4px solid var(--color-secondary-400);border-radius:var(--radius-lg);box-shadow:0 2px 4px #00000005}.tafsir-header[data-astro-cid-yz3twg7a]{background:var(--color-secondary-50);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-secondary-100);display:flex;align-items:center;gap:var(--space-2);font-size:.95rem}.tafsir-content-wrapper[data-astro-cid-yz3twg7a]{padding:var(--space-5) var(--space-6)}[data-theme=dark] .tafsir-card[data-astro-cid-yz3twg7a]{background:#ffffff08;border-left-color:var(--color-secondary-500);border-color:var(--color-neutral-800)}[data-theme=dark] .tafsir-header[data-astro-cid-yz3twg7a]{background:#ffffff0d;border-bottom-color:#ffffff1a}[data-theme=dark] .ayah-card[data-astro-cid-yz3twg7a]{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border-color:var(--color-neutral-700)}[data-theme=dark] .ayah-card[data-astro-cid-yz3twg7a]:before{background:linear-gradient(90deg,var(--color-primary-400) 0%,var(--color-secondary-500) 50%,var(--color-primary-500) 100%)}[data-theme=dark] .ayah-card[data-astro-cid-yz3twg7a]:hover{border-color:var(--color-primary-500);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}[data-theme=dark] .ayah-header[data-astro-cid-yz3twg7a]{background:linear-gradient(to right,rgba(59,130,246,.1),transparent);border-bottom-color:var(--color-neutral-700)}[data-theme=dark] .ayah-badge[data-astro-cid-yz3twg7a]{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-color:var(--color-primary-400)}[data-theme=dark] .arabic-text[data-astro-cid-yz3twg7a]{color:#f1f5f9;background:linear-gradient(to left,rgba(59,130,246,.08),transparent);border-right-color:var(--color-secondary-500)}[data-theme=dark] .thai-translation[data-astro-cid-yz3twg7a]{background:linear-gradient(to right,#3b82f61a,#1e293b80);border-left-color:var(--color-primary-400)}[data-theme=dark] .thai-translation[data-astro-cid-yz3twg7a]:before{background:var(--color-neutral-800)}[data-theme=dark] .thai-text[data-astro-cid-yz3twg7a]{color:var(--color-primary-800)}[data-theme=dark] .btn-audio[data-astro-cid-yz3twg7a]{background:var(--color-neutral-800);border-color:var(--color-neutral-600);color:var(--color-neutral-400)}[data-theme=dark] .btn-audio[data-astro-cid-yz3twg7a]:hover{background:var(--color-neutral-700);color:var(--color-primary-400);border-color:var(--color-primary-500)}[data-theme=dark] .btn-audio[data-astro-cid-yz3twg7a].playing{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;border-color:var(--color-primary-400)}[data-theme=dark] .btn-audio[data-astro-cid-yz3twg7a].playing{background:var(--color-primary-600);color:#fff}@media(max-width:768px){.container[data-astro-cid-yz3twg7a]{padding:0 var(--space-4)}.ayah-card[data-astro-cid-yz3twg7a]{padding:var(--space-5)}.arabic-text[data-astro-cid-yz3twg7a]{font-size:2rem;line-height:1.9}.thai-text[data-astro-cid-yz3twg7a]{font-size:1.05rem}.btn-audio[data-astro-cid-yz3twg7a]{width:38px;height:38px}}.search-wrapper[data-astro-cid-yz3twg7a]{position:relative;max-width:600px;margin:0 auto;background:#fff;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:center;padding:.5rem 1.25rem;border:1px solid var(--color-neutral-200);transition:all .2s ease}.search-wrapper[data-astro-cid-yz3twg7a]:focus-within{border-color:var(--color-primary-400);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.search-icon[data-astro-cid-yz3twg7a]{color:var(--color-neutral-400);margin-right:.75rem;display:flex}.search-input[data-astro-cid-yz3twg7a]{flex:1;border:none;outline:none;font-size:1rem;color:var(--color-text-primary);background:transparent;padding:.25rem 0}.search-stats[data-astro-cid-yz3twg7a]{font-size:.85rem;color:var(--color-primary-600);background:var(--color-primary-50);padding:2px 10px;border-radius:9999px;white-space:nowrap;margin-left:.5rem;font-weight:500}.search-stats[data-astro-cid-yz3twg7a].hidden{display:none}[data-theme=dark] .search-wrapper[data-astro-cid-yz3twg7a]{background:var(--color-surface);border-color:var(--color-neutral-700)}[data-theme=dark] .search-input[data-astro-cid-yz3twg7a]{color:#fff}[data-theme=dark] .search-stats[data-astro-cid-yz3twg7a]{background:#ffffff1a;color:var(--color-neutral-300)}