@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@300;400;600;800&display=swap");:root{--color-bg:#0f1729;--color-bg-elevated:#1a2744;--color-surface:#1e2d4a;--color-border:#2d3d5c;--color-text:#e8ecf4;--color-text-muted:#8b9bb8;--color-accent:#c9a227;--color-accent-hover:#dbb83a;--color-accent-soft:rgba(201,162,39,0.15);--radius-md:12px;--radius-lg:16px;--shadow-input:0 2px 12px rgba(0,0,0,0.25);--shadow-focus:0 0 0 3px var(--color-accent-soft);--transition:0.2s ease;--midnight:hsl(230,60%,8%);--navy-deep:hsl(230,50%,12%);--navy:hsl(230,45%,18%);--royal:hsl(225,60%,28%);--gold:hsl(48,100%,55%);--gold-light:hsl(48,100%,70%);--gold-muted:hsl(48,40%,45%);--gold-gradient:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%);--gold-glow:0 0 20px hsla(48,100%,55%,0.4);--bg-main:var(--midnight);--text-primary:hsl(0,0%,98%);--text-secondary:hsl(230,20%,75%);--text-muted:hsl(230,15%,50%);--surface-glass:hsla(0,0%,100%,0.03);--surface-glass-hover:hsla(0,0%,100%,0.07);--border-glass:hsla(0,0%,100%,0.08);--border-gold:hsla(48,100%,55%,0.2);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}select option{background-color:#ffffff;color:#1a1a2e}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);background:var(--color-bg);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 0 0,hsla(225,60%,28%,.15) 0,transparent 50%),radial-gradient(circle at 100% 100%,hsla(48,100%,55%,.03) 0,transparent 50%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.02em}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.app{width:100%;max-width:900px;text-align:center;margin:0 auto;padding:4rem 1.5rem}.app__header{margin-bottom:3.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.logo-container{width:160px;height:160px;margin-bottom:.5rem;filter:drop-shadow(0 0 25px rgba(226,184,87,.4));transition:transform .3s ease}.logo-container:hover{transform:scale(1.05)}.app-logo{width:100%;height:100%;object-fit:contain}.app__title{margin:0;font-size:2.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.04em;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app__tagline{margin:0;font-size:1.15rem;font-weight:300;color:var(--text-secondary);letter-spacing:.02em}.app__main{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.text-gold{color:var(--gold)}.bg-navy{background-color:var(--navy)}.glass-panel{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:24px}.gold-gradient-text{background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.perspective-container{display:flex;gap:12px;padding:8px;background:hsla(230,50%,5%,.4);border-radius:99px;border:1px solid var(--border-glass);width:-moz-fit-content;width:fit-content;margin:0 auto}.perspective-pill{padding:10px 24px;border-radius:99px;font-family:Outfit,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent;background:transparent;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.perspective-pill:hover{background:var(--surface-glass-hover);color:var(--text-primary)}.perspective-pill.active{background:var(--gold-gradient);color:var(--midnight);box-shadow:var(--gold-glow);border-color:var(--gold-light)}.chat-input-container{width:100%;max-width:800px;position:relative}.chat-input:not(.chat-input--gpt){width:100%;background:hsla(230,50%,12%,.7);border:1px solid hsla(48,100%,55%,.25);border-radius:20px;padding:20px 60px 20px 24px;color:#ffffff;font-family:Inter,sans-serif;font-size:1.15rem;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:none;transition:var(--transition-smooth);box-shadow:0 4px 20px rgba(0,0,0,.25);letter-spacing:.01em}.chat-input:not(.chat-input--gpt)::placeholder{color:hsla(230,20%,75%,.6);font-weight:400}.chat-input:not(.chat-input--gpt):focus{background:hsla(230,50%,20%,.8);border-color:var(--gold);box-shadow:0 0 25px hsla(48,100%,55%,.3)}.chat-submit-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--gold-gradient);border:none;width:40px;height:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--midnight);transition:var(--transition-smooth)}.chat-submit-btn:hover{transform:translateY(-50%) scale(1.05);box-shadow:var(--gold-glow)}.shabad-card{width:100%;max-width:800px;margin:40px auto;padding:48px;background:var(--surface-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-gold);border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.3),var(--gold-glow);animation:cardFadeIn .8s cubic-bezier(.16,1,.3,1);text-align:center;position:relative;overflow:hidden}.shabad-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,hsla(48,100%,55%,.03) 0,transparent 40%);pointer-events:none}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ik-onkar-icon{font-size:2.5rem;color:var(--gold);margin-bottom:32px;opacity:1;filter:drop-shadow(0 0 10px hsla(48,100%,55%,.3))}.gurmukhi-text{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.6;color:var(--text-primary);margin-bottom:16px;font-family:serif;word-wrap:break-word}.transliteration{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;font-weight:500}.translation{font-size:clamp(1.1rem,3vw,1.4rem);color:var(--gold-light);font-weight:500;line-height:1.7;font-family:Outfit,sans-serif;margin-bottom:40px;font-style:italic;max-width:650px;margin-left:auto;margin-right:auto}.prose-gurbani{text-align:left;color:var(--text-secondary);line-height:1.8;font-size:1.1rem}.prose-gurbani p{margin-bottom:1.5rem}.prose-gurbani p:last-child{margin-bottom:0}.prose-gurbani strong{color:var(--gold-light);font-weight:600}.prose-gurbani ol,.prose-gurbani ul{margin-bottom:1.5rem;padding-left:1.5rem}.prose-gurbani li{margin-bottom:.5rem}.prose-gurbani li::marker{color:var(--gold)}.ai-insight{border-top:1px solid var(--border-glass);padding-top:32px;position:relative}.ai-skeleton{display:flex;flex-direction:column;gap:10px;align-items:flex-start;max-width:720px;margin:8px 0 16px}.skeleton-line{height:12px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 50%,rgba(255,255,255,.06));border-radius:8px;box-shadow:inset 0 0 8px rgba(0,0,0,.2)}.typing-dots{display:inline-flex;gap:6px}.typing-dots span{width:8px;height:8px;background:var(--gold);border-radius:50%;opacity:.9;transform:translateY(0);animation:typing-bounce 1s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.12s}.typing-dots span:nth-child(3){animation-delay:.24s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.85}30%{transform:translateY(-6px);opacity:1}}.error-card{background:linear-gradient(180deg,rgba(201,162,39,.04),rgba(15,23,41,.02));border:1px solid rgba(201,162,39,.12);padding:18px;border-radius:12px;max-width:720px}.error-message{color:var(--text-secondary);margin:0 0 12px}.error-message--prominent{width:100%;max-width:28rem;padding:.75rem 1rem;margin-bottom:1rem;border-radius:12px;border:1px solid hsla(0,70%,50%,.35);background:hsla(0,60%,40%,.15);color:var(--text-primary);font-size:.9rem;line-height:1.45}.error-actions{display:flex;gap:8px}.error-retry{background:var(--gold-gradient);color:var(--midnight);border:none;padding:8px 12px;border-radius:10px;cursor:pointer}.error-retry:hover{box-shadow:var(--gold-glow)}.insight-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ai-insight.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;border-top:none}.insight-label{font-size:.75rem;font-weight:800;color:var(--gold-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;display:block}.loading-dots{display:flex;gap:4px;font-size:2rem;color:var(--gold)}.loading-dots span{animation:dotBlink 1.4s infinite both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,80%,to{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.shabad-divider{width:60px;height:2px;background:var(--border-gold);margin:0 auto 24px;border-radius:99px}.shabad-result{width:100%;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.insight-divider{flex-grow:1;height:1px;background:linear-gradient(to right,var(--border-gold),transparent)}@media (max-width:640px){.shabad-card{padding:24px 20px;margin:24px 0;border-radius:20px}.ik-onkar-icon{font-size:2rem;margin-bottom:20px}.gurmukhi-text{line-height:1.4}.translation{margin-bottom:24px}.prose-gurbani{font-size:1rem;line-height:1.6}.ai-insight{padding-top:24px}}.shabad-card.child{border-width:2px;box-shadow:0 10px 40px rgba(0,0,0,.2),0 0 15px rgba(255,255,255,.05)}.shabad-card.adult{border-left-width:3px;border-left-color:var(--gold)}.shabad-card.mini{margin:1rem 0 0;padding:1.5rem;background:rgba(255,255,255,.03);border:1px solid var(--border-gold);border-radius:12px;text-align:left;box-shadow:none;animation:fadeIn .3s ease-out}.shabad-card.mini .gurmukhi-text{font-size:1.25rem;margin-bottom:.5rem}.shabad-card.mini .translation{font-size:.95rem;margin-bottom:0;max-width:100%}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1 1;padding:2rem;gap:1.5rem;opacity:.8;animation:fadeIn 1s ease-out}.chat-welcome h2{font-size:2rem}.app__title--small,.chat-welcome h2{margin:0;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app__title--small{font-size:1.4rem;font-weight:800}.footer-disclaimer{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:.75rem;opacity:.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:root{--composer-gpt-bg:hsl(0,0%,18%);--composer-gpt-border:hsla(0,0%,100%,0.12);--composer-gpt-shadow:0 4px 28px rgba(0,0,0,0.35);--composer-gpt-shadow-focus:0 4px 28px rgba(0,0,0,0.35),0 0 0 1px hsla(0,0%,100%,0.18);--composer-gpt-focus-ring:hsla(0,0%,100%,0.22);--composer-gpt-inner-focus:hsla(0,0%,100%,0.08);--composer-send-active-bg:#ececec;--composer-send-active-fg:#1a1a1a;--composer-send-disabled-bg:hsla(0,0%,100%,0.1);--composer-send-disabled-fg:hsla(0,0%,100%,0.35)}[data-theme=basanti]{--midnight:hsl(45,30%,8%);--navy-deep:hsl(45,25%,12%);--navy:hsl(45,20%,18%);--royal:hsl(48,80%,45%);--gold:hsl(48,100%,50%);--gold-light:hsl(50,100%,60%);--gold-muted:hsl(45,60%,40%);--color-bg:#1a1708;--color-bg-elevated:#2a2510;--color-surface:#332d18;--color-border:#4a4220;--text-primary:#fff8dc;--text-secondary:#d4c896;--text-muted:hsl(48,30%,50%);--surface-glass:hsla(48,50%,90%,0.04);--surface-glass-hover:hsla(48,50%,90%,0.08);--border-glass:hsla(48,40%,70%,0.1);--border-gold:hsla(48,100%,50%,0.3);--color-accent:#ffd700;--color-accent-soft:hsla(48,100%,50%,0.25);--color-text:#fff8dc;--color-text-muted:#d4c896;--header-bar-bg:hsla(45,30%,10%,0.9);--mobile-header-bg:hsla(45,30%,10%,0.95);--chat-input-surface:hsla(48,30%,20%,0.5);--chat-input-surface-focus:hsla(48,30%,25%,0.6);--perspectives-track-bg:hsla(48,30%,18%,0.7);--perspectives-track-border:hsla(48,50%,50%,0.3);--user-message-text:hsl(45,30%,8%);--on-accent-text:hsl(45,30%,8%)}[data-theme=neela]{--midnight:#0f172a;--navy-deep:#1e293b;--navy:#1e3a8a;--royal:#2563eb;--gold:#fbbf24;--gold-light:#fcd34d;--gold-muted:#b45309;--color-bg:#0f172a;--color-bg-elevated:#1e293b;--color-surface:#1e293b;--color-border:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--surface-glass:hsla(0,0%,100%,0.04);--surface-glass-hover:hsla(0,0%,100%,0.08);--border-glass:hsla(0,0%,100%,0.1);--border-gold:hsla(43,96%,56%,0.3);--color-accent:#fbbf24;--color-accent-soft:hsla(43,96%,56%,0.25);--color-text:#f8fafc;--color-text-muted:#94a3b8;--header-bar-bg:hsla(222,47%,16%,0.9);--mobile-header-bg:hsla(222,47%,16%,0.95);--chat-input-surface:hsla(0,0%,100%,0.05);--chat-input-surface-focus:hsla(0,0%,100%,0.09);--perspectives-track-bg:hsla(0,0%,100%,0.06);--perspectives-track-border:hsla(0,0%,100%,0.12);--user-message-text:#0f172a;--on-accent-text:#0f172a}[data-theme=light]{--midnight:#f8fafc;--navy-deep:#f1f5f9;--navy:#e2e8f0;--royal:#1e293b;--gold:#d4af37;--gold-light:#f0c850;--gold-muted:#8b7355;--color-bg:#f1f5f9;--color-bg-elevated:#ffffff;--color-surface:#ffffff;--color-border:#cbd5e1;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--surface-glass:hsla(0,0%,100%,0.85);--surface-glass-hover:hsla(0,0%,100%,1);--border-glass:hsla(215,25%,27%,0.18);--border-gold:hsla(25,95%,40%,0.45);--color-accent:#d4af37;--color-accent-soft:hsla(43,65%,52%,0.2);--color-text:#0f172a;--color-text-muted:#475569;--header-bar-bg:hsla(0,0%,100%,0.92);--mobile-header-bg:hsla(0,0%,100%,0.97);--chat-input-surface:hsla(210,40%,98%,0.95);--chat-input-surface-focus:#ffffff;--perspectives-track-bg:hsla(210,40%,96%,1);--perspectives-track-border:hsla(215,20%,65%,0.45);--user-message-text:#1c1917;--on-accent-text:#1c1917;--composer-gpt-bg:#ffffff;--composer-gpt-border:rgba(0,0,0,0.12);--composer-gpt-shadow:0 2px 14px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.04);--composer-gpt-shadow-focus:0 2px 18px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.14);--composer-gpt-focus-ring:rgba(0,0,0,0.2);--composer-gpt-inner-focus:rgba(0,0,0,0.06);--composer-send-active-bg:#0d0d0d;--composer-send-active-fg:#ffffff;--composer-send-disabled-bg:#ececec;--composer-send-disabled-fg:#b4b4b4}[data-theme=khalsa-gold]{--midnight:#1c1410;--navy-deep:#2d241e;--navy:#3d322a;--royal:#5c4d3d;--gold:#d4af37;--gold-light:#f0c850;--gold-muted:#8b7355;--color-bg:#1c1410;--color-bg-elevated:#2d241e;--color-surface:#2d241e;--color-border:#4d4038;--text-primary:#fff8e7;--text-secondary:#c9b896;--text-muted:#8a7a60;--surface-glass:hsla(40,40%,90%,0.05);--surface-glass-hover:hsla(40,40%,90%,0.09);--border-glass:hsla(40,30%,70%,0.12);--border-gold:hsla(43,65%,52%,0.35);--color-accent:#d4af37;--color-accent-soft:hsla(43,65%,52%,0.25);--color-text:#fff8e7;--color-text-muted:#c9b896;--header-bar-bg:hsla(28,28%,10%,0.9);--mobile-header-bg:hsla(28,28%,10%,0.95);--chat-input-surface:hsla(40,25%,18%,0.6);--chat-input-surface-focus:hsla(40,25%,22%,0.75);--perspectives-track-bg:hsla(40,30%,20%,0.85);--perspectives-track-border:hsla(43,40%,45%,0.35);--user-message-text:#1c1410;--on-accent-text:#1c1410}[data-theme=nihangs-navy]{--midnight:#0a0a1a;--navy-deep:#141428;--navy:#1e1e3c;--royal:#312e81;--gold:#fde047;--gold-light:#fef08a;--gold-muted:#a16207;--color-bg:#0a0a1a;--color-bg-elevated:#141428;--color-surface:#141428;--color-border:#2e2e5c;--text-primary:#e0e0ff;--text-secondary:#9090c0;--text-muted:#6366a0;--surface-glass:hsla(240,40%,80%,0.04);--surface-glass-hover:hsla(240,40%,80%,0.08);--border-glass:hsla(240,30%,60%,0.15);--border-gold:hsla(48,96%,63%,0.3);--color-accent:#fde047;--color-accent-soft:hsla(48,96%,63%,0.22);--color-text:#e0e0ff;--color-text-muted:#9090c0;--header-bar-bg:hsla(240,45%,8%,0.92);--mobile-header-bg:hsla(240,45%,8%,0.96);--chat-input-surface:hsla(240,35%,18%,0.45);--chat-input-surface-focus:hsla(240,35%,22%,0.55);--perspectives-track-bg:hsla(240,35%,16%,0.75);--perspectives-track-border:hsla(240,30%,50%,0.25);--user-message-text:#0a0a1a;--on-accent-text:#0a0a1a}[data-theme=basanti]{--composer-gpt-bg:hsl(45,25%,15%);--composer-gpt-border:hsla(48,50%,50%,0.2);--composer-gpt-shadow:0 4px 28px rgba(0,0,0,0.35);--composer-gpt-shadow-focus:0 4px 28px rgba(0,0,0,0.35),0 0 0 1px hsla(48,100%,50%,0.3);--composer-gpt-focus-ring:hsla(48,100%,50%,0.35);--composer-gpt-inner-focus:hsla(48,50%,50%,0.1);--composer-send-active-bg:#ffd700;--composer-send-active-fg:#1a1708;--composer-send-disabled-bg:hsla(48,50%,50%,0.15);--composer-send-disabled-fg:hsla(48,30%,60%,0.5)}[data-theme=neela]{--composer-gpt-bg:hsl(222,47%,14%);--composer-gpt-border:hsla(217,91%,60%,0.2);--composer-gpt-shadow:0 4px 28px rgba(0,0,0,0.35);--composer-gpt-shadow-focus:0 4px 28px rgba(0,0,0,0.35),0 0 0 1px hsla(217,91%,60%,0.35);--composer-gpt-focus-ring:hsla(217,91%,60%,0.4);--composer-gpt-inner-focus:hsla(217,70%,50%,0.1);--composer-send-active-bg:#fbbf24;--composer-send-active-fg:#0f172a;--composer-send-disabled-bg:hsla(217,50%,50%,0.15);--composer-send-disabled-fg:hsla(217,30%,60%,0.5)}[data-theme=khalsa-gold]{--composer-gpt-bg:hsl(28,28%,14%);--composer-gpt-border:hsla(43,65%,52%,0.2);--composer-gpt-shadow:0 4px 28px rgba(0,0,0,0.35);--composer-gpt-shadow-focus:0 4px 28px rgba(0,0,0,0.35),0 0 0 1px hsla(43,65%,52%,0.35);--composer-gpt-focus-ring:hsla(43,65%,52%,0.4);--composer-gpt-inner-focus:hsla(40,50%,50%,0.1);--composer-send-active-bg:#d4af37;--composer-send-active-fg:#1c1410;--composer-send-disabled-bg:hsla(43,40%,50%,0.15);--composer-send-disabled-fg:hsla(40,30%,60%,0.5)}[data-theme=nihangs-navy]{--composer-gpt-bg:hsl(240,45%,12%);--composer-gpt-border:hsla(240,60%,60%,0.2);--composer-gpt-shadow:0 4px 28px rgba(0,0,0,0.4);--composer-gpt-shadow-focus:0 4px 28px rgba(0,0,0,0.4),0 0 0 1px hsla(48,96%,63%,0.3);--composer-gpt-focus-ring:hsla(48,96%,63%,0.4);--composer-gpt-inner-focus:hsla(240,40%,50%,0.1);--composer-send-active-bg:#fde047;--composer-send-active-fg:#0a0a1a;--composer-send-disabled-bg:hsla(240,40%,50%,0.15);--composer-send-disabled-fg:hsla(240,30%,60%,0.5)}