@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-slow{background-size:400% 400%;animation:gradient 15s ease infinite}.sync-ai-container{position:relative;z-index:1}.sync-ai-animated-border{position:relative}.sync-ai-animated-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--color-ochre, #C8A13C);z-index:-1;filter:blur(4px);border-radius:inherit;opacity:0;transition:opacity 1s cubic-bezier(.25,1,.5,1)}.sync-ai-animated-border.active:before{opacity:.6;transition:opacity .8s cubic-bezier(.25,1,.5,1)}.fluid-matrix-container{position:relative;width:100%}.fluid-matrix{display:flex;align-items:center;position:relative;width:100%;filter:url(#surface-tension)}.primary-search-input{box-sizing:border-box;transition:width .6s cubic-bezier(.4,0,.2,1);outline:none;z-index:2}.architecture-wrapper.is-expanded .primary-search-input{width:calc(100% - 224px)}@media(max-width:640px){.architecture-wrapper.is-expanded .primary-search-input{width:calc(100% - 180px)}}.architecture-wrapper.data-active .primary-search-input{width:100%!important}.secondary-kinetic-nodes{display:flex;position:absolute;right:0;gap:8px;z-index:1;pointer-events:none}.architecture-wrapper.is-expanded .secondary-kinetic-nodes{pointer-events:auto}.architecture-wrapper.data-active .secondary-kinetic-nodes{pointer-events:none!important}.kinetic-node{width:46px;height:46px;border-radius:9999px;transform:translate(-150px);transition:transform .6s cubic-bezier(.4,0,.2,1),background-color .2s ease,color .2s ease,border-color .2s ease,scale .2s ease;display:flex;align-items:center;justify-content:center;outline:none;border:none;cursor:pointer}@media(max-width:640px){.kinetic-node{width:38px;height:38px}}.architecture-wrapper.is-expanded .kinetic-node{transform:translate(0)}.architecture-wrapper.data-active .kinetic-node{transform:translate(-150px)!important}.kinetic-node:nth-child(1){transition-delay:0s}.kinetic-node:nth-child(2){transition-delay:.03s}.kinetic-node:nth-child(3){transition-delay:.06s}.kinetic-node:nth-child(4){transition-delay:.09s}:root{--color-ochre: #C8A13C;--color-bg-modal: #ffffff;--color-bg-canvas: #e9ecef;--color-border-subtle: #eaeaea;--color-text-main: #1a1a1a;--color-text-muted: #666666;--color-pill-bg: #f1f3f5;--transition-elastic: cubic-bezier(.68, -.55, .265, 1.55);--transition-smooth: cubic-bezier(.4, 0, .2, 1)}.ui-stage{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;width:100%;min-height:320px;box-sizing:border-box}.processing-text{position:absolute;top:56%;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 48px);text-align:center;transition:opacity .4s ease,transform .4s ease;z-index:5}.processing-text h3{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--color-text-main)}.dark .processing-text h3{color:#fff}.processing-text p{margin:0;font-size:14px;color:var(--color-text-muted);max-width:340px;line-height:1.5}.dark .processing-text p{color:#a1a1aa}.goo-layer{position:absolute;width:calc(100% - 48px);height:calc(100% - 48px);filter:url(#metaball-goo);display:flex;justify-content:center;align-items:center;transition:filter .1s;z-index:2}.sphere{position:absolute;width:45px;height:45px;background:var(--color-ochre);border-radius:50%;transform-origin:center}.response-box{position:absolute;width:64px;height:64px;background:var(--color-ochre);border-radius:50%;box-sizing:border-box;border:2px solid var(--color-ochre);transform:translateY(0);transition:width .7s var(--transition-smooth),height .7s var(--transition-smooth),transform .7s var(--transition-smooth),border-radius .7s var(--transition-smooth),background .4s var(--transition-smooth),border-color .4s var(--transition-smooth)}.phase-1 .response-box{transform:translateY(-65px)}.phase-1 .sphere.s-1{animation:orbit-1 2.5s infinite ease-in-out alternate}.phase-1 .sphere.s-2{animation:orbit-2 2.7s infinite ease-in-out alternate-reverse}.phase-1 .sphere.s-3{animation:orbit-3 2.9s infinite ease-in-out alternate}@keyframes orbit-1{0%{transform:translate(-18px,-52px) scale(.96)}to{transform:translate(18px,-78px) scale(1.04)}}@keyframes orbit-2{0%{transform:translate(14px,-50px) scale(1.04)}to{transform:translate(-14px,-80px) scale(.96)}}@keyframes orbit-3{0%{transform:translate(-7px,-80px) scale(.98)}to{transform:translate(7px,-50px) scale(1.04)}}.phase-2 .processing-text,.phase-3 .processing-text{opacity:0;transform:translate(-50%,10px);pointer-events:none}.phase-2 .response-box{width:100%;height:100%;transform:translateY(0);background:var(--color-ochre);border-radius:20px}.phase-3 .response-box{width:100%;height:100%;transform:translateY(0);background:var(--color-bg-modal);border-color:var(--color-ochre);border-radius:20px;border-width:2px}.dark .phase-3 .response-box{background:#09090b;border-color:var(--color-ochre)}.resolved-content{position:absolute;width:calc(100% - 48px);height:calc(100% - 48px);z-index:10;opacity:0;display:flex;flex-direction:column;justify-content:space-between;padding:24px;box-sizing:border-box;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease;pointer-events:none;overflow-y:auto}.response-text{color:var(--color-text-main);font-size:15px;line-height:1.6}.dark .response-text{color:#f4f4f5}.sources-container{display:flex;gap:10px;margin-top:auto;padding-top:16px;flex-wrap:wrap}.source-pill{background:var(--color-pill-bg);border:1px solid var(--color-border-subtle);padding:8px 16px;border-radius:20px;font-size:13px;color:var(--color-text-muted);font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.source-pill:hover{border-color:var(--color-ochre);color:var(--color-text-main)}.dark .source-pill{background:#18181b;border-color:#ffffff1a;color:#d4d4d8}.dark .source-pill:hover{border-color:var(--color-ochre);color:#fff}.phase-3 .resolved-content{opacity:1;transform:translateY(0);pointer-events:auto}.goo-avatar{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;filter:url(#metaball-goo);flex-shrink:0}.goo-avatar .sphere{position:absolute;width:20px;height:20px;background:var(--color-ochre);border-radius:50%}.goo-avatar .response-box{position:absolute;width:26px;height:26px;background:var(--color-ochre);border-radius:50%;border:none}.goo-avatar .sphere.s-1{animation:orbit-avatar-1 2.2s infinite ease-in-out alternate}.goo-avatar .sphere.s-2{animation:orbit-avatar-2 2.4s infinite ease-in-out alternate-reverse}.goo-avatar .sphere.s-3{animation:orbit-avatar-3 2.6s infinite ease-in-out alternate}.goo-avatar-slow{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;filter:url(#metaball-goo);flex-shrink:0}.goo-avatar-slow .sphere{position:absolute;width:20px;height:20px;background:var(--color-ochre, #D4AF37);border-radius:50%}.goo-avatar-slow .response-box{position:absolute;width:26px;height:26px;background:var(--color-ochre, #D4AF37);border-radius:50%;border:none}.goo-avatar-slow .sphere.s-1{animation:orbit-avatar-slow-1 6.5s infinite ease-in-out alternate}.goo-avatar-slow .sphere.s-2{animation:orbit-avatar-slow-2 7.5s infinite ease-in-out alternate-reverse}.goo-avatar-slow .sphere.s-3{animation:orbit-avatar-slow-3 8.5s infinite ease-in-out alternate}@keyframes orbit-avatar-slow-1{0%{transform:translate(-7px,3px) scale(.96)}to{transform:translate(7px,-3px) scale(1.04)}}@keyframes orbit-avatar-slow-2{0%{transform:translate(6px,4px) scale(1.04)}to{transform:translate(-6px,-4px) scale(.96)}}@keyframes orbit-avatar-slow-3{0%{transform:translate(-2px,-6px) scale(.98)}to{transform:translate(2px,6px) scale(1.04)}}@keyframes orbit-avatar-1{0%{transform:translate(-6px,3px) scale(.96)}to{transform:translate(6px,-3px) scale(1.04)}}@keyframes orbit-avatar-2{0%{transform:translate(5px,4px) scale(1.04)}to{transform:translate(-5px,-4px) scale(.96)}}@keyframes orbit-avatar-3{0%{transform:translate(-2px,-5px) scale(.98)}to{transform:translate(2px,5px) scale(1.04)}}@keyframes orbit-coalesce-1{0%{transform:translateZ(0) scale(.95)}15%{transform:translate3d(-48px,-32px,0) scale(1.05)}35%{transform:translate3d(40px,-44px,0) scale(.9)}55%{transform:translate3d(-24px,40px,0) scale(1.1)}75%{transform:translate3d(-6px,-4px,0) scale(1.15)}85%,95%{transform:translateZ(0) scale(1.35)}to{transform:translateZ(0) scale(.95)}}@keyframes orbit-coalesce-2{0%{transform:translateZ(0) scale(1)}15%{transform:translate3d(52px,10px,0) scale(.9)}35%{transform:translate3d(-36px,36px,0) scale(1.1)}55%{transform:translate3d(42px,-24px,0) scale(.95)}75%{transform:translate3d(4px,6px,0) scale(1.15)}85%,95%{transform:translateZ(0) scale(1.35)}to{transform:translateZ(0) scale(1)}}@keyframes orbit-coalesce-3{0%{transform:translateZ(0) scale(1.05)}15%{transform:translate3d(-8px,48px,0) scale(1)}35%{transform:translate3d(-6px,-45px,0) scale(1.08)}55%{transform:translate3d(-18px,-18px,0) scale(.9)}75%{transform:translate3d(2px,-2px,0) scale(1.15)}85%,95%{transform:translateZ(0) scale(1.35)}to{transform:translateZ(0) scale(1.05)}}@keyframes cursor-blob-wobble{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}25%{transform:translate(-50%,-50%) scale(1.18,.84) rotate(8deg)}50%{transform:translate(-50%,-50%) scale(.88,1.14) rotate(-6deg)}75%{transform:translate(-50%,-50%) scale(1.1,.92) rotate(4deg)}}@keyframes cursor-satellite-contained-1{0%{transform:translate(-2px,-2px) scale(.9)}50%{transform:translate(2px,2px) scale(1.05)}to{transform:translate(-2px,-2px) scale(.9)}}@keyframes cursor-satellite-contained-2{0%{transform:translate(2px,-2px) scale(1.05)}50%{transform:translate(-2px,2px) scale(.85)}to{transform:translate(2px,-2px) scale(1.05)}}@keyframes search-blob-orbit-1{0%{transform:translate(0) scale(1)}33%{transform:translate(-14px,-10px) scale(1.15)}66%{transform:translate(12px,8px) scale(.88)}to{transform:translate(0) scale(1)}}@keyframes search-blob-orbit-2{0%{transform:translate(0) scale(.9)}33%{transform:translate(14px,-8px) scale(.85)}66%{transform:translate(-10px,12px) scale(1.2)}to{transform:translate(0) scale(.9)}}@keyframes search-blob-orbit-3{0%{transform:translate(0) scale(1.1)}33%{transform:translate(-6px,14px) scale(.95)}66%{transform:translate(8px,-12px) scale(1.05)}to{transform:translate(0) scale(1.1)}}.animate-orbit-blob-1{animation:orbit-coalesce-1 5.8s cubic-bezier(.45,.05,.55,.95) infinite}.animate-orbit-blob-2{animation:orbit-coalesce-2 5.8s cubic-bezier(.45,.05,.55,.95) infinite}.animate-orbit-blob-3{animation:orbit-coalesce-3 5.8s cubic-bezier(.45,.05,.55,.95) infinite}.animate-cursor-blob-wobble{animation:cursor-blob-wobble 2.6s ease-in-out infinite}.animate-cursor-satellite-contained-1{animation:cursor-satellite-contained-1 2.2s ease-in-out infinite}.animate-cursor-satellite-contained-2{animation:cursor-satellite-contained-2 2.7s ease-in-out infinite reverse}.animate-search-loader-blob-1{animation:search-blob-orbit-1 2.4s ease-in-out infinite}.animate-search-loader-blob-2{animation:search-blob-orbit-2 2.6s ease-in-out infinite}.animate-search-loader-blob-3{animation:search-blob-orbit-3 2.1s ease-in-out infinite}
