.custom-button{all:unset;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;border-radius:999vw;background-color:rgba(0,0,0,.75);box-shadow:-.15em -.15em .15em -.075em rgba(5,5,5,.25),.0375em .0375em .0675em 0 rgba(5,5,5,.1)}.custom-button:after{content:"";position:absolute;z-index:0;width:calc(100% + .3em);height:calc(100% + .3em);top:-.15em;left:-.15em;border-radius:inherit;background:linear-gradient(-135deg,rgba(5,5,5,.5),transparent 20%,transparent);filter:blur(.0125em);opacity:.25;mix-blend-mode:multiply}.custom-button .button-outter{position:relative;z-index:1;border-radius:inherit;transition:box-shadow .3s ease;will-change:box-shadow;box-shadow:0 .05em .05em -.01em rgba(5,5,5,1),0 .01em .01em -.01em rgba(5,5,5,.5),.15em .3em .1em -.01em rgba(5,5,5,.25)}.custom-button:hover .button-outter{box-shadow:0 0 0 0 rgba(5,5,5,1),0 0 0 0 rgba(5,5,5,.5),0 0 0 0 rgba(5,5,5,.25)}.custom-button .button-inner{--inset:0.035em;position:relative;z-index:1;border-radius:inherit;padding:1em 1.5em;background-image:linear-gradient(135deg,rgba(230,230,230,1),rgba(180,180,180,1));transition:box-shadow .3s ease,clip-path .25s ease,background-image .25s ease,transform .25s ease;will-change:box-shadow,clip-path,background-image,transform;overflow:clip;clip-path:inset(0 0 0 0 round 999vw);box-shadow:inset 0 0 0 0 rgba(5,5,5,.1),inset -.05em -.05em .05em 0 rgba(5,5,5,.25),inset 0 0 0 0 rgba(5,5,5,.1),inset 0 0 .05em .2em rgba(255,255,255,.25),inset .025em .05em .1em 0 rgba(255,255,255,1),inset .12em .12em .12em rgba(255,255,255,.25),inset -.075em -.25em .25em .1em rgba(5,5,5,.25)}.custom-button:hover .button-inner{clip-path:inset(clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) round 999vw);box-shadow:inset .1em .15em .05em 0 rgba(5,5,5,.75),inset -.025em -.03em .05em .025em rgba(5,5,5,.5),inset .25em .25em .2em 0 rgba(5,5,5,.5),inset 0 0 .05em .5em rgba(255,255,255,.15),inset 0 0 0 0 rgba(255,255,255,1),inset .12em .12em .12em rgba(255,255,255,.25),inset -.075em -.12em .2em .1em rgba(5,5,5,.25)}.custom-button .button-inner span{position:relative;z-index:4;font-family:Inter,sans-serif;letter-spacing:-.05em;font-weight:500;color:rgba(0,0,0,0);background-image:linear-gradient(135deg,rgba(25,25,25,1),rgba(75,75,75,1));-webkit-background-clip:text;background-clip:text;transition:transform .25s ease;display:block;will-change:transform;text-shadow:rgba(0,0,0,.1) 0 0 .1em}.custom-button:active .button-inner,.custom-button:hover .button-inner span{transform:scale(.975)}.custom-button.sign-out{font-size:.875rem}.custom-button.sync{font-size:.875rem;margin-left:.5rem}.message-bubble-ai-suggestion *{background:initial}.message-bubble-ai-suggestion>div.relative{background:transparent!important;position:relative!important}.message-bubble-ai-suggestion .flex-1.bg-background{background:transparent!important}.message-bubble-ai-suggestion .absolute.border-r-\[0\.5px\]{display:none!important}.message-bubble-ai-suggestion .prose{background:rgba(30,30,30,.95)!important;border-radius:12px!important;padding:12px 16px!important;margin-top:12px!important;position:relative!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important;animation:pulse-border 2s infinite alternate!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.message-bubble-ai-suggestion.state-gathering .prose,.message-bubble-ai-suggestion.state-understanding .prose,.message-bubble-ai-suggestion.state-writing .prose{min-height:60px!important}.message-bubble-ai-suggestion.state-gathering .prose:before,.message-bubble-ai-suggestion.state-understanding .prose:before,.message-bubble-ai-suggestion.state-writing .prose:before{content:"AI is preparing a response...";color:rgba(255,255,255,.5)!important;font-style:italic!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@keyframes pulse-border{0%{border-color:rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}to{border-color:rgba(100,180,255,.3);box-shadow:0 4px 16px rgba(100,180,255,.15)}}.message-bubble-ai-suggestion .prose p,.message-bubble-ai-suggestion .text-white{color:rgba(255,255,255,.9)!important}.message-bubble-ai-suggestion .inline-flex.items-center.rounded-md.border{font-size:0!important;position:absolute!important;top:0!important;left:10px!important;transform:translateY(-50%)!important;z-index:10!important;background:none!important;border-radius:50%!important;padding:0!important;border:none!important;box-shadow:none!important;overflow:visible!important;width:32px!important;height:32px!important;transition:all .5s cubic-bezier(.19,1,.22,1)!important}.message-bubble-ai-suggestion .inline-flex.items-center.rounded-md.border:before{content:"";position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border-radius:50%!important;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 8px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.1),inset 0 -1px 1px rgba(0,0,0,.8)!important;z-index:1!important;animation:metallic-shine 3s infinite alternate!important;transition:all .5s cubic-bezier(.19,1,.22,1)!important}@keyframes metallic-shine{0%{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)!important;box-shadow:0 4px 8px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.1),inset 0 -1px 1px rgba(0,0,0,.8)!important}50%{background:linear-gradient(135deg,#333,#222)!important;box-shadow:0 4px 12px rgba(0,0,0,.6),inset 0 1px 2px rgba(255,255,255,.15),inset 0 -1px 1px rgba(0,0,0,.9)!important}to{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)!important;box-shadow:0 4px 8px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.1),inset 0 -1px 1px rgba(0,0,0,.8)!important}}.message-bubble-ai-suggestion .inline-flex.items-center.rounded-md.border:after{content:"AI";position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:700!important;color:rgba(255,255,255,.9)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;z-index:3!important;background:none!important;transition:all .3s ease!important}.message-bubble-ai-suggestion .inline-flex.items-center svg{width:16px!important;height:16px!important;color:rgba(255,255,255,.9)!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))!important;position:relative!important;z-index:3!important;opacity:0!important}.message-bubble-ai-suggestion button{display:none!important}.message-bubble-ai-suggestion+.text-\[10px\].text-gray-500.pt-1.pr-1.bg-background{background:transparent!important;color:rgba(255,255,255,.5)!important}.message-bubble-ai-suggestion .flex-col.gap-2{gap:0!important}.message-bubble-ai-suggestion.state-gathering .inline-flex.items-center.rounded-md.border:before{background:linear-gradient(135deg,#2a3a4a,#1a2a3a)!important;border-color:rgba(100,180,255,.2)!important}.message-bubble-ai-suggestion.state-gathering .inline-flex.items-center.rounded-md.border:after{content:"";animation:gathering-dots 1.5s infinite!important}@keyframes gathering-dots{0%,to{content:"."}33%{content:".."}66%{content:"..."}}.message-bubble-ai-suggestion.state-understanding .inline-flex.items-center.rounded-md.border:before{background:linear-gradient(135deg,#3a2a4a,#2a1a3a)!important;border-color:rgba(180,100,255,.2)!important}.message-bubble-ai-suggestion.state-understanding .inline-flex.items-center.rounded-md.border:after{content:"";animation:understanding-pulse 1.5s infinite alternate!important}@keyframes understanding-pulse{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.message-bubble-ai-suggestion.state-writing .inline-flex.items-center.rounded-md.border:before{background:linear-gradient(135deg,#2a4a3a,#1a3a2a)!important;border-color:rgba(100,255,180,.2)!important}.message-bubble-ai-suggestion.state-writing .inline-flex.items-center.rounded-md.border:after{content:"✓";animation:writing-blink 1s infinite alternate!important}@keyframes writing-blink{0%{text-shadow:0 0 2px rgba(100,255,180,.5)}to{text-shadow:0 0 8px rgba(100,255,180,.8)}}.message-bubble-ai-suggestion.state-complete .inline-flex.items-center.rounded-md.border:before{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)!important;border-color:rgba(255,255,255,.2)!important;box-shadow:0 4px 8px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.1),inset 0 -1px 1px rgba(0,0,0,.8)!important}.message-bubble-ai-suggestion.state-complete .inline-flex.items-center.rounded-md.border:after{content:"AI";animation:none!important;opacity:1!important}.message-bubble-ai-suggestion.transitioning .inline-flex.items-center.rounded-md.border:before{filter:blur(3px)!important;transform:scale(1.1)!important;opacity:.8!important;transition:all .5s cubic-bezier(.19,1,.22,1)!important}.message-bubble-ai-suggestion.transitioning .inline-flex.items-center.rounded-md.border:after{filter:blur(2px)!important;opacity:.5!important;transition:all .5s cubic-bezier(.19,1,.22,1)!important}.message-bubble-ai-suggestion.transitioning .inline-flex.items-center.rounded-md.border{box-shadow:0 0 15px rgba(100,180,255,.3)!important;transition:all .5s cubic-bezier(.19,1,.22,1)!important}.custom-button.ai-suggestion{font-size:.75rem;position:relative;background-color:rgba(0,0,0,.75);overflow:visible;transform:scale(.85);margin-right:-.5rem;border-radius:12px}.custom-button.ai-suggestion:before{content:"";position:absolute;z-index:0;width:calc(100% + .4em);height:calc(100% + .4em);top:-.2em;left:-.2em;border-radius:12px;background:linear-gradient(45deg,rgba(59,130,246,.8),rgba(147,51,234,.8),rgba(236,72,153,.8),rgba(59,130,246,.8));background-size:300% 300%;filter:blur(.1em);opacity:0;transition:opacity .3s ease;animation:glowing 3s ease infinite}.custom-button.ai-suggestion:hover:before{opacity:1}.custom-button.ai-suggestion .button-outter{border-radius:12px}.custom-button.ai-suggestion .button-inner{background-image:linear-gradient(135deg,rgba(230,230,230,1),rgba(180,180,180,1));padding:.6em 1em;border-radius:12px}.custom-button.ai-suggestion .button-inner span{font-weight:600;background-image:linear-gradient(135deg,rgba(25,25,25,1),rgba(75,75,75,1));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.75rem}@keyframes glowing{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}