body{background:linear-gradient(135deg,#fef3e2,#e6f2ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:12px;box-shadow:0 2px 10px #ff99331a;justify-content:space-between;margin-bottom:30px;padding:16px 20px}.header,.logo{align-items:center;display:flex}.logo{gap:12px}.logo-icon{align-items:center;background:#f93;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.logo-text h1{color:#333;font-size:20px;font-weight:600}.logo-text p{color:#666;font-size:12px}.voice-btn{align-items:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.voice-btn:hover{background:#e8e8e8}.voice-btn.active{background:#fee;color:#dc2626}.welcome{margin-bottom:40px;text-align:center}.welcome-icon{align-items:center;background:linear-gradient(135deg,#f93,#ff7a00);border-radius:50%;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.welcome h2{color:#333;font-size:28px;font-weight:600;margin-bottom:12px}.welcome p{color:#666;font-size:16px;line-height:1.5;margin-bottom:30px}.quick-prompts{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:30px}@media (min-width:768px){.quick-prompts{grid-template-columns:1fr 1fr}}.prompt-btn{background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#555;cursor:pointer;font-size:14px;line-height:1.4;padding:16px;text-align:left;transition:all .2s}.prompt-btn:hover{border-color:#f93;box-shadow:0 2px 8px #ff993326;transform:translateY(-1px)}.messages{flex:1 1}.message,.messages{margin-bottom:20px}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{border-radius:16px;font-size:15px;line-height:1.4;max-width:70%;padding:12px 16px}.message.user .message-content{background:#f93;color:#fff}.message.assistant .message-content{background:#fff;border:1px solid #e5e5e5;color:#333}.persona{align-items:center;color:#666;display:flex;font-size:12px;gap:6px;margin-bottom:8px}.timestamp{color:#999;font-size:11px;margin-top:4px}.message.user .timestamp{text-align:right}.loading{display:flex;justify-content:flex-start;margin-bottom:20px}.loading-content{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:16px;display:flex;gap:8px;padding:12px 16px}.loading-dots{display:flex;gap:4px}.dot{animation:bounce 1.4s ease-in-out infinite;background:#f93;border-radius:50%;height:6px;width:6px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-form{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:12px;padding:12px}.input-field{background:#0000;border:none;flex:1 1;font-size:15px;outline:none}.input-field::placeholder{color:#999}.send-btn{align-items:center;background:#f93;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.send-btn:hover:not(:disabled){background:#e6851a}.send-btn:disabled{background:#ddd;cursor:not-allowed}@media (max-width:768px){.container{padding:12px}.message-content{max-width:85%}.welcome h2{font-size:24px}.welcome p{font-size:14px}}.message-text strong{color:#ff6b35;font-weight:600}.message-text em{color:#2c5aa0;font-style:italic}.message-text p{margin-bottom:8px}.message-text p:last-child{margin-bottom:0}.message-text em[lang=sa]{font-family:Noto Sans Devanagari,sans-serif;font-size:.95em}:root{--sacred-saffron:#f93;--krishna-blue:#1e3a8a;--lotus-white:#fefefe;--meditation-gold:#f59e0b;--peaceful-green:#059669;--sunset-orange:#ea580c;--charcoal:#374151;--soft-gray:#9ca3af;--light-gray:#f9fafb;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-sacred:"Crimson Text",Georgia,serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#fefefe,#f9fafb);background:linear-gradient(135deg,var(--lotus-white) 0,var(--light-gray) 100%);color:#374151;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-primary);line-height:1.6;margin:0 auto;width:100%}.App,body{display:flex;flex-direction:column;min-height:100vh}.landing-page{max-width:100%;min-height:100vh;padding:2rem;padding:var(--space-lg);position:relative}.hero-section,.landing-page{align-items:center;display:flex;justify-content:center;margin:0 auto;width:100%}.hero-section{max-width:600px;overflow:hidden}.hero-content,.hero-section{flex-direction:column;text-align:center}.hero-content{align-items:center;display:flex;gap:1.5rem;gap:var(--space-md);justify-content:center;margin:0 auto;max-width:100%;width:100%}.sacred-symbol{color:#f93;color:var(--sacred-saffron);display:block;font-size:4rem;text-shadow:0 2px 8px #ff99334d}.main-title,.sacred-symbol{margin-bottom:.5rem;margin-bottom:var(--space-xs);text-align:center;width:100%}.main-title{color:#1e3a8a;color:var(--krishna-blue);font-size:3.5rem;font-weight:700;letter-spacing:-.02em}.subtitle{color:#374151;color:var(--charcoal);font-size:1.25rem;line-height:1.5;margin-bottom:2rem;margin-bottom:var(--space-lg);margin-left:auto;margin-right:auto;text-align:center}.sacred-quote,.subtitle{max-width:500px;width:100%}.sacred-quote{background:#ff99330d;border-left:4px solid #f93;border-left:4px solid var(--sacred-saffron);border-radius:0 8px 8px 0;margin:2rem 0;margin:var(--space-lg) 0;margin-left:auto;margin-right:auto;padding:1.5rem;padding:var(--space-md);text-align:left}.sanskrit{color:#1e3a8a;color:var(--krishna-blue);font-family:Crimson Text,Georgia,serif;font-family:var(--font-sacred);font-size:1.125rem;font-style:italic;margin-bottom:1rem;margin-bottom:var(--space-sm)}.translation{color:#9ca3af;color:var(--soft-gray);font-size:1rem;font-style:italic}.primary-cta{align-items:center;background:linear-gradient(135deg,#f93,#f59e0b);background:linear-gradient(135deg,var(--sacred-saffron),var(--meditation-gold));border:none;border-radius:50px;box-shadow:0 4px 20px #ff99334d;color:#fefefe;color:var(--lotus-white);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-primary);font-size:1.125rem;font-weight:600;gap:1rem;gap:var(--space-sm);padding:1.5rem 3rem;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.primary-cta:hover{box-shadow:0 8px 30px #f936;transform:translateY(-2px)}.primary-cta:active{transform:translateY(0)}.auth-section{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-sm);justify-content:center;margin:0 auto}.auth-message,.auth-section{max-width:400px;text-align:center;width:100%}.auth-message{color:#9ca3af;color:var(--soft-gray);font-size:1rem;margin-bottom:.5rem;margin-bottom:var(--space-xs);margin-left:auto;margin-right:auto}.conversation-interface{background:linear-gradient(135deg,#fefefe,#f9fafb);background:linear-gradient(135deg,var(--lotus-white) 0,var(--light-gray) 100%);display:flex;flex-direction:column;min-height:100vh}.conversation-header{align-items:center;background:#fefefe;background:var(--lotus-white);border-bottom:1px solid #f933;box-shadow:0 2px 8px #1e3a8a1a;display:flex;justify-content:space-between;padding:2rem;padding:var(--space-lg)}.back-button{align-items:center;background:none;border:2px solid #f93;border:2px solid var(--sacred-saffron);border-radius:25px;color:#f93;color:var(--sacred-saffron);cursor:pointer;display:flex;font-weight:600;gap:1rem;gap:var(--space-sm);padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.back-button:hover{background:#f93;background:var(--sacred-saffron);color:#fefefe;color:var(--lotus-white);transform:translateY(-1px)}.conversation-title{display:flex;flex:1 1;justify-content:center}.title-content{align-items:center;display:flex;gap:1.5rem;gap:var(--space-md)}.krishna-symbol{color:#f93;color:var(--sacred-saffron);font-size:2rem}.title-content h1{color:#1e3a8a;color:var(--krishna-blue);font-size:1.5rem;font-weight:700;margin:0}.title-content p{color:#9ca3af;color:var(--soft-gray);font-size:.875rem;font-style:italic;margin:0}.messages-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:800px;padding:2rem;padding:var(--space-lg);width:100%}.welcome-state{align-items:center;display:flex;height:100%;justify-content:center;min-height:400px}.welcome-content{max-width:500px;text-align:center}.welcome-symbol{color:#f59e0b;color:var(--meditation-gold);display:block;font-size:3rem;margin-bottom:2rem;margin-bottom:var(--space-lg)}.welcome-content h2{color:#1e3a8a;color:var(--krishna-blue);font-size:2rem;font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--space-md)}.welcome-content p{color:#374151;color:var(--charcoal);font-size:1.125rem;line-height:1.6}.messages-list{display:flex;flex-direction:column;gap:2rem;gap:var(--space-lg);padding:1.5rem 0;padding:var(--space-md) 0}.message{display:flex;width:100%}.user-message{justify-content:flex-end}.krishna-message{justify-content:flex-start}.message-content{align-items:flex-start;display:flex;gap:1rem;gap:var(--space-sm);max-width:80%}.avatar{color:#f93;color:var(--sacred-saffron);flex-shrink:0;font-size:1.5rem;margin-top:.5rem;margin-top:var(--space-xs)}.message-text{word-wrap:break-word;border-radius:20px;font-size:1rem;line-height:1.6;padding:1.5rem 2rem;padding:var(--space-md) var(--space-lg)}.user-message .message-text{background:#f93;background:var(--sacred-saffron);border-bottom-right-radius:8px;color:#fefefe;color:var(--lotus-white)}.krishna-message .message-text{border:1px solid #f933;border-bottom-left-radius:8px;box-shadow:0 2px 8px #1e3a8a1a;color:#374151;color:var(--charcoal)}.input-area,.krishna-message .message-text{background:#fefefe;background:var(--lotus-white)}.input-area{border-top:1px solid #f933;box-shadow:0 -2px 8px #1e3a8a1a;padding:2rem;padding:var(--space-lg)}.input-form{margin:0 auto;max-width:none;padding:0 1rem;width:100%}.input-container{align-items:center;background:#f9fafb;background:var(--light-gray);border:2px solid #0000;border-radius:25px;display:flex;gap:1rem;gap:var(--space-sm);max-width:none;padding:.5rem;padding:var(--space-xs);transition:border-color .3s ease;width:100%}.input-container:focus-within{border-color:#f93;border-color:var(--sacred-saffron)}.message-input{background:none;border:none;color:#374151;color:var(--charcoal);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-primary);font-size:1rem;outline:none;padding:1.5rem;padding:var(--space-md)}.message-input::placeholder{color:#9ca3af;color:var(--soft-gray)}.send-button,.voice-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.voice-button{background:#059669;background:var(--peaceful-green);color:#fefefe;color:var(--lotus-white)}.voice-button:hover{background:#f59e0b;background:var(--meditation-gold);transform:scale(1.05)}.send-button{background:#f93;background:var(--sacred-saffron);color:#fefefe;color:var(--lotus-white)}.send-button:hover:not(:disabled){background:#f59e0b;background:var(--meditation-gold);transform:scale(1.05)}.send-button:disabled{background:#9ca3af;background:var(--soft-gray);cursor:not-allowed;transform:none}.guidance-text{color:#9ca3af;color:var(--soft-gray);font-size:.875rem;font-style:italic;margin-bottom:0;text-align:center}.citations,.guidance-text{margin-top:1.5rem;margin-top:var(--space-md)}.citations{background:#ff99330d;border-left:3px solid #f93;border-left:3px solid var(--sacred-saffron);border-radius:0 8px 8px 0;padding:1.5rem;padding:var(--space-md)}.citations-title{color:#1e3a8a;color:var(--krishna-blue);font-size:.875rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-sm) 0}.citation{color:#374151;color:var(--charcoal);font-size:.875rem;margin-bottom:.5rem;margin-bottom:var(--space-xs)}.sanskrit-citation{color:#9ca3af;color:var(--soft-gray);font-family:Crimson Text,Georgia,serif;font-family:var(--font-sacred);font-style:italic;margin-top:.5rem;margin-top:var(--space-xs)}.conversation-interface .input-area{margin:0;max-width:none;padding:2rem;padding:var(--space-lg);width:100%}.conversation-interface .input-form{margin:0;max-width:none;padding:0 1rem;width:100%}.conversation-interface .input-container{margin:0;max-width:none;width:100%}@media (max-width:768px){.conversation-header,.input-area,.messages-container{padding:1.5rem;padding:var(--space-md)}.welcome-content h2{font-size:1.5rem}.welcome-content p{font-size:1rem}.message-content{max-width:90%}.landing-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--space-md)}.hero-section,.landing-page{margin:0 auto;max-width:100%;width:100%}.hero-section{padding:0 1rem;padding:0 var(--space-sm)}.hero-content{align-items:center;text-align:center;width:100%}.sacred-symbol{font-size:3rem;text-align:center;width:100%}.main-title{font-size:2.5rem}.main-title,.subtitle{margin:0 auto;text-align:center;width:100%}.subtitle{font-size:1.125rem;max-width:100%;padding:0 1rem;padding:0 var(--space-sm)}.primary-cta{align-self:center;font-size:1rem;margin:0 auto;padding:1rem 2rem;padding:var(--space-sm) var(--space-lg)}.sacred-quote{margin:2rem auto;margin:var(--space-lg) auto;max-width:calc(100% - 1.5rem);max-width:calc(100% - var(--space-md));padding:1.5rem;padding:var(--space-md)}.auth-section{align-items:center;justify-content:center;width:100%}}@media (max-width:480px){.landing-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-sm)}.hero-section{max-width:100%;width:100%}.main-title{font-size:2rem;line-height:1.2;padding:0 .5rem;padding:0 var(--space-xs);text-align:center}.subtitle{font-size:1rem;line-height:1.4;padding:0 1rem;padding:0 var(--space-sm);text-align:center}.sacred-symbol{font-size:2.5rem}.sacred-quote{margin:1.5rem auto;margin:var(--space-md) auto;max-width:calc(100% - 1rem);max-width:calc(100% - var(--space-sm));padding:1rem;padding:var(--space-sm)}.primary-cta{font-size:1rem;min-width:200px;padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);width:auto}}