@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes border-glow{0%,to{border-color:#3b82f64d;box-shadow:0 0 #3b82f666}50%{border-color:#6366f180;box-shadow:0 0 20px 2px #6366f133}}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes line-draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.gradient-line-bg{position:relative;overflow:hidden}.gradient-line-bg:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);animation:shimmer 3s infinite;pointer-events:none}.elegant-border{position:relative;border:1px solid rgba(59,130,246,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.elegant-border:hover{border-color:#6366f166;box-shadow:0 0 0 1px #6366f11a}.elegant-border:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#3b82f64d,#6366f14d,#06b6d44d);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-shift 3s ease infinite;opacity:0;transition:opacity .3s;pointer-events:none}.elegant-border:hover:after{opacity:1}.shimmer-effect{background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}.elegant-pulse{animation:subtle-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fade-in-elegant{animation:fadeInElegant .5s cubic-bezier(.4,0,.2,1)}@keyframes fadeInElegant{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble-elegant{position:relative;overflow:hidden}.message-bubble-elegant:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .5s}.message-bubble-elegant:hover:before{left:100%}.code-block-elegant{position:relative;border:1px solid rgba(59,130,246,.15);transition:all .3s ease}.code-block-elegant:hover{border-color:#6366f14d;box-shadow:0 4px 12px #3b82f61a}.preview-frame-elegant{position:relative;border:1px solid rgba(59,130,246,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-frame-elegant:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#3b82f633,#6366f133,#06b6d433);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-shift 4s ease infinite;opacity:0;transition:opacity .3s;pointer-events:none;z-index:-1}.preview-frame-elegant:hover:before{opacity:.6}.button-elegant{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-elegant:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button-elegant:hover:before{width:300px;height:300px}.button-elegant:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.file-tree-elegant{position:relative}.file-tree-elegant:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,rgba(59,130,246,.3),transparent);opacity:0;transition:opacity .3s}.file-tree-elegant:hover:after{opacity:1}.input-elegant:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a;transition:all .3s cubic-bezier(.4,0,.2,1)}.elegant-scrollbar::-webkit-scrollbar{width:6px}.elegant-scrollbar::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.elegant-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#3b82f680,#6366f180);border-radius:3px;transition:background .3s}.elegant-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#3b82f6b3,#6366f1b3)}.subtle-pattern{position:relative}.subtle-pattern:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;opacity:0;transition:opacity .3s}.subtle-pattern:hover:before{opacity:1}.spinner-elegant{border:2px solid rgba(59,130,246,.2);border-top-color:#6366f1cc;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.scale-elegant{transition:transform .3s cubic-bezier(.4,0,.2,1)}.scale-elegant:hover{transform:scale(1.02)}.text-gradient-animated{background:linear-gradient(135deg,#3b82f6,#6366f1,#06b6d4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}@keyframes moving-grid{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes moving-grid-reverse{0%{transform:translate(60px,60px)}to{transform:translate(0)}}.animated-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.15) 1px,transparent 1px);background-size:60px 60px;animation:moving-grid 20s linear infinite;opacity:.3;pointer-events:none}.animated-grid-lines:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.1) 1px,transparent 1px);background-size:60px 60px;animation:moving-grid-reverse 25s linear infinite;opacity:.2}@keyframes diagonal-sweep{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.animated-diagonal-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none}.animated-diagonal-lines:before{content:"";position:absolute;width:200%;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),rgba(99,102,241,.4),rgba(6,182,212,.4),transparent);top:0;left:-50%;animation:diagonal-sweep 8s linear infinite}.animated-diagonal-lines:after{content:"";position:absolute;width:200%;height:2px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.3),rgba(99,102,241,.3),rgba(59,130,246,.3),transparent);top:0;left:-50%;animation:diagonal-sweep 12s linear infinite reverse;animation-delay:2s}.moving-lines-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.moving-lines-bg:before,.moving-lines-bg:after{content:"";position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);animation:line-move 10s linear infinite}.moving-lines-bg:before{top:20%;animation-delay:0s}.moving-lines-bg:after{top:60%;animation-delay:5s;background:linear-gradient(90deg,transparent,rgba(99,102,241,.4),transparent)}@keyframes line-move{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}.enhanced-moving-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.2) 1px,transparent 1px);background-size:60px 60px;opacity:.25;animation:moving-grid 20s linear infinite;pointer-events:none;mask-image:radial-gradient(ellipse 120% 80% at 50% 0%,black 40%,transparent 100%)}.enhanced-moving-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.15) 1px,transparent 1px);background-size:60px 60px;animation:moving-grid-reverse 25s linear infinite;opacity:.2}