.command-palette-overlay{-webkit-backdrop-filter:var(--blur-md);z-index:9998;animation:fadeIn var(--dur-fast) var(--ease-out);background:#08080966;position:fixed;inset:0}.command-palette-dialog{border-radius:var(--radius-xl);width:100vw;max-width:640px;box-shadow:0 30px 60px #0006, var(--shadow-md);z-index:9999;animation:slideDown var(--dur-fast) var(--ease-spring);background:#111113d9;border:1px solid #ffffff14;outline:none;position:fixed;top:15vh;left:50%;overflow:hidden;transform:translate(-50%)}.command-palette-root{flex-direction:column;width:100%;display:flex}.command-palette-header{padding:0 var(--sp-4);border-bottom:1px solid #ffffff0f;align-items:center;display:flex}.command-palette-icon{width:18px;height:18px;color:var(--text-secondary);margin-right:12px}.command-palette-spinner{width:16px;height:16px;color:var(--brand-gold);margin-left:12px;animation:1s linear infinite spin}.command-palette-input{height:56px;color:var(--text-primary);font-size:var(--text-md);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.command-palette-input::placeholder{color:var(--text-tertiary)}.command-palette-list{max-height:480px;padding:var(--sp-2) 0;overflow-y:auto}[cmdk-item]{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;transition:all .1s;display:flex}[cmdk-item] svg{opacity:.7;width:16px;height:16px}[cmdk-item][data-selected=true]{color:var(--text-primary);background:#ffffff0f}[cmdk-item][data-selected=true] svg{color:var(--brand-gold);opacity:1}[cmdk-group-heading]{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:8px 16px;font-size:.75rem;font-weight:500}.command-palette-empty{text-align:center;color:var(--text-secondary);padding:3rem 1rem;font-size:.95rem}.view-all-item{font-weight:500;color:var(--brand-gold)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-12px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}
: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:var(--font-naskh-loaded,"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%)}:root[data-theme=light]{--brand-gold:#85681a;--brand-gold-light:#9a7b2c;--brand-gold-dim:#85681a1f;--brand-gold-glow:#85681a2e;--brand-gold-rgb:133, 104, 26;--brand-emerald:#065f46;--brand-emerald-dim:#065f4614;--bg-base:#fbf8f0;--bg-surface:#fff;--bg-elevated:#f5f1e8;--bg-overlay:#fff;--gray-50:#00000005;--gray-100:#0000000a;--gray-200:#00000014;--gray-300:#0000001f;--gray-400:#0000002e;--gray-500:#00000047;--gray-600:#0006;--gray-700:#0000008c;--gray-800:#000000b8;--text-primary:#1a1a1e;--text-secondary:#4a4a52;--text-tertiary:#00000073;--text-disabled:#00000040;--color-success:#0d9668;--color-error:#d63031;--color-warning:#c8850a;--color-info:#2574a9;--shadow-sm:0 0 0 1px #0000000f, 0 1px 3px #85681a0f;--shadow-md:0 0 0 1px #0000000f, 0 4px 12px #85681a14, 0 1px 3px #0000000f;--shadow-lg:0 0 0 1px #0000000f, 0 8px 24px #85681a1a, 0 4px 8px #0000000f;--shadow-gold:0 0 0 1px #85681a26, 0 4px 16px #85681a14;--shadow-focus:0 0 0 2px var(--bg-base), 0 0 0 4px var(--brand-gold)}*,: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);contain:layout;flex-shrink:0;width:260px;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}.collection-tab{color:var(--text-dim);cursor:pointer;transition:var(--transition);letter-spacing:.02em;background:0 0;border:1px solid #ffffff0f;border-radius:10px;padding:.4rem .85rem;font-size:.78rem}.collection-tab:hover{color:var(--text-primary);background:#c5a04f0d;border-color:#c5a04f40}.collection-tab[data-active=true]{color:var(--brand-gold);background:#c5a04f1f;border-color:#c5a04f59;box-shadow:0 0 12px #c5a04f1a}@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}.site-header-actions{width:auto}}.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)}.glass-card-premium{-webkit-backdrop-filter:blur(12px)saturate(120%);isolation:isolate;background:radial-gradient(circle at 8% 10%,#c5a04f14 0%,#c5a04f00 52%),radial-gradient(circle at 92% 0,#ffffff12 0%,#fff0 38%),#0d0d10c7;border:1px solid #ffffff1a;box-shadow:0 22px 48px #00000054,inset 0 1px #ffffff14}.glass-card-premium:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--dur-fast) var(--ease-in-out), box-shadow var(--dur-normal) var(--ease-spring);pointer-events:none;border:.5px solid #d4b46a52;position:absolute;inset:-.5px;box-shadow:0 0 0 .5px #d4b46a38,0 0 18px #c5a04f1f}.glass-card-premium:hover:after,.glass-card-premium:focus-within:after{opacity:1;box-shadow:0 0 0 .5px #d4b46a52,0 0 22px #c5a04f2e}.search-results-grid{gap:1rem;display:grid}.search-skeleton-card{background:#ffffff05;border:1px solid #ffffff17;border-radius:18px;margin-top:1rem;padding:1.1rem;position:relative;overflow:hidden}.search-skeleton-card:after{content:"";border-radius:inherit;opacity:.38;pointer-events:none;border:.5px solid #d4b46a2e;animation:2.8s ease-in-out infinite premium-border-glow;position:absolute;inset:0;box-shadow:0 0 16px #c5a04f14}.search-skeleton-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}@media (max-width:768px){.search-skeleton-actions{grid-template-columns:1fr}}.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-chip-group-prominent{margin-bottom:var(--sp-5);border-radius:var(--radius-xl);background:linear-gradient(135deg,#c5a04f14,#ffffff05),#0c0c0e9e;border:1px solid #c5a04f24;padding:1rem 1.1rem;box-shadow:inset 0 1px #ffffff0a}.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-card-ayah{background:linear-gradient(#ffffff05,#fff0),#111113bf}.verse-card-segment{background:radial-gradient(circle at 0 0,#c5a04f1f,#0000 34%),linear-gradient(#c5a04f0d,#ffffff04),#0f0e0de0;border:1px solid #c5a04f29;box-shadow:0 18px 40px #00000047,inset 0 1px #ffffff0a,inset 0 0 0 1px #c5a04f0d}.verse-card-segment .verse-card-actions{margin-top:1.9rem}.verse-card-segment-header{align-items:center;min-height:2.4rem;padding-right:6.25rem;display:flex;position:relative}.verse-card-segment-header:before{content:"PASAJ KARTI";letter-spacing:.12em;color:#d4b46ad1;background:#d4b46a0f;border:1px solid #d4b46a2e;border-radius:999px;padding:.24rem .46rem;font-size:.66rem;position:absolute;top:.1rem;right:3.4rem}.verse-card-segment-stack{background:linear-gradient(#ffffff06,#fff0),#0808093d;border:1px dashed #d4b46a2e;border-radius:18px;padding:1rem 1.05rem}.verse-card-segment-summary{border-top:1px solid #d4b46a24;gap:.8rem;padding-top:.85rem;display:grid}.verse-card-segment-toggle{width:100%;min-height:44px;color:var(--text-main);cursor:pointer;transition:var(--transition);background:linear-gradient(#d4b46a14,#d4b46a08),#12110eb8;border:1px solid #d4b46a2e;border-radius:12px;padding:.72rem .95rem;font-size:.88rem}.verse-card-segment-toggle:hover{border-color:#d4b46a4d;box-shadow:0 10px 22px #00000038}@media (max-width:640px){.verse-card-segment-header{gap:.55rem;min-height:0;padding-right:0;display:grid}.verse-card-segment-header:before{margin-left:auto;display:inline-flex;position:static}.verse-card-segment-stack{padding:.85rem .85rem .95rem}}.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{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.6rem;display:grid}.verse-card-note-toggle{color:var(--text-main);cursor:pointer;min-height:44px;transition:var(--transition);text-align:center;white-space:normal;background:linear-gradient(#ffffff09,#ffffff05),#0c0c0e9e;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;padding:.72rem .9rem;font-size:.86rem;line-height:1.35;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.verse-card-note-toggle:hover{background:linear-gradient(#c5a04f1a,#c5a04f0d),#0e0e12b8;border-color:#c5a04f47;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff0f}@media (max-width:900px){.verse-card-actions{grid-template-columns:1fr}}.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-summary>span:first-child{font-size:0}.collection-detail-summary>span:first-child:after{content:"Bağlam ve Notları Gör";font-size:1rem}.collection-detail-accordion[open] .collection-detail-summary>span:first-child:after{content:"Bağlam ve Notları Gizle"}.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);min-height:44px;color:var(--text-secondary);cursor:pointer;transition:all .22s var(--ease-out);-webkit-backdrop-filter:var(--blur-sm);background:#ffffff05;border:1px solid #ffffff14;justify-content:center;align-items:center;padding:10px 16px;font-size:.88rem;display:inline-flex;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}.hero-chip-btn{color:var(--text-primary);text-align:left;background:#ffffff0a;border-color:#c5a04f2e;align-items:center;gap:.2rem}.hero-chip-btn:hover{color:#0a0a0a;background:linear-gradient(135deg,#c5a04feb,#d4b46ae6);border-color:#d4b46ae6;box-shadow:0 12px 24px #c5a04f38,inset 0 1px #ffffff2e}.hero-chip-quote{color:#c5a04fe6;font-size:.95em;line-height:1}.hero-chip-wrap{flex-wrap:wrap;gap:.5rem;display:flex}@media (min-width:768px){.hero-chip-wrap{gap:.75rem}}@media (min-width:1024px){.hero-chip-wrap{gap:.9rem}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes premium-border-glow{0%,to{opacity:.24;box-shadow:0 0 10px #c5a04f0d}50%{opacity:.5;box-shadow:0 0 18px #c5a04f1f}}@keyframes gate-shake{0%,to{transform:translate(0,0)}24%{transform:translate(-5px)}52%{transform:translate(4px)}76%{transform:translate(-2px)}}.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}@media (prefers-reduced-motion:reduce){.skeleton-bar,.search-skeleton-card:after{animation:none}}@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}.site-footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);margin-top:4rem;padding:4rem 2rem;font-size:.85rem}.site-footer-nav{flex-wrap:wrap;justify-content:center;gap:.85rem 1.1rem;margin-bottom:1rem;display:flex}.site-footer-link{color:var(--text-secondary);font-size:.92rem;text-decoration:none}:root[data-theme=light] body{background:var(--bg-base);color:var(--text-primary)}:root[data-theme=light] .glass-card{box-shadow:var(--shadow-md);background:#ffffffd9;border-color:#0000000f #00000014 #00000014}:root[data-theme=light] .glass-card:before{background:linear-gradient(135deg,#85681a08 0%,#0000 60%)}:root[data-theme=light] .glass-card:hover{box-shadow:var(--shadow-gold);border-color:#85681a33}:root[data-theme=light] .glass-card-premium{background:radial-gradient(circle at 8% 10%,#85681a0f 0%,#0000 52%),radial-gradient(circle at 92% 0,#00000005 0%,#0000 38%),#ffffffe6;border-color:#00000014;box-shadow:0 12px 32px #85681a0f,inset 0 1px #fffc}:root[data-theme=light] .glass-card-premium:after{border-color:#85681a40;box-shadow:0 0 0 .5px #85681a26,0 0 12px #85681a0f}:root[data-theme=light] .verse-card-note-toggle{color:var(--text-secondary);border-color:#0000001a}:root[data-theme=light] .verse-card-note-panel{background:var(--bg-elevated);border-color:#00000014}:root[data-theme=light] .verse-card-note-input{color:var(--text-primary);background:#fffc;border-color:#0000001f}:root[data-theme=light] .verse-card-note-save{background:var(--brand-gold);color:#fff}:root[data-theme=light] .chip-btn{color:var(--text-secondary);background:#fff9;border-color:#0000001a}:root[data-theme=light] .chip-btn:hover{color:var(--brand-gold);background:#85681a0f;border-color:#85681a40}:root[data-theme=light] .collection-tab{color:var(--text-secondary);border-color:#00000014}:root[data-theme=light] .collection-tab:hover{background:#85681a0a;border-color:#85681a33}:root[data-theme=light] .collection-tab[data-active=true]{color:var(--brand-gold);background:#85681a14;border-color:#85681a40}:root[data-theme=light] .collection-link{color:var(--brand-gold);border-color:#0000001a}:root[data-theme=light] .collection-link:hover{background:#85681a0f;border-color:#85681a40}:root[data-theme=light] .collection-detail-panel{background:var(--bg-elevated);border-color:#0000000f}:root[data-theme=light] .verse-card-feedback{border-color:#00000014}:root[data-theme=light] .verse-arabic{color:#1a1a1e}:root[data-theme=light] .search-skeleton-card{background:#0000000a;border-color:#0000000f}.theme-toggle{border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);width:36px;height:36px;transition:var(--transition);background:0 0;justify-content:center;align-items:center;padding:.4rem;font-size:1.1rem;line-height:1;display:inline-flex}.theme-toggle:hover{border-color:var(--brand-gold);color:var(--brand-gold);background:var(--brand-gold-dim)}:root[data-theme=light] .site-header{background:#fbf8f0d9;border-bottom-color:#00000014}:root[data-theme=light] .site-footer{color:var(--text-secondary);border-top-color:#0000000f}:root[data-theme=light] .tafsir-content{border-left-color:#85681a4d}:root[data-theme=light] .home-shell{color:var(--text-primary)}:root[data-theme=light] .verse-card-actions{border-top-color:#0000000f}:root[data-theme=light] .hero-chip-btn:hover{color:var(--brand-gold);border-color:#85681a40}:root[data-theme=light] .hero-chip-btn{color:#3a3020;background:#85681a0f;border-color:#85681a40}:root[data-theme=light] .hero-chip-quote{color:var(--brand-gold)}:root[data-theme=light] .hero-chip-group-prominent{background:linear-gradient(135deg,#85681a0f,#fff6),#ffffffb3;border-color:#85681a2e;box-shadow:inset 0 1px #ffffff80}:root[data-theme=light] .home-explainer{background:linear-gradient(#fffc,#f5f1e8e6),#fffffff2;border-color:#85681a26;box-shadow:0 8px 24px #85681a0f}:root[data-theme=light] .home-explainer-title{color:#1a1a1e}:root[data-theme=light] .home-explainer-copy{color:#3a3a42}:root[data-theme=light] .verse-card-note-toggle{color:#3a3a42;background:#fff9;border-color:#0000001f}:root[data-theme=light] .verse-card-note-toggle:hover{color:var(--brand-gold);background:#85681a0f;border-color:#85681a4d}:root[data-theme=light] .hero-search-trust-line{color:#5a5a62}:root[data-theme=light] .hero-search-card{background:linear-gradient(135deg,#ffffffb3,#f5f1e899 58%),#ffffffd9;border-color:#85681a26;box-shadow:0 12px 36px #85681a0f,inset 0 1px #ffffffb3}:root[data-theme=light] .hero-search-card:before{opacity:.6;background:radial-gradient(circle at top,#85681a0f,#0000 36%),radial-gradient(circle at 100% 100%,#065f460a,#0000 34%)}:root[data-theme=light] .hero-search-heading{color:var(--brand-gold)}:root[data-theme=light] .hero-search-hint{color:#4a4a52}