:root{--brand-gold:#c5a04f;--brand-gold-light:#d4b46a;--brand-gold-dim:#c5a04f26;--brand-gold-glow:#c5a04f40;--brand-gold-rgb:197, 160, 79;--brand-emerald:#065f46;--brand-emerald-dim:#065f461f;--bg-base:#080809;--bg-surface:#111113;--bg-elevated:#1a1a1e;--bg-overlay:#1e1e23;--gray-50:#ffffff08;--gray-100:#ffffff0d;--gray-200:#ffffff12;--gray-300:#ffffff1a;--gray-400:#ffffff26;--gray-500:#ffffff40;--gray-600:#ffffff59;--gray-700:#ffffff80;--gray-800:#ffffffb3;--text-primary:#f4f5f9;--text-secondary:#b5b6bc;--text-tertiary:#ffffff73;--text-disabled:#ffffff40;--color-success:#26c9a0;--color-error:#eb5757;--color-warning:#f7b955;--color-info:#3e9ced;--primary:var(--brand-gold);--secondary:var(--brand-emerald);--bg-dark:var(--bg-base);--surface:var(--bg-surface);--card:var(--bg-elevated);--text-main:var(--text-primary);--text-dim:var(--text-secondary);--border:var(--gray-200);--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-body:"Segoe UI Variable", "Avenir Next", "Segoe UI", Inter, -apple-system, BlinkMacSystemFont, sans-serif;--font-naskh:"Noto Naskh Arabic", "Amiri", "Scheherazade New", "Traditional Arabic", serif;--font-mono:"Geist Mono", "Menlo", "Monaco", monospace;--text-xs:.64rem;--text-sm:.8rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--tracking-tight:-.03em;--tracking-normal:-.01em;--tracking-wide:.06em;--tracking-wider:.1em;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-loose:1.8;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 0 0 1px #ffffff0d, 0 1px 2px #0000004d;--shadow-md:0 0 0 1px #ffffff0d, 0 4px 8px #00000059, 0 1px 2px #0003;--shadow-lg:0 0 0 1px #ffffff0f, 0 8px 24px #00000073, 0 4px 8px #00000040, 0 1px 3px #00000026;--shadow-gold:0 0 0 1px #c5a04f33, 0 8px 24px #c5a04f1a, 0 2px 6px #0000004d;--shadow-focus:0 0 0 2px var(--bg-base), 0 0 0 4px var(--brand-gold);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-stripe:cubic-bezier(.25, .46, .45, .94);--dur-fast:.12s;--dur-normal:.25s;--dur-slow:.45s;--dur-page:.6s;--transition:all var(--dur-normal) var(--ease-in-out);--blur-sm:blur(8px) saturate(150%);--blur-md:blur(16px) saturate(170%);--blur-lg:blur(24px) saturate(180%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 15% 0,#c5a04f0d 0%,#0000 55%),radial-gradient(at 85% 100%,#065f460a 0%,#0000 55%);background-attachment:fixed;overflow-x:hidden}body:after{content:"";opacity:.025;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4,h5,h6,.serif{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}p,li,.body-text{text-wrap:pretty}.container{max-width:1100px;padding:var(--sp-8) var(--sp-6);margin:0 auto}.home-explainer{background:linear-gradient(#ffffff08,#ffffff04),#0d0d0fb8;border-color:#c5a04f1f;gap:1rem;margin-top:3.25rem;padding:1.5rem;display:grid;box-shadow:0 14px 40px #0000002e}.home-explainer-title{color:#f4f5f9e6;letter-spacing:-.015em;max-width:36ch;font-size:clamp(1.18rem,1.45vw,1.55rem);font-weight:450;line-height:1.34}.home-explainer-copy{color:var(--text-secondary);max-width:74ch;line-height:1.8}.hero-search-trust-line{color:var(--text-dim);margin-top:.65rem;font-size:.84rem;line-height:1.6}.hero-search-trust-line span{color:#c5a04fb3;margin:0 .45rem;display:inline-block}@media (max-width:768px){.container{padding:var(--sp-4) var(--sp-4)}}.site-header{z-index:100;padding:0 var(--sp-4);-webkit-backdrop-filter:blur(18px)saturate(140%);background:#080809b8;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:var(--sp-6);max-width:1100px;min-height:84px;margin:0 auto;display:flex}.site-brand{cursor:pointer;flex-direction:column;gap:3px;min-width:0;text-decoration:none;display:flex}.site-brand-mark{color:var(--primary);font-size:clamp(2rem,3vw,2.35rem);font-weight:400;line-height:1}.site-brand-tagline{opacity:.82;margin-bottom:0;font-size:.74rem}.site-header-actions{justify-content:flex-end;align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.collection-link{color:var(--brand-gold);border:1px solid var(--border);border-radius:var(--radius-full);transition:var(--transition);background:#ffffff08;align-items:center;padding:8px 16px;font-size:.85rem;text-decoration:none;display:inline-flex}.collection-link:hover{background:#c5a04f14;border-color:#c5a04f59;box-shadow:0 8px 20px #c5a04f1f}@media (max-width:640px){.site-header{padding:0 var(--sp-3)}.site-header-inner{justify-content:center;gap:var(--sp-2);min-height:92px;padding:var(--sp-3) 0;flex-direction:column}.site-brand{text-align:center;align-items:center}.site-brand-tagline{font-size:.68rem}}.glass-card{-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-xl);padding:var(--sp-8);box-shadow:var(--shadow-md);transition:transform var(--dur-normal) var(--ease-spring), box-shadow var(--dur-normal) var(--ease-spring), border-color var(--dur-fast) var(--ease-in-out);background:#111113bf;border:1px solid #ffffff0f;border-top-color:#ffffff17;position:relative}@media (max-width:768px){.glass-card{padding:var(--sp-5)}}.glass-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 60%);position:absolute;inset:0}.glass-card:hover{box-shadow:var(--shadow-gold);border-color:#c5a04f2e;transform:translateY(-3px)}.home-shell{max-width:900px;padding:var(--sp-8) 0;margin:0 auto}.hero-panel{gap:var(--sp-8);margin-top:var(--sp-4);margin-bottom:var(--sp-16);display:grid}.hero-copy{text-align:center;max-width:720px;margin:0 auto}.hero-kicker{margin-bottom:var(--sp-4)}.hero-title{margin-bottom:var(--sp-5);text-shadow:0 12px 40px #00000059;font-size:clamp(2.75rem,7vw,4.8rem);line-height:.98}.hero-description{max-width:640px;color:var(--text-dim);margin:0 auto;font-size:1.08rem;line-height:1.8}.hero-search-card{padding:var(--sp-8);border-radius:calc(var(--radius-2xl) + 4px);-webkit-backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(135deg,#ffffff0d,#0000 58%),#0e0e11d6;border:1px solid #ffffff14;position:relative;box-shadow:0 24px 60px #00000057,inset 0 1px #ffffff0a}.hero-search-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.9;background:radial-gradient(circle at top,#c5a04f1f,#0000 36%),radial-gradient(circle at 100% 100%,#065f461c,#0000 34%);position:absolute;inset:1px}.hero-search-copy,.hero-search-form,.hero-chip-group{z-index:1;position:relative}.hero-search-copy{margin-bottom:var(--sp-6)}.hero-search-heading{margin:0 0 var(--sp-3);color:var(--brand-gold);letter-spacing:-.01em;font-size:clamp(1.08rem,1.35vw,1.35rem);font-weight:500}.hero-search-label{margin-bottom:var(--sp-3)}.hero-search-hint{max-width:560px;color:var(--text-dim);font-size:.98rem;line-height:1.7}.hero-search-form{margin-bottom:var(--sp-6);position:relative}.hero-search-submit{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), #b79247);color:#090909;cursor:pointer;min-width:112px;transition:var(--transition);border:none;padding:.9rem 1.4rem;font-size:.95rem;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%);box-shadow:0 10px 24px #c5a04f47}.hero-search-submit:disabled{cursor:not-allowed;opacity:.7}.hero-search-submit:hover:not(:disabled){transform:translateY(calc(-50% - 1px));box-shadow:0 14px 28px #c5a04f59}.hero-chip-group{gap:var(--sp-3);display:grid}.hero-preview-shell{z-index:1;min-height:30px;margin:calc(var(--sp-6) * -.35) 0 var(--sp-6);align-items:center;display:flex;position:relative}.hero-preview-line{border-radius:var(--radius-full);color:#f4f5f9d6;max-width:100%;min-height:30px;transition:border-color var(--dur-fast) var(--ease-in-out), background var(--dur-fast) var(--ease-in-out), opacity var(--dur-fast) var(--ease-in-out);background:linear-gradient(90deg,#c5a04f14,#ffffff06);border:1px solid #c5a04f1f;align-items:center;gap:.7rem;padding:.3rem .85rem .3rem .7rem;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.hero-preview-line.is-refined{background:linear-gradient(90deg,#c5a04f1f,#ffffff08);border-color:#c5a04f38}.hero-preview-line.is-empty{width:100%;box-shadow:none;background:0 0;border:none;padding:0}.hero-preview-label{color:#c5a04fe0;letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;font-size:.72rem}.hero-preview-summary{color:#f4f5f9e6;letter-spacing:-.01em;white-space:nowrap;font-size:.94rem}.hero-preview-intent{color:var(--text-secondary);white-space:nowrap;font-size:.84rem}.hero-preview-pulse{background:#c5a04fe6;border-radius:999px;flex-shrink:0;width:7px;height:7px;animation:1.8s infinite ambientPulse;box-shadow:0 0 #c5a04f38}.hero-chip-label{margin-bottom:0}.hero-chip-list{flex-wrap:wrap;gap:.8rem;display:flex}.search-bar{background:var(--bg-surface);border:1px solid var(--gray-200);border-radius:var(--radius-full);width:100%;color:var(--text-primary);font-size:var(--text-md);font-family:var(--font-body);transition:border-color var(--dur-fast) var(--ease-in-out), box-shadow var(--dur-fast) var(--ease-in-out), background var(--dur-fast) var(--ease-in-out);box-shadow:var(--shadow-sm);outline:none;padding:1.1rem 8.8rem 1.1rem 1.35rem}.search-bar::placeholder{color:var(--text-tertiary)}.search-bar:focus{border-color:var(--brand-gold);background:var(--bg-elevated);box-shadow:0 0 0 3px rgba(var(--brand-gold-rgb), .12), var(--shadow-md)}@media (max-width:768px){.home-shell{padding:var(--sp-6) 0}.hero-panel{gap:var(--sp-6);margin-bottom:var(--sp-12)}.hero-search-card{padding:var(--sp-5)}.hero-title{font-size:clamp(2.3rem,11vw,3.4rem)}.hero-description{font-size:1rem}}@media (max-width:640px){.hero-copy{text-align:left}.hero-description{margin:0}.hero-search-form{gap:var(--sp-3);display:grid}.hero-preview-shell{min-height:44px;margin-top:calc(var(--sp-6) * -.15)}.hero-preview-line{flex-wrap:wrap;row-gap:.3rem;width:100%;padding:.55rem .8rem}.hero-preview-summary,.hero-preview-intent{white-space:normal}.search-bar{padding:1rem 1.15rem}.hero-search-submit{width:100%;position:static;transform:none}.hero-search-submit:hover:not(:disabled){transform:none}}.accent-text{color:var(--brand-gold);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-size:var(--text-xs);font-weight:600;font-family:var(--font-body);margin-bottom:var(--sp-2);display:block}.verse-card{margin-bottom:var(--sp-6)}.verse-arabic{text-align:right;margin-bottom:var(--sp-6);color:#fff;text-shadow:0 0 40px rgba(var(--brand-gold-rgb), .08);font-size:clamp(1.8rem,4vw,2.5rem);line-height:2.2}.font-arabic{font-family:var(--font-naskh), var(--font-display);letter-spacing:0;text-rendering:optimizelegibility;font-weight:600}.tafsir-content{color:var(--text-secondary);border-left:2px solid var(--brand-gold);padding-left:var(--sp-6);margin-top:var(--sp-6);font-style:italic;font-size:var(--text-base);line-height:var(--leading-loose)}.verse-card-actions{gap:1rem;margin-top:2rem;display:flex}.verse-card-note-toggle{border:1px solid var(--border);color:var(--text-main);cursor:pointer;transition:var(--transition);border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;display:flex}.verse-card-feedback{margin-top:.75rem;font-size:.9rem}.verse-card-feedback-error{color:#ff8a8a}.verse-card-feedback-success{color:var(--brand-gold)}.verse-card-note-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.verse-card-note-input{border:1px solid var(--border);width:100%;min-height:120px;color:var(--text-main);resize:vertical;background:#00000080;border-radius:10px;outline:none;margin-bottom:1rem;padding:1rem;font-family:inherit;font-size:1rem;line-height:1.6}.verse-card-note-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}@media (max-width:640px){.verse-card-note-actions{justify-content:stretch}.verse-card-note-actions>*{width:100%}}.verse-card-note-save{background:var(--primary);color:#000;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;box-shadow:0 4px 15px #c5a04f4d}.collection-detail-accordion{margin-top:1rem}.collection-detail-summary{width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);background:#ffffff08;border:1px solid #c5a04f2e;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;list-style:none;display:flex}.collection-detail-summary::-webkit-details-marker{display:none}.collection-detail-summary:hover{background:#c5a04f0f;border-color:#c5a04f59}.collection-detail-chevron{color:var(--brand-gold);transition:transform var(--dur-normal) var(--ease-out);font-size:.95rem}.collection-detail-accordion[open] .collection-detail-chevron{transform:rotate(180deg)}.collection-detail-panel{background:linear-gradient(#ffffff08,#ffffff04),#0a0a0b73;border:1px solid #ffffff0f;border-radius:16px;gap:1rem;margin-top:.85rem;padding:1rem;display:grid}@media (max-width:640px){.collection-detail-summary{padding:.8rem .9rem;font-size:.94rem}.collection-detail-panel{padding:.9rem}}@keyframes slideUpFade{0%{opacity:0;filter:blur(2px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}.fade-in{animation:slideUpFade var(--dur-slow) var(--ease-out) both}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes goldShimmer{0%{background-position:0%}to{background-position:200%}}.gradient-text{background:linear-gradient(135deg, var(--brand-gold) 0%, #e8c97a 40%, var(--brand-gold) 80%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite goldShimmer}@keyframes ambientPulse{0%,to{opacity:.5}50%{opacity:.8}}:focus-visible{box-shadow:var(--shadow-focus);outline:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--brand-gold)}::selection{background:rgba(var(--brand-gold-rgb), .2);color:var(--brand-gold-light)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.signin-btn{background:linear-gradient(135deg, var(--primary), #a8873f);color:#0a0a0a;cursor:pointer;letter-spacing:.03em;-webkit-user-select:none;user-select:none;border:none;border-radius:20px;padding:7px 20px;font-family:inherit;font-size:.85rem;font-weight:700;transition:opacity .2s,box-shadow .2s;box-shadow:0 2px 12px #c5a04f59}.signin-btn:hover{opacity:.88;box-shadow:0 4px 18px #c5a04f80}.logo-hover{transition:transform .3s var(--ease-out), text-shadow .3s var(--ease-out);cursor:pointer;display:inline-block}.logo-hover:hover{text-shadow:0 0 20px #c5a04f80;background:linear-gradient(135deg, var(--brand-gold) 0%, #f4e3b5 50%, var(--brand-gold) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite goldShimmer;transform:scale(1.02)}@keyframes auraPulse{0%,to{box-shadow:0 0 0 2px #c5a04f1a,0 0 15px 5px #c5a04f1a}50%{box-shadow:0 0 0 3px #c5a04f33,0 0 30px 10px #c5a04f4d}}.search-bar:focus{border-color:var(--brand-gold);background:var(--bg-elevated);animation:3s ease-in-out infinite auraPulse}.chip-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all .22s var(--ease-out);-webkit-backdrop-filter:var(--blur-sm);background:#ffffff05;border:1px solid #ffffff14;padding:7px 18px;font-size:.9rem;position:relative;box-shadow:inset 0 1px #ffffff0a}.chip-btn:hover{color:var(--brand-gold);background:#c5a04f29;border-color:#c5a04f73;transform:translateY(-1px)scale(1.01);box-shadow:0 10px 20px #c5a04f2e,inset 0 1px #ffffff0f}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-bar{background:linear-gradient(90deg,#ffffff08 25%,#c5a04f1f 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:4px;animation:2s linear infinite skeleton-shimmer}@keyframes slide-right-enter{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes slide-left-enter{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}.slide-right-enter{animation:.8s ease-out forwards slide-right-enter}.slide-left-enter{animation:.8s ease-out forwards slide-left-enter}