@import url(https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Scheherazade+New:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.chat-interface{animation:sacredEntrance 1.5s ease-out forwards;background:#fdf9f3d9;border:1px solid #d4b07d33;border-radius:20px;box-shadow:0 12px 36px #2d594814;flex-direction:column;height:calc(100vh - 40px);margin:20px auto;max-width:900px}.chat-header,.chat-interface{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;overflow:hidden}.chat-header{background:linear-gradient(135deg,#2d5948f2,#3a6b55f2);border-bottom:1px solid #d4b07d33;border-radius:20px 20px 0 0;box-shadow:0 2px 10px #2d594833;color:var(--white);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);position:relative}.chat-header h2{color:var(--white);font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin:0}.connection-status{font-family:var(--font-body);font-size:.9rem;gap:var(--spacing-sm)}.status-indicator{background:var(--error-alert);border-radius:50%;height:8px;transition:all var(--transition-fast);width:8px}.status-indicator.connected{animation:meditativePulse 3s ease-in-out infinite;background:var(--accent-green);box-shadow:0 0 6px #a3c6a466}.messages-container{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding:var(--spacing-lg)}.message{animation:fadeInUp .4s ease-out forwards;display:flex;max-width:70%;opacity:0}.message.user{align-self:flex-end;animation:slideInRight .4s ease-out forwards}.message.assistant{align-self:flex-start;animation:slideInLeft .4s ease-out forwards}.message-content{border-radius:var(--radius-lg);cursor:default;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.message-content:hover{transform:translateY(-1px)}.message.user .message-content{background:linear-gradient(135deg,#d4b07d,#c4a06d);border-bottom-right-radius:4px;box-shadow:0 4px 12px #d4b07d4d;color:#fff}.message.user .message-content:hover{box-shadow:0 6px 16px #d4b07d66}.message.assistant .message-content{background:#f5f2eb;border:1px solid #d4b07d26;border-bottom-left-radius:4px;box-shadow:0 3px 12px #2d59480f;color:#2d5948}.message.assistant .message-content:hover{box-shadow:0 4px 16px #2d594814}.message-content p{font-family:var(--font-body);line-height:1.6;margin:0 0 var(--spacing-sm) 0}.message-content p:last-child{margin-bottom:0}.citations{border-top:1px solid #fff3;color:var(--text-secondary);font-size:var(--small-size);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.message.user .citations{border-top-color:#fff3;color:#fffc}.citation{align-items:center;background:var(--background-light);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-size:.75rem;margin:var(--spacing-xs) var(--spacing-xs) 0 0;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.citation:hover{background:var(--secondary);color:var(--white);transform:translateY(-1px)}.message.user .citation{background:#fff3;color:#ffffffe6}.streaming-indicator{animation:pulse 1.5s ease-in-out infinite;background:var(--primary);border-radius:50%;display:inline-block;height:6px;margin-left:var(--spacing-sm);width:6px}.message.streaming .message-content{animation:softGlow 2s ease-in-out infinite;border-bottom:2px solid var(--secondary)}.typing-indicator{align-items:center;display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm)}.typing-indicator span{animation:prayerBeads 2s ease-in-out infinite;background:var(--primary);border-radius:50%;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.3s}.typing-indicator span:nth-child(3){animation-delay:.6s}.streaming-cursor{animation:streamingBlink 1s infinite;color:var(--primary)}@keyframes streamingBlink{0%,50%{opacity:1}51%,to{opacity:0}}.quranic-verse .streaming-cursor{color:var(--secondary);text-shadow:0 0 4px #d4b07d4d}.hadith-text .streaming-cursor{color:var(--accent-green);text-shadow:0 0 4px #a3c6a44d}.message.streaming .message-content{animation:streamingGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#d4b07d1a,#0000)}@keyframes streamingGlow{0%,to{background:linear-gradient(90deg,#d4b07d0d,#0000)}50%{background:linear-gradient(90deg,#d4b07d26,#0000)}}.timestamp{color:var(--text-secondary);font-family:var(--font-body);font-size:.7rem;margin-top:var(--spacing-xs);opacity:.7}.message.user .timestamp{color:#ffffffb3}.input-container{align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf6efe6;border-top:1px solid #d4b07d4d;box-shadow:0 -2px 10px #2d59480d;display:flex;gap:var(--spacing-sm);padding:16px 20px}.input-container textarea{background:#fffaf4cc;border:1.5px solid #a3c6a466;border-radius:12px;color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:var(--body-size);max-height:120px;min-height:44px;padding:12px 16px;resize:vertical;transition:all .3s ease}.input-container textarea:focus{background:#fffaf4;border-color:#a3c6a4;box-shadow:0 0 12px #a3c6a433;outline:none}.input-container textarea::placeholder{color:var(--text-secondary);opacity:.7}.send-button{align-items:center;background:linear-gradient(135deg,#2d5948,#3a6b55);border:none;border-radius:12px;box-shadow:0 4px 12px #2d594833;color:var(--white);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--body-size);font-weight:500;gap:var(--spacing-sm);padding:12px 20px;transition:all .3s ease}.send-button:hover:not(:disabled){animation:sacredTouch 1s ease-out;box-shadow:0 6px 16px #2d59484d;transform:translateY(-2px)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:var(--text-secondary);border-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.background-form{align-items:center;animation:fadeIn .6s ease-out;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.form-container{animation:fadeInUp .8s ease-out;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001a;max-width:500px;padding:var(--spacing-xl);text-align:center;width:100%}.form-container h2{color:var(--primary);font-family:var(--font-heading);margin-bottom:var(--spacing-md)}.form-container p{color:var(--text-secondary);font-family:var(--font-body);line-height:1.6;margin-bottom:var(--spacing-xl)}.app-description{border-bottom:1px solid var(--border-light);color:var(--primary)!important;font-size:1.1rem!important;font-style:italic;font-weight:500!important;margin-bottom:var(--spacing-lg)!important;padding-bottom:var(--spacing-md);text-align:center}.background-options{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--spacing-lg)}.background-btn{background:var(--background-light);border:2px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.background-btn:hover{background:var(--primary);box-shadow:0 2px 8px #2d594833;color:var(--white);transform:translateY(-1px)}.background-btn:active{transform:scale(.98)}.disclaimer{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--small-size);font-style:italic;margin-top:var(--spacing-md);opacity:.8}.islamic-divider{color:var(--secondary);font-size:1.5rem;margin:var(--spacing-lg) 0;position:relative;text-align:center}.islamic-divider:after,.islamic-divider:before{background:linear-gradient(to right,#0000,var(--secondary));content:"";height:1px;position:absolute;top:50%;width:30%}.islamic-divider:before{left:0}.islamic-divider:after{background:linear-gradient(to left,#0000,var(--secondary));right:0}@media (max-width:768px){.chat-interface{border-radius:0;height:100vh;max-width:100%}.chat-header,.messages-container{padding:var(--spacing-md)}.message{max-width:85%}.input-container,.message-content{padding:var(--spacing-sm) var(--spacing-md)}.background-options{grid-template-columns:repeat(2,1fr)}.form-container{margin:var(--spacing-md);padding:var(--spacing-lg)}}.message-content.has-quranic-verse{background:linear-gradient(135deg,var(--background-light) 0,#f5efe6 100%);border-left:3px solid var(--secondary)}.message-content.has-hadith{background:var(--white);border:1px solid var(--accent-green)}.message:first-child{animation-delay:.1s}.message:nth-child(2){animation-delay:.2s}.message:nth-child(3){animation-delay:.3s}.message:nth-child(4){animation-delay:.4s}.message:nth-child(5){animation-delay:.5s}.streaming-cursor{animation:blink 1.2s infinite;color:var(--gold);display:inline-block;font-weight:700;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.streaming-message{position:relative}.streaming-message-smooth{animation:none;position:relative}.fade-in-word{display:inline;opacity:1;transition:opacity .3s ease-out}@keyframes fadeInWord{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.streaming-cursor-smooth{animation:gentleBlink 1.5s ease-in-out infinite;color:var(--secondary);display:inline-block;font-weight:700;margin-left:2px;text-shadow:0 0 4px var(--secondary)}@keyframes gentleBlink{0%,70%{opacity:1}85%,to{opacity:.3}}.message.streaming .message-content{animation:gentleGlow 3s ease-in-out infinite;background:linear-gradient(90deg,var(--background-light),var(--background-light));border-bottom:2px solid #0000}@keyframes gentleGlow{0%,to{box-shadow:0 2px 8px #d4b07d1a}50%{box-shadow:0 3px 12px #d4b07d33}}.quranic-verse .streaming-cursor-smooth{color:var(--secondary);text-shadow:0 0 6px #d4b07d99}.hadith-text .streaming-cursor-smooth{color:var(--accent-green);text-shadow:0 0 6px #a3c6a499}.language-switcher-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.language-switcher-overlay+.floating-language-switcher{box-shadow:0 25px 50px #00000040;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}@media (max-width:768px){.language-switcher-overlay+.floating-language-switcher{left:50%;max-width:320px;top:20px;transform:translateX(-50%);width:calc(100vw - 40px)}}.message.system{margin:16px 0;text-align:center}.message.system .message-content{background:#faf8f5;background:var(--accent-light,#faf8f5);border:1px solid #d4b07d;border:1px solid var(--accent-gold,#d4b07d);border-radius:20px;color:#666;color:var(--text-secondary,#666);display:inline-block;font-size:14px;font-style:italic;padding:8px 16px}@media (prefers-color-scheme:dark){.message.system .message-content{background:#4a4230;background:var(--accent-dark,#4a4230);border-color:#e6c88a;border-color:var(--accent-gold-dark,#e6c88a);color:#ccc;color:var(--text-secondary-dark,#ccc)}}.language-selector{align-items:center;animation:fadeIn .6s ease-out;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.language-form-container{animation:fadeInUp .8s ease-out;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001a;max-width:600px;padding:var(--spacing-xl);text-align:center;width:100%}.language-title{color:var(--primary);font-family:var(--font-heading);line-height:1.3;margin-bottom:var(--spacing-lg)}.title-en{font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-sm)}.title-multilingual{font-family:Amiri,Noto Nastaliq Urdu,Noto Sans Devanagari,serif;font-size:1.2rem;font-weight:500;opacity:.8}.language-subtitle,.title-multilingual{color:var(--text-secondary);line-height:1.6}.language-subtitle{font-family:var(--font-body);font-size:.95rem;margin-bottom:var(--spacing-xl)}.language-options{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-lg)}.language-btn{align-items:center;background:var(--background-light);border:2px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;min-height:60px;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.language-btn:hover{background:var(--primary);box-shadow:0 4px 16px #2d594833;color:var(--white);transform:translateY(-2px)}.language-btn:active{transform:translateY(0) scale(.98)}.language-btn.selected{background:var(--primary);box-shadow:0 4px 16px #2d59484d;color:var(--white)}.language-btn.selected:after{content:"✓";font-size:.8rem;font-weight:700;position:absolute;right:8px;top:8px}.language-btn.rtl.selected:after{left:8px;right:auto}.language-flag{font-size:1.5rem;margin-right:var(--spacing-sm)}.language-btn.rtl .language-flag{margin-left:var(--spacing-sm);margin-right:0}.language-name{font-size:1.1rem;font-weight:600}.language-btn.rtl .language-name{direction:rtl;font-family:Amiri,Noto Nastaliq Urdu,serif;font-size:1.2rem;text-align:right}.language-btn:not(.rtl) .language-name{font-family:Noto Sans Devanagari,Inter,sans-serif}.language-english{font-size:.85rem;font-weight:400;margin-left:var(--spacing-xs);opacity:.7}.language-btn.rtl .language-english{margin-left:0;margin-right:var(--spacing-xs)}.language-disclaimer{border-top:1px solid var(--border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.disclaimer-text{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--small-size);font-style:italic;line-height:1.4;margin:0;opacity:.8}@media (max-width:768px){.language-selector{padding:var(--spacing-md)}.language-form-container{padding:var(--spacing-lg)}.language-options{gap:var(--spacing-sm);grid-template-columns:1fr}.language-btn{min-height:50px;padding:var(--spacing-sm) var(--spacing-md)}.title-en{font-size:1.5rem}.title-multilingual{font-size:1rem}}@media (max-width:480px){.language-form-container{margin:var(--spacing-sm);padding:var(--spacing-md)}.title-en{font-size:1.3rem}.title-multilingual{font-size:.9rem}.language-flag{font-size:1.2rem}.language-name{font-size:1rem}}.language-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.language-btn:focus:not(:focus-visible){outline:none}.language-btn,.language-english,.language-flag,.language-name{transition:all var(--transition-normal)}.language-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.language-btn:hover:before{left:100%}.language-btn.selected:before{display:none}.chat-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light,#e0e0e0);box-shadow:0 2px 12px #00000014;display:grid;grid-template-columns:1fr auto 1fr;min-height:72px;padding:18px 28px;position:sticky;top:0;z-index:100}.header-left{justify-self:start}.brand-section,.header-left{display:flex;flex-direction:column;gap:2px}.app-title{font-size:20px;font-weight:700;letter-spacing:-.2px;line-height:1.2;margin:0}.app-title,.bismillah-text{color:#d4b07d;color:var(--accent-gold,#d4b07d)}.bismillah-text{font-family:Amiri,Times New Roman,serif;font-size:14px;font-weight:400;letter-spacing:.5px;line-height:1.3;margin-top:-2px;opacity:.85}.header-center{align-items:center;display:flex;justify-content:center;justify-self:center}.bismillah-center{color:#d4b07d;color:var(--accent-gold,#d4b07d);font-family:Amiri,Times New Roman,serif;font-size:16px;font-weight:400;letter-spacing:.5px;line-height:1.3;opacity:.9;text-align:center;white-space:nowrap}.connection-status{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:20px;display:flex;gap:8px;padding:6px 12px}.status-dot{border-radius:50%;flex-shrink:0;height:8px;transition:all .3s ease;width:8px}.status-dot.connected{background:#10b981;background:var(--success-color,#10b981);box-shadow:0 0 8px #10b98166}.status-dot.disconnected{animation:pulse 2s infinite;background:#ef4444;background:var(--error-color,#ef4444);box-shadow:0 0 8px #ef444466}.status-text{font-size:13px;font-weight:500;letter-spacing:.2px;transition:color .3s ease}.connection-status:has(.status-dot.connected) .status-text{color:#10b981;color:var(--success-color,#10b981)}.connection-status:has(.status-dot.disconnected) .status-text{color:#ef4444;color:var(--error-color,#ef4444)}.header-right{align-items:center;display:flex;gap:12px;justify-self:end}.language-header-btn{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:10px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:80px;padding:10px 16px;transition:all .2s ease}.language-header-btn:hover{background:#faf8f5;background:var(--accent-light,#faf8f5);border-color:#d4b07d;border-color:var(--accent-gold,#d4b07d);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.language-header-btn:active{transform:translateY(0)}.language-header-btn.compact{min-width:50px;padding:8px 12px}.language-header-btn .language-icon{color:#2d5948;color:var(--icon-color,#2d5948);font-size:14px;line-height:1;margin-right:4px}.language-header-btn .flag{font-size:16px;line-height:1}.language-header-btn .lang-code{color:#333;color:var(--text-primary,#333);font-size:13px;font-weight:600;letter-spacing:.5px}.language-header-btn .dropdown-arrow{color:#666;color:var(--text-secondary,#666);font-size:10px;transition:transform .2s ease}.language-header-btn:hover .dropdown-arrow{transform:translateY(1px)}.language-header-btn:hover .language-icon{color:#3a6b55;color:var(--icon-color-hover,#3a6b55)}.login-btn{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:10px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:80px;padding:10px 16px;transition:all .2s ease}.login-btn:hover{background:#faf8f5;background:var(--accent-light,#faf8f5);border-color:#d4b07d;border-color:var(--accent-gold,#d4b07d);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn .login-icon{color:#2d5948;color:var(--icon-color,#2d5948);font-size:16px;line-height:1}.login-btn .login-text{color:#333;color:var(--text-primary,#333);font-size:13px;font-weight:600;letter-spacing:.5px}.login-btn:hover .login-icon{color:#3a6b55;color:var(--icon-color-hover,#3a6b55)}.chat-header[dir=rtl]{grid-template-columns:1fr auto 1fr}.chat-header[dir=rtl] .header-left{justify-self:end;text-align:right}.chat-header[dir=rtl] .header-right{flex-direction:row-reverse;justify-self:start}.chat-header[dir=rtl] .connection-status{flex-direction:row-reverse}.chat-header[dir=rtl] .bismillah-text{text-align:right}.language-header-btn[dir=rtl]{flex-direction:row-reverse}@media (max-width:768px){.chat-header{grid-template-columns:1fr auto 1fr;min-height:64px;padding:14px 18px}.app-title{font-size:18px}.bismillah-text{font-size:12px}.connection-status{padding:5px 10px}.status-text{font-size:12px}.language-header-btn{font-size:13px;min-width:70px;padding:8px 12px}.language-header-btn .flag{font-size:14px}.language-header-btn .lang-code{font-size:12px}}@media (max-width:480px){.chat-header{gap:8px;grid-template-columns:1fr;grid-template-rows:auto auto;min-height:56px;padding:12px 16px}.header-left{justify-self:center;text-align:center}.header-center{justify-self:center;order:3}.header-right{justify-self:center;margin-top:4px;order:2}.app-title{font-size:16px}.bismillah-text{font-size:11px}.connection-status{gap:6px;padding:4px 8px}.status-text{font-size:11px}.language-header-btn{gap:6px;min-width:65px;padding:7px 12px}.language-header-btn .lang-code{font-size:11px}}@media (prefers-color-scheme:dark){.chat-header{background:#2a2a2a;background:var(--bg-primary-dark,#2a2a2a);border-bottom-color:#404040;border-bottom-color:var(--border-dark,#404040)}.app-title{color:#e6c88a;color:var(--accent-gold-dark,#e6c88a)}.status-text{color:#ccc;color:var(--text-secondary-dark,#ccc)}.language-header-btn,.settings-btn{background:#383838;background:var(--bg-secondary-dark,#383838);border-color:#404040;border-color:var(--border-dark,#404040);color:#fff;color:var(--text-primary-dark,#fff)}.language-header-btn:hover,.settings-btn:hover{background:#4a4230;background:var(--accent-light-dark,#4a4230);border-color:#e6c88a;border-color:var(--accent-gold-dark,#e6c88a)}.language-header-btn .lang-code{color:#fff;color:var(--text-primary-dark,#fff)}.language-header-btn .dropdown-arrow{color:#ccc;color:var(--text-secondary-dark,#ccc)}.language-header-btn .language-icon,.login-btn .login-icon{color:#4a8b62;color:var(--icon-color-dark,#4a8b62)}.language-header-btn:hover .language-icon,.login-btn:hover .login-icon{color:#5b9a73;color:var(--icon-color-hover-dark,#5b9a73)}}.language-header-btn:focus,.settings-btn:focus{outline:2px solid #d4b07d;outline:2px solid var(--accent-gold,#d4b07d);outline-offset:2px}@media (prefers-contrast:high){.chat-header{border-bottom-width:2px}.language-header-btn,.settings-btn{border-width:2px}}@media (prefers-reduced-motion:reduce){.dropdown-arrow,.language-header-btn,.settings-btn{transition:none}.language-header-btn:hover,.settings-btn:hover{transform:none}}.floating-language-switcher{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:12px;box-shadow:0 8px 32px #00000026;position:fixed;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.floating-language-switcher.minimized{height:40px;width:65px}.floating-language-switcher.expanded{animation:expandIn .3s ease-out;min-height:220px;padding:20px;width:280px}@keyframes expandIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.language-toggle-btn{align-items:center;background:linear-gradient(135deg,#d4b07d,#c4a06d);background:linear-gradient(135deg,var(--accent-gold,#d4b07d),var(--accent-dark,#c4a06d));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;height:100%;justify-content:center;transition:all .2s ease;width:100%}.language-toggle-btn:hover{box-shadow:0 4px 12px #d4b07d66;transform:scale(1.05)}.language-toggle-btn:active{transform:scale(.98)}.switcher-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.switcher-title{color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:600}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;padding:4px;transition:all .2s ease;width:28px}.close-btn:hover{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);color:#333;color:var(--text-primary,#333)}.language-options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.lang-option{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border:2px solid #e0e0e0;border:2px solid var(--border-light,#e0e0e0);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:16px 12px;position:relative;transition:all .2s ease}.lang-option:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.lang-option.active,.lang-option:hover{border-color:#d4b07d;border-color:var(--accent-gold,#d4b07d)}.lang-option.active{background:#faf8f5;background:var(--accent-light,#faf8f5);box-shadow:0 2px 8px #d4b07d33}.lang-option .flag{font-size:24px;line-height:1;margin-bottom:6px}.lang-option .name{color:#333;color:var(--text-primary,#333);font-size:13px;font-weight:500;line-height:1.2;text-align:center}.lang-option .active-indicator{color:#d4b07d;color:var(--accent-gold,#d4b07d);font-size:12px;font-weight:700;position:absolute;right:6px;top:6px}.switcher-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light,#e0e0e0);padding-top:12px}.help-text{color:#666;color:var(--text-secondary,#666);display:block;font-size:12px;line-height:1.4;text-align:center}.floating-language-switcher[dir=rtl]{left:20px;right:auto}.floating-language-switcher[dir=rtl] .switcher-header{flex-direction:row-reverse}.floating-language-switcher[dir=rtl] .active-indicator{left:6px;right:auto}@media (max-width:768px){.floating-language-switcher{right:10px;top:10px}.floating-language-switcher[dir=rtl]{left:10px;right:auto}.floating-language-switcher.expanded{max-width:280px;width:calc(100vw - 40px)}.language-options-grid{gap:8px;grid-template-columns:1fr 1fr}.lang-option{min-height:70px;padding:12px 8px}.lang-option .flag{font-size:20px}.lang-option .name{font-size:12px}}@media (prefers-color-scheme:dark){.floating-language-switcher{background:#2a2a2a;background:var(--bg-primary-dark,#2a2a2a);border-color:#404040;border-color:var(--border-dark,#404040)}.switcher-title{color:#fff;color:var(--text-primary-dark,#fff)}.close-btn{color:#ccc;color:var(--text-secondary-dark,#ccc)}.close-btn:hover{background:#404040;background:var(--bg-secondary-dark,#404040);color:#fff;color:var(--text-primary-dark,#fff)}.lang-option{background:#383838;background:var(--bg-secondary-dark,#383838);border-color:#404040;border-color:var(--border-dark,#404040)}.lang-option .name{color:#fff;color:var(--text-primary-dark,#fff)}.help-text{color:#ccc;color:var(--text-secondary-dark,#ccc)}}.close-btn:focus,.lang-option:focus,.language-toggle-btn:focus{outline:2px solid #d4b07d;outline:2px solid var(--accent-gold,#d4b07d);outline-offset:2px}@media (prefers-reduced-motion:reduce){.floating-language-switcher,.lang-option,.language-toggle-btn{transition:none}.floating-language-switcher.expanded{animation:none}}:root{--primary:#2d5948;--secondary:#d4b07d;--background-light:#fdf9f3;--accent-green:#a3c6a4;--text-primary:#1e2b2d;--text-secondary:#5f6e6b;--error-alert:#c84b31;--white:#fff;--border-light:#e8eae3;--shadow-color:#0000000f;--overlay-color:#fdf9f3d9;--icon-color:#2d5948;--icon-color-hover:#3a6b55;--icon-color-dark:#4a8b62;--icon-color-hover-dark:#5b9a73;--font-heading:"Amiri",serif;--font-body:"Inter",sans-serif;--font-arabic:"Scheherazade New",serif;--h1-size:2.5rem;--h2-size:2rem;--h3-size:1.5rem;--body-size:1rem;--small-size:0.85rem;--quote-size:1.2rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--container-max-width:1100px;--chat-max-width:800px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.6s ease-out;--z-background:1;--z-content:2;--z-overlay:10;--z-modal:100}.app-icon{color:#2d5948;color:var(--icon-color,#2d5948);transition:color .2s ease;transition:color var(--transition-fast,.2s ease)}.app-icon:hover{color:#3a6b55;color:var(--icon-color-hover,#3a6b55)}@media (prefers-color-scheme:dark){.app-icon{color:#4a8b62;color:var(--icon-color-dark,#4a8b62)}.app-icon:hover{color:#5b9a73;color:var(--icon-color-hover-dark,#5b9a73)}}@media (max-width:768px){:root{--h1-size:2rem;--h2-size:1.5rem;--h3-size:1.25rem;--container-padding:1rem}}@media (min-width:769px){:root{--container-padding:2rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--body-size);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-heading);font-weight:700;line-height:1.3;margin-bottom:var(--spacing-md)}h1{font-size:var(--h1-size)}h2{font-size:var(--h2-size)}h3{font-size:var(--h3-size)}p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--body-size);line-height:1.6;margin-bottom:var(--spacing-md)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary);text-decoration:underline}.quranic-verse{animation:fadeInUp .6s ease-out,divineGlow 6s ease-in-out infinite;background:linear-gradient(135deg,var(--background-light) 0,#f5efe6 100%);border-left:4px solid var(--secondary);border-radius:var(--radius-md);box-shadow:0 4px 16px #d4b07d26;margin:var(--spacing-md) 0;padding:var(--spacing-md) var(--spacing-lg);position:relative}.quranic-verse:before{background:var(--background-light);color:var(--secondary);content:"۝";font-size:1.5rem;padding:0 var(--spacing-xs);position:absolute;right:10px;top:-10px}.verse-arabic{color:var(--text-primary);direction:rtl;font-family:var(--font-arabic);font-size:1.4rem;line-height:2;margin-bottom:var(--spacing-md);text-align:right}.verse-translation{border-top:1px solid var(--border-light);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--body-size);font-style:italic;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.verse-reference{color:var(--primary);font-size:var(--small-size);font-weight:500;margin-top:var(--spacing-sm);text-align:right}.hadith-text{animation:fadeInUp .6s ease-out,wisdomGlow 5s ease-in-out infinite;background:#f5f2ebf2;border:1px solid #a3c6a44d;border-radius:var(--radius-md);box-shadow:0 3px 12px #a3c6a41f;margin:var(--spacing-md) 0;padding:var(--spacing-md) var(--spacing-lg);position:relative}.hadith-text:before{background:var(--white);color:var(--primary);content:"📖 حديث";font-size:var(--small-size);font-weight:500;left:12px;padding:0 var(--spacing-sm);position:absolute;top:-12px}.hadith-arabic{color:var(--text-primary);direction:rtl;font-family:var(--font-arabic);font-size:1.2rem;line-height:1.8;margin-bottom:var(--spacing-sm);text-align:right}.hadith-translation{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--body-size);line-height:1.6}.hadith-narrator{border-top:1px solid var(--border-light);color:var(--primary);font-size:var(--small-size);font-weight:500;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.islamic-phrase{color:var(--primary);padding:0 var(--spacing-xs)}.basmala{color:var(--secondary);font-size:1.3rem;margin:var(--spacing-lg) 0;opacity:.8}.citation-block{background:var(--background-light);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-size:var(--small-size);margin:var(--spacing-xs) var(--spacing-xs) 0 0;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.citation-block:hover{background:var(--accent-green);color:var(--text-primary)}@media (max-width:768px){.verse-arabic{font-size:1.2rem}.hadith-arabic{font-size:1.1rem}.hadith-text,.quranic-verse{padding:var(--spacing-sm) var(--spacing-md)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sacredEntrance{0%{filter:blur(8px);opacity:0;transform:scale(.9) translateY(20px)}60%{filter:blur(2px);opacity:.8;transform:scale(1.01) translateY(0)}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}}@keyframes spiritualBreathe{0%,to{opacity:.7;text-shadow:0 0 5px #d4b07d4d;transform:translateX(-50%) scale(1)}50%{opacity:1;text-shadow:0 0 12px #d4b07d99;transform:translateX(-50%) scale(1.03)}}@keyframes divineGlow{0%,to{box-shadow:0 4px 16px #d4b07d26,inset 0 0 20px #fdf9f34d}33%{box-shadow:0 6px 24px #d4b07d40,inset 0 0 30px #fdf9f380}66%{box-shadow:0 6px 20px #a3c6a433,inset 0 0 25px #fdf9f366}}@keyframes wisdomGlow{0%,to{box-shadow:0 3px 12px #a3c6a41f,inset 0 0 15px #fdf9f333}50%{box-shadow:0 5px 18px #a3c6a42e,inset 0 0 25px #fdf9f366}}@keyframes sacredTouch{0%{box-shadow:0 4px 12px #2d594833}50%{box-shadow:0 6px 20px #2d594866,0 0 16px #d4b07d4d}to{box-shadow:0 4px 12px #2d594833}}@keyframes prayerBeads{0%,80%,to{opacity:.6;transform:scale(.8) translateY(0)}40%{box-shadow:0 4px 8px #2d59484d;opacity:1;transform:scale(1.2) translateY(-8px)}}@keyframes meditativePulse{0%,to{box-shadow:0 0 4px #a3c6a44d;opacity:.8;transform:scale(1)}50%{box-shadow:0 0 12px #a3c6a499;opacity:1;transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes softGlow{0%,to{box-shadow:0 0 10px #d4b07d4d}50%{box-shadow:0 0 20px #d4b07d80}}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes pulse{0%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(1)}}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .8s ease-out}.fade-in-up{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.fade-in-down{animation:fadeInDown .6s ease-out;animation-fill-mode:both}.breathing{animation:breathe 3s ease-in-out infinite}.soft-glow{animation:softGlow 3s ease-in-out infinite}.stagger-animation{animation:fadeInUp .4s ease-out;animation-fill-mode:forwards;opacity:0}.stagger-animation:first-child{animation-delay:.1s}.stagger-animation:nth-child(2){animation-delay:.2s}.stagger-animation:nth-child(3){animation-delay:.3s}.stagger-animation:nth-child(4){animation-delay:.4s}.stagger-animation:nth-child(5){animation-delay:.5s}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:0 4px 12px #2d594826;transform:translateY(-2px)}.click-scale{transition:transform var(--transition-fast)}.click-scale:active{transform:scale(.98)}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--background-light) 0,#ffffff80 50%,var(--background-light) 100%);background-size:200% 100%}.islamic-greeting-animation{animation:fadeInDown .8s ease-out,softGlow 4s ease-in-out infinite;display:inline-block}.message-appear{animation:fadeInUp .4s ease-out forwards;opacity:0}.message-appear.user{animation:slideInRight .4s ease-out forwards}.message-appear.assistant{animation:slideInLeft .4s ease-out forwards}.smooth-transition{transition:all var(--transition-normal)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.button{align-items:center;background-color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-md);color:var(--background-light);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--body-size);font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:10px 20px;text-decoration:none;transition:all var(--transition-normal)}.button:hover:not(:disabled){background-color:initial;box-shadow:0 2px 8px #2d594833;color:var(--primary);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{background-color:var(--text-secondary);border-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.button.secondary{background-color:var(--secondary);border-color:var(--secondary);color:var(--text-primary)}.button.secondary:hover:not(:disabled){background-color:initial;color:var(--secondary)}.input{background-color:var(--background-light);border:1.5px solid var(--accent-green);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--body-size);padding:12px 16px;transition:all var(--transition-fast);width:100%}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2d59481a;outline:none}.input::placeholder{color:var(--text-secondary);opacity:.7}.textarea{background-color:var(--background-light);border:1.5px solid var(--accent-green);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--body-size);min-height:80px;padding:12px 16px;resize:vertical;transition:all var(--transition-fast);width:100%}.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2d59481a;outline:none}.card{background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--shadow-color);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{box-shadow:0 6px 20px #00000014}.badge{align-items:center;background-color:var(--accent-green);border-radius:var(--radius-sm);color:var(--primary);display:inline-flex;font-size:var(--small-size);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.badge.gold{background-color:var(--secondary);color:var(--white)}.divider{background:var(--border-light);border:0;height:1px;margin:var(--spacing-lg) 0;position:relative}.divider.ornamental{background:linear-gradient(to right,#0000,var(--secondary) 20%,var(--secondary) 80%,#0000);height:2px}.divider.ornamental:after{background:var(--white);color:var(--secondary);content:"❃";font-size:1.2rem;left:50%;padding:0 var(--spacing-sm);position:absolute;top:50%;transform:translate(-50%,-50%)}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{background-color:var(--text-primary);border-radius:var(--radius-sm);bottom:125%;color:var(--white);font-size:var(--small-size);left:50%;margin-left:-100px;opacity:0;padding:var(--spacing-sm);position:absolute;text-align:center;transition:opacity var(--transition-normal);visibility:hidden;width:200px;z-index:var(--z-overlay)}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.islamic-ornament{align-items:center;color:var(--secondary);display:flex;font-size:1.5rem;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-lg) 0}.islamic-ornament:after,.islamic-ornament:before{background:linear-gradient(to right,#0000,var(--secondary) 50%,#0000);content:"";flex:1 1;height:1px}.progress-bar{background-color:var(--border-light);border-radius:var(--radius-sm);height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);border-radius:var(--radius-sm);height:100%;transition:width var(--transition-normal)}@media (max-width:768px){.button{font-size:.9rem;padding:8px 16px}.card{padding:var(--spacing-md)}}:root{--font-latin:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-arabic:"Amiri","Scheherazade New","Arabic Typesetting","Traditional Arabic",serif;--font-arabic-ui:"Scheherazade New","Amiri","Tahoma",sans-serif;--font-urdu:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Pak Nastaleeq","Urdu Typesetting",serif;--font-urdu-ui:"Noto Nastaliq Urdu","Tahoma",sans-serif;--font-hindi:"Noto Sans Devanagari","Mangal","Aparajita","Kokila",sans-serif;--font-hindi-ui:"Noto Sans Devanagari","Segoe UI",sans-serif}.language-en,.latin-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-latin);font-size:1rem;letter-spacing:.01em;line-height:1.6}.arabic-text,.language-ar{font-feature-settings:"liga","kern","calt";font-family:Amiri,Scheherazade New,Arabic Typesetting,Traditional Arabic,serif;font-family:var(--font-arabic);font-size:1.1rem;letter-spacing:.02em;line-height:1.8;text-rendering:optimizeLegibility;word-spacing:.1em}.arabic-text.ui-text,.language-ar .ui-text{font-family:Scheherazade New,Amiri,Tahoma,sans-serif;font-family:var(--font-arabic-ui);font-size:1rem;line-height:1.6}.arabic-text h1,.arabic-text h2,.arabic-text h3,.language-ar h1,.language-ar h2,.language-ar h3{font-family:Amiri,Scheherazade New,Arabic Typesetting,Traditional Arabic,serif;font-family:var(--font-arabic);font-weight:700;line-height:1.4;margin-bottom:1rem}.language-ur,.urdu-text{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Pak Nastaleeq,Urdu Typesetting,serif;font-family:var(--font-urdu);font-size:1.15rem;letter-spacing:.01em;line-height:1.9;text-rendering:optimizeLegibility;word-spacing:.15em}.language-ur .ui-text,.urdu-text.ui-text{font-family:Noto Nastaliq Urdu,Tahoma,sans-serif;font-family:var(--font-urdu-ui);font-size:1.05rem;line-height:1.7}.language-ur h1,.language-ur h2,.language-ur h3,.urdu-text h1,.urdu-text h2,.urdu-text h3{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Pak Nastaleeq,Urdu Typesetting,serif;font-family:var(--font-urdu);font-weight:600;line-height:1.5;margin-bottom:1rem}.hindi-text,.language-hi{font-family:Noto Sans Devanagari,Mangal,Aparajita,Kokila,sans-serif;font-family:var(--font-hindi);font-size:1.05rem;letter-spacing:.005em;line-height:1.7;text-rendering:optimizeLegibility;word-spacing:.05em}.hindi-text.ui-text,.language-hi .ui-text{font-family:Noto Sans Devanagari,Segoe UI,sans-serif;font-family:var(--font-hindi-ui);font-size:1rem;line-height:1.6}.hindi-text h1,.hindi-text h2,.hindi-text h3,.language-hi h1,.language-hi h2,.language-hi h3{font-family:Noto Sans Devanagari,Mangal,Aparajita,Kokila,sans-serif;font-family:var(--font-hindi);font-weight:600;line-height:1.4;margin-bottom:1rem}.quranic-verse .verse-arabic{font-size:1.3rem;line-height:2;text-shadow:0 1px 2px #0000001a}.hadith-text .hadith-arabic,.quranic-verse .verse-arabic{direction:rtl;font-family:Amiri,Scheherazade New,Arabic Typesetting,Traditional Arabic,serif;font-family:var(--font-arabic);font-weight:400;margin-bottom:.5rem;text-align:right}.hadith-text .hadith-arabic{font-size:1.2rem;line-height:1.9}.islamic-phrase{display:inline-block;font-size:1.1em;font-weight:500;margin:0 .2em}.basmala,.islamic-phrase{direction:rtl;font-family:Amiri,Scheherazade New,Arabic Typesetting,Traditional Arabic,serif;font-family:var(--font-arabic)}.basmala{font-size:1.4em;margin:1rem 0;opacity:.9;text-align:center;text-shadow:0 1px 3px #d4b07d4d}.basmala,.language-ar .font-normal{font-weight:400}.language-ar .font-medium{font-weight:500}.language-ar .font-semibold{font-weight:600}.language-ar .font-bold{font-weight:700}.language-ur .font-normal{font-weight:400}.language-ur .font-medium{font-weight:500}.language-ur .font-semibold{font-weight:600}.language-ur .font-bold{font-weight:700}.language-hi .font-normal{font-weight:400}.language-hi .font-medium{font-weight:500}.language-hi .font-semibold{font-weight:600}.language-hi .font-bold{font-weight:700}@media (max-width:768px){.arabic-text,.language-ar{font-size:1rem;line-height:1.7}.language-ur,.urdu-text{font-size:1.1rem;line-height:1.8}.hindi-text,.language-hi{font-size:1rem;line-height:1.6}.quranic-verse .verse-arabic{font-size:1.2rem;line-height:1.8}.hadith-text .hadith-arabic{font-size:1.1rem;line-height:1.8}}@media (max-width:480px){.arabic-text,.language-ar{font-size:.95rem;line-height:1.6}.language-ur,.urdu-text{font-size:1.05rem;line-height:1.7}.hindi-text,.language-hi{font-size:.95rem;line-height:1.5}.quranic-verse .verse-arabic{font-size:1.1rem;line-height:1.7}.hadith-text .hadith-arabic{font-size:1rem;line-height:1.7}.basmala{font-size:1.2em}}@font-face{font-display:swap;font-family:Amiri;src:url(https://fonts.gstatic.com/s/amiri/v27/J7aRnpd8CGxBHqUpvrIw74NL.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Nastaliq Urdu;src:url(https://fonts.gstatic.com/s/notonastaliqurdu/v18/LhWjMVbBOOcxaWttAebT6PiFMj_QSg.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans Devanagari;src:url(https://fonts.gstatic.com/s/notosansdevanagari/v20/TuGoUUFzXI5FBtUq5a8bjKYTZjtHlmyiQqOtAEOvJg.woff2) format("woff2")}.arabic-text,.language-ar{font-family:Amiri,Scheherazade New,Arabic Typesetting,Traditional Arabic,serif,Al Bayan;font-family:var(--font-arabic),"Arabic Typesetting","Traditional Arabic","Al Bayan",serif}.language-ur,.urdu-text{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Pak Nastaleeq,Urdu Typesetting,serif,AlQalam Taj Nastaleeq;font-family:var(--font-urdu),"Pak Nastaleeq","Urdu Typesetting","AlQalam Taj Nastaleeq",serif}.hindi-text,.language-hi{font-family:Noto Sans Devanagari,Mangal,Aparajita,Kokila,sans-serif,Devanagari Sangam MN;font-family:var(--font-hindi),"Mangal","Aparajita","Kokila","Devanagari Sangam MN",sans-serif}.arabic-text::selection,.language-ar::selection{background:#d4b07d4d;color:var(--primary)}.language-ur::selection,.urdu-text::selection{background:#a3c6a44d;color:var(--primary)}.hindi-text::selection,.language-hi::selection{background:#ffc1074d;color:var(--primary)}.arabic-text .underline,.language-ar .underline{text-decoration:underline;text-decoration-color:var(--secondary);text-underline-offset:.2em}.language-ur .underline,.urdu-text .underline{text-decoration:underline;text-decoration-color:var(--accent-green);text-underline-offset:.15em}.hindi-text .underline,.language-hi .underline{text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:.1em}@media print{.arabic-text,.hindi-text,.language-ar,.language-hi,.language-ur,.urdu-text{color-adjust:exact;-webkit-print-color-adjust:exact}}[dir=rtl]{direction:rtl;text-align:right}[dir=ltr]{direction:ltr;text-align:left}.chat-interface[dir=rtl]{direction:rtl}.chat-interface[dir=rtl] .chat-header,.chat-interface[dir=rtl] .chat-header h2{text-align:right}.chat-interface[dir=rtl] .connection-status{flex-direction:row-reverse}.chat-interface[dir=rtl] .user-message{align-self:flex-start;margin-left:0;margin-right:auto}.chat-interface[dir=rtl] .assistant-message{align-self:flex-end;margin-left:auto;margin-right:0}.chat-interface[dir=rtl] .message-content{text-align:right}.chat-interface[dir=rtl] .input-container{flex-direction:row-reverse}.chat-interface[dir=rtl] .send-button{margin-left:0;margin-right:var(--spacing-sm)}.background-form[dir=rtl] .form-container,.background-form[dir=rtl] .form-container h2,.background-form[dir=rtl] .form-container p,.chat-interface[dir=rtl] .citations,.chat-interface[dir=rtl] textarea,.language-selector[dir=rtl] .language-form-container{text-align:right}.chat-interface[dir=rtl] .citation{margin-left:var(--spacing-xs);margin-right:0}.chat-interface[dir=rtl] .timestamp{text-align:right}.chat-interface[dir=rtl] .streaming-cursor,.chat-interface[dir=rtl] .streaming-cursor-smooth{margin-left:0;margin-right:2px}.chat-interface[dir=rtl] .quranic-verse{text-align:right}.chat-interface[dir=rtl] .verse-arabic{direction:rtl;text-align:right}.chat-interface[dir=rtl] .hadith-text,.chat-interface[dir=rtl] .verse-reference,.chat-interface[dir=rtl] .verse-translation{text-align:right}.chat-interface[dir=rtl] .hadith-arabic{direction:rtl;text-align:right}.chat-interface[dir=rtl] .hadith-narrator,.chat-interface[dir=rtl] .hadith-translation{text-align:right}.admin-container[dir=rtl]{direction:rtl}.admin-container[dir=rtl] .admin-nav{flex-direction:row-reverse}.admin-container[dir=rtl] table{direction:rtl}.admin-container[dir=rtl] td,.admin-container[dir=rtl] th{text-align:right}@media (max-width:768px){.chat-interface[dir=rtl] .message{max-width:90%}.chat-interface[dir=rtl] .input-container{padding:var(--spacing-sm)}.background-form[dir=rtl] .background-options{text-align:center}}.rtl{text-align:right}.ltr{text-align:left}.arabic-text{font-family:Amiri,Scheherazade New,serif}.arabic-text,.urdu-text{direction:rtl;text-align:right}.urdu-text{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif}.hindi-text{direction:ltr;font-family:Noto Sans Devanagari,Mangal,sans-serif;text-align:left}.mixed-content[dir=rtl]{direction:rtl;text-align:right}.mixed-content[dir=rtl] .latin-text{direction:ltr;display:inline-block;text-align:left}[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{text-align:right}[dir=rtl] input[type=checkbox],[dir=rtl] input[type=radio]{margin-left:var(--spacing-sm);margin-right:0}[dir=rtl] button{text-align:center}[dir=rtl] .typing-indicator{flex-direction:row-reverse}[dir=rtl] ::-webkit-scrollbar{left:0;right:auto}.margin-inline-start{margin-inline-start:var(--spacing-sm)}.margin-inline-end{margin-inline-end:var(--spacing-sm)}.padding-inline-start{padding-inline-start:var(--spacing-sm)}.padding-inline-end{padding-inline-end:var(--spacing-sm)}.border-inline-start{border-inline-start:1px solid var(--border-light)}.border-inline-end{border-inline-end:1px solid var(--border-light)}.rtl-flip{transform:scaleX(-1)}[dir=rtl] .rtl-flip{transform:scaleX(1)}[dir=rtl] .icon-arrow-right:before{content:"←"}[dir=rtl] .icon-arrow-left:before{content:"→"}.rtl-aware-transition{transition:margin-inline-start .3s ease,margin-inline-end .3s ease}.rtl-debug [dir=rtl]{background:#ff00001a;border:1px dashed red}.rtl-debug [dir=ltr]{background:#00ff001a;border:1px dashed green}*{box-sizing:border-box;margin:0;padding:0}body{background-attachment:fixed;background-image:var(--bg-desktop);background-position:bottom;background-repeat:no-repeat;background-size:cover;color:var(--text-primary);font-family:var(--font-body);min-height:100vh;position:relative}body:before{background:var(--overlay-color);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--z-background)}@media (max-width:768px){body{background-attachment:scroll;background-image:var(--bg-mobile)}}#root{min-height:100vh;position:relative;z-index:var(--z-content)}.App{animation:fadeIn .8s ease-out;height:100vh;overflow:hidden}html{scroll-behavior:smooth}::selection{background-color:var(--secondary);color:var(--white)}::-moz-selection{background-color:var(--secondary);color:var(--white)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background-light)}::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding)}.text-center{text-align:center}.text-right{text-align:right}.rtl{direction:rtl}.ltr{direction:ltr}
/*# sourceMappingURL=main.37de3196.css.map*/