@keyframes borderRotate{0%{--angle:0deg}to{--angle:360deg}}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:.8}}.ai-input-container{isolation:isolate;position:relative}.ai-input-container:before{content:"";background:conic-gradient(from var(--angle,0deg),transparent 0deg,var(--palette-primary-500)30deg,var(--palette-accent-400)60deg,var(--palette-primary-400)90deg,transparent 120deg,transparent 360deg);opacity:.5;filter:blur(2px);pointer-events:none;z-index:1;-webkit-mask-composite:xor;border-radius:14px;padding:2px;transition:all .4s ease-in-out;animation:3s linear infinite borderRotate;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ai-input-container:focus-within:before{opacity:.85;filter:blur(1px)}@supports (background:conic-gradient(from 0deg, red, blue)){@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.ai-input-container:before{background:conic-gradient(from var(--angle),transparent 0deg,transparent 30deg,var(--palette-primary-500)60deg,var(--palette-accent-500)90deg,var(--palette-primary-400)120deg,transparent 150deg,transparent 360deg)}}.ai-input-container:after{content:"";background:radial-gradient(circle at center,var(--palette-primary-400)0%,var(--palette-accent-300)50%,transparent 70%);opacity:.08;filter:blur(24px);pointer-events:none;z-index:-2;border-radius:20px;transition:opacity .4s ease-in-out;animation:4s ease-in-out infinite glowPulse;position:absolute;inset:-20px}.ai-input-container:focus-within:after{opacity:.2;filter:blur(20px)}.ai-input{background:var(--background-subtle-weak);border:1px solid var(--border-main);transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative}.ai-input:focus{background:var(--background-main);border-color:#0000;box-shadow:0 10px 30px -10px #0089e333,0 4px 12px -4px #6f41d726}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.message-enter{animation:.3s cubic-bezier(.25,.46,.45,.94) forwards messageSlideIn}@keyframes particleFloat{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.3}90%{opacity:.3}to{transform:translate(var(--tx),var(--ty))rotate(360deg);opacity:0}}.ai-particle{background:var(--palette-primary-400);pointer-events:none;opacity:0;width:4px;height:4px;animation:particleFloat var(--duration,8s)var(--delay,0s)infinite;filter:blur(1px);border-radius:50%;position:absolute}.ai-particle.accent{background:var(--palette-accent-400)}@keyframes aiThinking{0%,to{box-shadow:0 0 0 0 var(--palette-primary-400),8px 0 0 0 var(--palette-primary-300),16px 0 0 0 var(--palette-primary-200)}25%{box-shadow:0 0 0 0 var(--palette-primary-300),8px 0 0 0 var(--palette-primary-400),16px 0 0 0 var(--palette-primary-300)}50%{box-shadow:0 0 0 0 var(--palette-primary-200),8px 0 0 0 var(--palette-primary-300),16px 0 0 0 var(--palette-primary-400)}75%{box-shadow:0 0 0 0 var(--palette-primary-300),8px 0 0 0 var(--palette-primary-400),16px 0 0 0 var(--palette-primary-300)}}.ai-thinking-dots{align-items:center;min-width:24px;height:6px;display:inline-flex}.ai-thinking-dots:before{content:"";border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite aiThinking;display:block}@keyframes searchProgressShimmer{0%{background-position:-120% 0}to{background-position:220% 0}}.search-progress-track{background:var(--background-subtle-weak);border:1px solid var(--border-main);border-radius:999px;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.search-progress-fill{background:linear-gradient(90deg,var(--palette-primary-500),var(--palette-accent-400),var(--palette-primary-400));background-size:200% 100%;border-radius:999px;min-width:4px;height:100%;position:relative;overflow:hidden;box-shadow:0 0 12px #0089e366,0 0 6px #6f41d74d}.search-progress-fill:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff59 45%,#0000 55% 100%) 0 0/120% 100%;animation:2s ease-in-out infinite searchProgressShimmer;position:absolute;inset:0}.search-progress-fill.completing{transition:width .4s cubic-bezier(.33,1,.68,1)}@keyframes cardSlideUp{0%{opacity:0;filter:brightness();transform:translateY(8px)scale(.98)}50%{filter:brightness(1.05)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}@keyframes cardGlow{0%,to{box-shadow:0 4px 12px -4px #0089e326,0 2px 8px -2px #6f41d71a}50%{box-shadow:0 8px 20px -4px #0089e340,0 4px 12px -2px #6f41d733}}.recommendation-card{border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s cubic-bezier(.25,.46,.45,.94) forwards cardSlideUp,2s ease-in-out .3s cardGlow;position:relative;overflow:hidden}.recommendation-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--palette-primary-400),var(--palette-accent-400));opacity:0;z-index:-1;transition:opacity .3s ease-in-out;position:absolute;inset:-1px}.recommendation-card:hover:before{opacity:.1}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px #0089e326,0 6px 16px -6px #6f41d71a}@keyframes buttonPulse{0%,to{box-shadow:0 0 #0089e366}50%{box-shadow:0 0 0 6px #0089e300}}@keyframes buttonShimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.send-button-active{animation:1.5s ease-in-out infinite buttonPulse;overflow:hidden}.send-button-active:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%) 0 0/200% 100%;width:100%;height:100%;animation:2s infinite buttonShimmer;position:absolute;top:0;left:0}.pressable{transition:transform .1s cubic-bezier(.4,0,.2,1)}.pressable:active{transform:scale(.96)}
