/* KalyxAI — stronger account-wide gradient layer */
html{background:var(--bg)!important}
body{position:relative;isolation:isolate;background:radial-gradient(ellipse 75% 60% at 0% 0%,color-mix(in srgb,var(--accent-2) 48%,transparent),transparent 68%),radial-gradient(ellipse 70% 65% at 100% 20%,color-mix(in srgb,var(--accent-3) 42%,transparent),transparent 68%),radial-gradient(ellipse 80% 65% at 50% 100%,color-mix(in srgb,var(--accent) 36%,transparent),transparent 70%),var(--bg)!important;background-size:150% 150%;animation:kalyxStrongGradient 20s ease-in-out infinite alternate}
@keyframes kalyxStrongGradient{0%{background-position:0% 0%}50%{background-position:55% 35%}100%{background-position:100% 100%}}
body:before,body:after{z-index:0!important;display:block!important;width:620px!important;height:620px!important;filter:blur(125px)!important;opacity:.42!important;pointer-events:none!important}
body:before{top:-250px!important;left:-220px!important;background:var(--accent-2)!important}
body:after{right:-240px!important;bottom:-260px!important;background:var(--accent-3)!important}
body>*{position:relative;z-index:1}
.app-header{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-2) 24%,transparent),color-mix(in srgb,var(--bg) 42%,transparent) 48%,color-mix(in srgb,var(--accent-3) 24%,transparent))!important}
.chat-shell,.profile-shell,.auth-shell{z-index:2!important}
.chat-sidebar,.chat-panel,.profile-card,.auth-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 24%,var(--bg) 40%),color-mix(in srgb,var(--bg) 42%,transparent) 48%,color-mix(in srgb,var(--accent-3) 22%,var(--bg) 38%))!important;border-color:color-mix(in srgb,var(--accent-2) 34%,var(--app-border))!important;backdrop-filter:blur(24px)!important}
.chat-panel{background:radial-gradient(ellipse 80% 55% at 0% 0%,color-mix(in srgb,var(--accent-2) 30%,transparent),transparent 70%),radial-gradient(ellipse 75% 60% at 100% 100%,color-mix(in srgb,var(--accent-3) 27%,transparent),transparent 70%),color-mix(in srgb,var(--bg) 45%,transparent)!important}
.chat-top{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-2) 28%,transparent),color-mix(in srgb,var(--bg) 35%,transparent) 50%,color-mix(in srgb,var(--accent-3) 28%,transparent))!important}
.messages{background:radial-gradient(ellipse 85% 60% at 10% 0%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 68%),radial-gradient(ellipse 80% 65% at 90% 100%,color-mix(in srgb,var(--accent-3) 16%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 55%,color-mix(in srgb,var(--accent-3) 8%,transparent))!important}
.composer{background:linear-gradient(135deg,color-mix(in srgb,var(--bg) 35%,transparent),color-mix(in srgb,var(--accent-2) 22%,transparent),color-mix(in srgb,var(--accent-3) 18%,transparent))!important;border-color:color-mix(in srgb,var(--accent-2) 36%,transparent)!important}
.new-chat,.memory-note,.private-badge,.shield{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 17%,transparent),color-mix(in srgb,var(--accent-3) 13%,transparent))!important}
body.light{background:radial-gradient(ellipse 75% 60% at 0% 0%,color-mix(in srgb,var(--accent-2) 34%,transparent),transparent 68%),radial-gradient(ellipse 70% 65% at 100% 20%,color-mix(in srgb,var(--accent-3) 30%,transparent),transparent 68%),radial-gradient(ellipse 80% 65% at 50% 100%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 70%),var(--bg)!important}
body.light .chat-sidebar,body.light .chat-panel,body.light .profile-card,body.light .auth-card{background:linear-gradient(145deg,color-mix(in srgb,#fff 62%,var(--accent-2) 38%),rgba(255,255,255,.48) 50%,color-mix(in srgb,#fff 66%,var(--accent-3) 34%))!important}
body.light .chat-panel{background:radial-gradient(ellipse 80% 55% at 0% 0%,color-mix(in srgb,var(--accent-2) 24%,transparent),transparent 70%),radial-gradient(ellipse 75% 60% at 100% 100%,color-mix(in srgb,var(--accent-3) 22%,transparent),transparent 70%),rgba(255,255,255,.48)!important}
body.light .messages{background:radial-gradient(ellipse 85% 60% at 10% 0%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 68%),radial-gradient(ellipse 80% 65% at 90% 100%,color-mix(in srgb,var(--accent-3) 13%,transparent),transparent 70%),rgba(255,255,255,.22)!important}
@media(prefers-reduced-motion:reduce){body{animation:none}}