@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#fafafa;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,sans-serif;transition:background-color .5s,color .5s;display:flex}.dark{color:#e0e0e0;background:#0f0f0f}.container{text-align:center;width:100%;max-width:800px;padding:2rem}.title{color:#1a1a1a;letter-spacing:-.02em;text-shadow:0 2px 10px #0000001a;margin-bottom:3rem;font-family:Playfair Display,serif;font-size:4.5rem;font-weight:700}.dark .title{color:#f0f0f0;text-shadow:0 2px 20px #4b00824d}.input-wrapper{max-width:600px;margin:0 auto 2rem;position:relative}input{color:#111;background:#fff;border:2px solid #d1d5db;border-radius:9999px;outline:none;width:100%;padding:1.25rem 1.5rem;font-size:1.25rem;transition:all .3s;box-shadow:0 4px 15px #00000014}input:focus{border-color:indigo;box-shadow:0 0 0 4px #4b008233}.dark input{color:#e0e0e0;background:#1f1f1f;border-color:#4b5563}button{color:#fff;cursor:pointer;background:indigo;border:none;border-radius:9999px;padding:1.25rem 3rem;font-size:1.25rem;font-weight:600;transition:all .3s;box-shadow:0 6px 20px #4b00824d}button:hover{background:#3b0066;transform:translateY(-2px);box-shadow:0 10px 30px #4b008266}.tagline{color:#6b7280;letter-spacing:.5px;margin-top:4rem;font-size:.95rem}.dark .tagline{color:#9ca3af}.theme-toggle{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.8rem;transition:transform .3s,opacity .3s;position:absolute;top:1.5rem;right:1.5rem}.theme-toggle:hover{opacity:1;transform:scale(1.2)}.dark .theme-toggle{color:#f0f0f0}.reveal-btn{color:#fff;cursor:pointer;background:indigo;border:none;border-radius:9999px;margin-top:1.5rem;padding:1.25rem 3rem;font-size:1.25rem;font-weight:600;transition:all .3s;box-shadow:0 6px 20px #4b00824d}.reveal-btn:hover{background:#3b0066;transform:translateY(-2px);box-shadow:0 10px 30px #4b008266}.verse-preview,.loading{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#fff9;border-radius:1.5rem;margin-top:3rem;padding:2rem;transition:opacity .8s,transform .8s;transform:translateY(20px);box-shadow:0 8px 30px #0000001a}.dark .verse-preview,.dark .loading{background:#0f0f0fb3;box-shadow:0 8px 30px #4b008233}.fade-in{opacity:1;transform:translateY(0)}.preview-title{color:indigo;margin-bottom:1rem;font-family:Playfair Display,serif;font-size:2rem}.dark .preview-title{color:#a78bfa}.preview-text{margin-bottom:1rem;font-size:1.5rem;line-height:1.6}.preview-hint{color:#6b7280;font-size:.95rem;font-style:italic}.dark .preview-hint{color:#9ca3af}.loading-text{color:indigo;font-size:1.4rem;font-style:italic}.dark .loading-text{color:#a78bfa}.error-message{color:#ef4444;background:#ef444426;border:1px solid #ef4444;border-radius:1rem;margin-top:2rem;padding:1.5rem;font-weight:500}.dark .error-message{color:#fca5a5;background:#ef444440}.section-title{color:indigo;border-bottom:2px solid #d4af37;margin:1.5rem 0 1rem;padding-bottom:.5rem;font-family:Playfair Display,serif;font-size:1.8rem}.main-title{color:#1a1a1a;margin-bottom:1.2rem;font-size:2.2rem}.bold-term{color:indigo;font-weight:700}.dark .bold-term{color:#a78bfa}.italic-term{color:#6b4e31;font-style:italic}.dark .italic-term{color:#d4af37}.verse-list{margin:1rem 0;padding-left:1.5rem;list-style-type:disc}.bullet-item{margin-bottom:.8rem;line-height:1.5}.verse-preview{background:#ffffffd9;border:1px solid #d4af37;border-radius:1.5rem;padding:2.5rem}.dark .verse-preview{background:#0f0f0fd9;border-color:#a78bfa}.main-title{color:indigo;text-align:center;letter-spacing:-.5px;margin:1.5rem 0 1rem;font-family:Playfair Display,serif;font-size:2.4rem}.dark .main-title{color:#c4b5fd}.section-title{color:#5b21b6;border-bottom:2px solid #d4af37;margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.9rem;font-weight:600}.dark .section-title{color:#a78bfa;border-bottom-color:#d4af37}.key-term{color:indigo;background:#4b008214;border-radius:4px;padding:0 .3rem;font-weight:700}.dark .key-term{color:#c4b5fd;background:#a48bfa26}.pronunciation{color:#6b4e31;font-family:Georgia,serif;font-style:italic}.dark .pronunciation{color:#d4af37}.verse-list{margin:1.2rem 0;padding-left:0;list-style:none}.bullet-item{margin-bottom:1rem;padding-left:1.8rem;position:relative}.bullet-item:before{content:"→";color:indigo;font-weight:700;position:absolute;left:0}.dark .bullet-item:before{color:#a78bfa}.verse-preview{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fafafaeb;border:1px solid #d4af37;border-radius:1.5rem;padding:2.5rem 2rem;box-shadow:0 10px 40px #4b00821f}.dark .verse-preview{background:#0f0f0feb;border-color:#a78bfa;box-shadow:0 10px 40px #a78bfa2e}.verse-preview p{margin-bottom:1.2rem;font-size:1.1rem;line-height:1.8}.verse-preview{position:relative}.verse-preview:hover button{opacity:1;transform:scale(1.15)}.verse-preview button{opacity:.85;transition:all .3s}.verse-preview:hover button{opacity:1;background:#5b21b6;transform:scale(1.08)}.dark .verse-preview button{background:#7c3aed}.dark .verse-preview:hover button{background:#6d28d9}