@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Source+Sans+3:wght@300;400;500;600&display=swap";:root{--deep-navy: #0a1a20;--teal-dark: #0a3d4d;--teal-mid: #1a5a6a;--teal-light: #2a7a8a;--gold: #c4a962;--gold-light: #d4c482;--gold-pale: #e8ddb8;--parchment: #f5f0e1;--parchment-light: #faf8f2;--white: #ffffff;--bg-primary: var(--deep-navy);--bg-secondary: var(--teal-dark);--bg-card: rgba(26, 90, 106, .3);--text-primary: var(--parchment);--text-secondary: rgba(245, 240, 225, .7);--text-muted: rgba(245, 240, 225, .5);--accent: var(--gold);--accent-light: var(--gold-light);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px rgba(196, 169, 98, .2);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--accent);text-decoration:none}.app-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,var(--deep-navy) 0%,var(--teal-dark) 50%,var(--deep-navy) 100%)}.app-main{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-md);color:var(--text-secondary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:linear-gradient(180deg,#0a1a20f2,#0a1a20fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(196,169,98,.1);display:flex;justify-content:space-around;align-items:center;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm) var(--space-md);color:var(--text-muted);transition:all .3s ease;position:relative}.nav-item.active{color:var(--gold)}.nav-item.active:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:30px;height:2px;background:var(--gold);border-radius:2px}.nav-icon{width:24px;height:24px}.nav-icon svg{width:100%;height:100%}.nav-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;overflow:hidden}.auth-ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 20%,rgba(196,169,98,.15) 0%,transparent 50%),radial-gradient(ellipse 100% 80% at 50% 100%,rgba(26,90,106,.3) 0%,transparent 50%),linear-gradient(180deg,var(--deep-navy) 0%,var(--teal-dark) 100%);pointer-events:none}.auth-container{position:relative;width:100%;max-width:380px;z-index:1}.auth-logo{text-align:center;margin-bottom:var(--space-2xl);position:relative}.logo-glow{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(196,169,98,.2) 0%,transparent 70%);pointer-events:none}.logo-icon{width:80px;height:80px;margin:0 auto var(--space-md)}.logo-icon svg{width:100%;height:100%}.logo-text{font-family:var(--font-display);font-size:2.5rem;font-weight:400;letter-spacing:2px}.logo-still{color:var(--gold);font-style:italic}.logo-waters{color:var(--white);margin-left:8px}.logo-tagline{color:var(--text-secondary);font-size:.9rem;margin-top:var(--space-sm);letter-spacing:1px}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.form-group input{padding:var(--space-md);background:#f5f0e10d;border:1px solid rgba(196,169,98,.2);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--gold);background:#f5f0e114;box-shadow:0 0 0 3px #c4a9621a}.form-group input::placeholder{color:var(--text-muted)}.auth-error{padding:var(--space-md);background:#dc50501a;border:1px solid rgba(220,80,80,.3);border-radius:var(--radius-md);color:#f99;font-size:.9rem;text-align:center}.auth-button{margin-top:var(--space-md);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--deep-navy);font-weight:600;font-size:1rem;border-radius:var(--radius-md);transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #c4a9624d}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;margin-top:var(--space-xl);color:var(--text-secondary);font-size:.9rem}.auth-switch button{color:var(--gold);font-weight:500;text-decoration:underline;text-underline-offset:2px}.home-screen{padding:var(--space-xl);padding-top:calc(var(--safe-top) + var(--space-xl))}.home-header{margin-bottom:var(--space-xl)}.greeting h1{font-family:var(--font-display);font-size:1.8rem;font-weight:400;color:var(--parchment)}.greeting .date{color:var(--text-secondary);font-size:.9rem;margin-top:var(--space-xs)}.home-content{display:flex;flex-direction:column;gap:var(--space-lg)}.devotional-card{position:relative;padding:var(--space-lg);background:var(--bg-card);border:1px solid rgba(196,169,98,.15);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;overflow:hidden}.devotional-card:hover{border-color:#c4a9624d;transform:translateY(-2px)}.card-glow{position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(196,169,98,.1) 0%,transparent 70%);pointer-events:none}.card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.card-icon{width:20px;height:20px;color:var(--gold)}.card-icon svg{width:100%;height:100%}.card-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold)}.card-loading{padding:var(--space-xl);display:flex;justify-content:center}.devotional-title{font-family:var(--font-display);font-size:1.4rem;font-weight:500;color:var(--parchment);margin-bottom:var(--space-sm)}.devotional-scripture{font-family:var(--font-display);font-style:italic;color:var(--gold-light);font-size:.95rem;margin-bottom:var(--space-md)}.devotional-preview{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.card-action{display:inline-block;margin-top:var(--space-md);color:var(--gold);font-size:.85rem;font-weight:500}.quick-actions h3{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:2px}.action-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.action-button{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#f5f0e108;border:1px solid rgba(245,240,225,.1);border-radius:var(--radius-md);text-align:left;transition:all .3s ease}.action-button:hover{background:#f5f0e10f;border-color:#c4a96233}.action-button.primary{background:#c4a9621a;border-color:#c4a9624d}.action-button.primary:hover{background:#c4a96226;border-color:#c4a96266}.action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#c4a9621a;border-radius:var(--radius-sm);color:var(--gold)}.action-icon svg{width:20px;height:20px}.action-text{display:flex;flex-direction:column;gap:2px}.action-text strong{font-weight:500;color:var(--parchment)}.action-text small{font-size:.8rem;color:var(--text-muted)}.scripture-card{padding:var(--space-lg);background:linear-gradient(135deg,#c4a96214,#1a5a6a1a);border:1px solid rgba(196,169,98,.15);border-radius:var(--radius-lg);text-align:center}.scripture-card blockquote{font-family:var(--font-display);font-size:1.15rem;font-style:italic;color:var(--parchment);line-height:1.7;margin-bottom:var(--space-md)}.scripture-card cite{font-family:var(--font-body);font-size:.85rem;color:var(--gold);font-style:normal}.chat-screen{display:flex;flex-direction:column;height:100vh;height:100dvh;padding-top:var(--safe-top)}.chat-screen.active{padding-bottom:0}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(196,169,98,.1);background:#0a1a20cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chat-header h1{font-family:var(--font-display);font-size:1.3rem;font-weight:500}.icon-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--gold);border-radius:var(--radius-full);transition:background .2s}.icon-button:hover{background:#c4a9621a}.icon-button svg{width:22px;height:22px}.conversation-list{flex:1;overflow-y:auto;padding:var(--space-md)}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-card);border:1px solid rgba(245,240,225,.05);border-radius:var(--radius-md);margin-bottom:var(--space-sm);cursor:pointer;transition:all .2s}.conversation-item:hover{border-color:#c4a96233}.convo-info h3{font-size:1rem;font-weight:500;color:var(--parchment);margin-bottom:4px}.convo-info p{font-size:.8rem;color:var(--text-muted)}.delete-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .2s}.delete-button:hover{color:#ff6b6b;background:#ff6b6b1a}.delete-button svg{width:18px;height:18px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-secondary);text-align:center}.empty-state p{margin-bottom:var(--space-md)}.start-button{padding:var(--space-md) var(--space-xl);background:#c4a96226;border:1px solid var(--gold);border-radius:var(--radius-md);color:var(--gold);font-weight:500;transition:all .2s}.start-button:hover{background:#c4a96240}.messages-container{flex:1;overflow-y:auto;padding:var(--space-md);padding-bottom:100px}.welcome-message{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-secondary)}.welcome-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.welcome-message h2{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--parchment);margin-bottom:var(--space-sm)}.welcome-message p{font-size:.95rem;line-height:1.6;max-width:300px;margin:0 auto}.message{max-width:85%;margin-bottom:var(--space-md);animation:messageIn .3s ease}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{margin-left:auto}.message.assistant{margin-right:auto}.message-content{padding:var(--space-md);border-radius:var(--radius-lg);line-height:1.6;font-size:.95rem}.message.user .message-content{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--deep-navy);border-bottom-right-radius:var(--radius-sm)}.message.assistant .message-content{background:var(--bg-card);border:1px solid rgba(245,240,225,.1);color:var(--parchment);border-bottom-left-radius:var(--radius-sm)}.typing{display:flex;gap:6px;padding:var(--space-md) var(--space-lg)!important}.typing span{width:8px;height:8px;background:var(--gold);border-radius:50%;animation:typing 1.4s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chat-input{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom));left:0;right:0;padding:var(--space-md);background:linear-gradient(180deg,transparent 0%,var(--deep-navy) 30%);display:flex;gap:var(--space-sm)}.chat-input input{flex:1;padding:var(--space-md) var(--space-lg);background:#f5f0e10d;border:1px solid rgba(196,169,98,.2);border-radius:var(--radius-full);color:var(--text-primary);font-size:1rem}.chat-input input:focus{outline:none;border-color:var(--gold)}.chat-input input::placeholder{color:var(--text-muted)}.chat-input button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gold);border-radius:var(--radius-full);color:var(--deep-navy);transition:all .2s}.chat-input button:hover:not(:disabled){transform:scale(1.05)}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.chat-input button svg{width:22px;height:22px}.devotional-screen{padding:var(--space-xl);padding-top:calc(var(--safe-top) + var(--space-xl));max-width:600px;margin:0 auto}.devotional-header{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(196,169,98,.15)}.devotional-date{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--gold)}.devotional-header h1{font-family:var(--font-display);font-size:1.8rem;font-weight:500;color:var(--parchment);margin-top:var(--space-md)}.devotional-content{display:flex;flex-direction:column;gap:var(--space-xl)}.devotional-content section{position:relative}.section-icon{font-size:1.5rem;margin-bottom:var(--space-sm)}.devotional-content h2{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md)}.devotional-content p{color:var(--text-secondary);line-height:1.8}.scripture-section .scripture-text{font-family:var(--font-display);font-size:1.2rem;font-style:italic;color:var(--parchment);line-height:1.7;padding:var(--space-md);background:#c4a9620d;border-left:3px solid var(--gold);margin:0}.complete-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:#c4a9621a;border:1px solid var(--gold);border-radius:var(--radius-md);color:var(--gold);font-weight:500;font-size:1rem;transition:all .3s;margin-top:var(--space-lg)}.complete-button:hover:not(:disabled){background:#c4a96233}.complete-button.completed{background:#64c8641a;border-color:#64c864;color:#64c864}.complete-button svg{width:20px;height:20px}.scriptures-screen{padding-top:calc(var(--safe-top) + var(--space-md))}.scriptures-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(196,169,98,.1)}.scriptures-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin-bottom:var(--space-md)}.search-form{margin-bottom:0}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#f5f0e10d;border:1px solid rgba(196,169,98,.2);border-radius:var(--radius-full)}.search-input-wrapper svg{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.search-input-wrapper input{flex:1;background:none;border:none;color:var(--text-primary);font-size:1rem;padding:var(--space-sm)}.search-input-wrapper input:focus{outline:none}.search-input-wrapper input::placeholder{color:var(--text-muted)}.scriptures-content{padding:var(--space-lg)}.topics-grid h2{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md)}.topics-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.topic-chip{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid rgba(196,169,98,.15);border-radius:var(--radius-full);color:var(--parchment);font-size:.9rem;transition:all .2s}.topic-chip:hover{background:#c4a96226;border-color:var(--gold);color:var(--gold)}.back-link{color:var(--gold);font-size:.9rem;margin-bottom:var(--space-lg);display:inline-block}.verses-list{display:flex;flex-direction:column;gap:var(--space-md)}.verse-card{padding:var(--space-lg);background:var(--bg-card);border:1px solid rgba(245,240,225,.05);border-radius:var(--radius-md)}.verse-text{font-family:var(--font-display);font-size:1.05rem;color:var(--parchment);line-height:1.7;margin-bottom:var(--space-md)}.verse-reference{font-size:.85rem;color:var(--gold);font-style:normal}.prayers-screen{padding-top:calc(var(--safe-top) + var(--space-md))}.prayers-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(196,169,98,.1)}.prayers-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:500}.prayer-form{padding:var(--space-lg);border-bottom:1px solid rgba(196,169,98,.1);background:#c4a96208}.prayer-form textarea{width:100%;padding:var(--space-md);background:#f5f0e10d;border:1px solid rgba(196,169,98,.2);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;resize:none;margin-bottom:var(--space-md)}.prayer-form textarea:focus{outline:none;border-color:var(--gold)}.prayer-form textarea::placeholder{color:var(--text-muted)}.form-options{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.form-options select{padding:var(--space-sm) var(--space-md);background:#f5f0e10d;border:1px solid rgba(196,169,98,.2);border-radius:var(--radius-sm);color:var(--text-primary)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.9rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.submit-button{width:100%;padding:var(--space-md);background:var(--gold);color:var(--deep-navy);font-weight:500;border-radius:var(--radius-md);transition:all .2s}.submit-button:hover{background:var(--gold-light)}.prayers-list{padding:var(--space-lg)}.prayer-card{padding:var(--space-lg);background:var(--bg-card);border:1px solid rgba(245,240,225,.05);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.prayer-content{font-size:1rem;color:var(--parchment);line-height:1.6;margin-bottom:var(--space-md)}.prayer-meta{display:flex;align-items:center;justify-content:space-between}.prayer-author{font-size:.85rem;color:var(--text-muted)}.pray-button{padding:var(--space-sm) var(--space-md);background:#c4a9621a;border:1px solid rgba(196,169,98,.2);border-radius:var(--radius-full);color:var(--gold);font-size:.85rem;transition:all .2s}.pray-button:hover:not(:disabled){background:#c4a96233}.pray-button.prayed{background:#c4a96233;cursor:default}.profile-screen{padding:var(--space-xl);padding-top:calc(var(--safe-top) + var(--space-xl));max-width:500px;margin:0 auto}.profile-header{text-align:center;margin-bottom:var(--space-xl)}.profile-avatar{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--deep-navy);font-family:var(--font-display);font-size:2rem;font-weight:500;border-radius:var(--radius-full);margin:0 auto var(--space-md)}.profile-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--parchment)}.profile-email{color:var(--text-muted);font-size:.9rem;margin-top:var(--space-xs)}.profile-content{display:flex;flex-direction:column;gap:var(--space-xl)}.settings-section h2{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md)}.settings-list{display:flex;flex-direction:column;gap:var(--space-md)}.setting-item{display:flex;justify-content:space-between;padding:var(--space-md);background:var(--bg-card);border:1px solid rgba(245,240,225,.05);border-radius:var(--radius-md)}.setting-item span:first-child{color:var(--text-secondary)}.setting-item span:last-child{color:var(--parchment);font-weight:500}.edit-button{width:100%;padding:var(--space-md);background:#c4a9621a;border:1px solid var(--gold);border-radius:var(--radius-md);color:var(--gold);font-weight:500;transition:all .2s}.edit-button:hover{background:#c4a96233}.edit-form{display:flex;flex-direction:column;gap:var(--space-md)}.edit-form .form-group label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:var(--space-xs)}.edit-form .form-group input,.edit-form .form-group select{padding:var(--space-md);background:#f5f0e10d;border:1px solid rgba(196,169,98,.2);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem}.edit-form .form-group input:focus,.edit-form .form-group select:focus{outline:none;border-color:var(--gold)}.button-group{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.secondary-button{flex:1;padding:var(--space-md);background:#f5f0e10d;border:1px solid rgba(245,240,225,.2);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all .2s}.secondary-button:hover{background:#f5f0e11a}.primary-button{flex:1;padding:var(--space-md);background:var(--gold);border-radius:var(--radius-md);color:var(--deep-navy);font-weight:500;transition:all .2s}.primary-button:hover{background:var(--gold-light)}.danger-zone{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(245,240,225,.1)}.logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:var(--radius-md);color:#f99;font-weight:500;transition:all .2s}.logout-button:hover{background:#ff646433}.logout-button svg{width:20px;height:20px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){.app-container{max-width:480px;margin:0 auto;box-shadow:0 0 60px #00000080;min-height:100vh}.bottom-nav,.chat-input{max-width:480px;left:50%;transform:translate(-50%)}}@media (display-mode: standalone){body{-webkit-user-select:none;user-select:none}}