.futuristic-chat-container{background:linear-gradient(to bottom,#0f172af2,#1e293beb);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);position:relative;overflow:hidden;border:1px solid rgba(100,116,139,.1);min-height:0}.futuristic-chat-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.08) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none}.smooth-scroll{scroll-behavior:smooth;overflow-y:auto}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.futuristic-input-zone{background:linear-gradient(to top,#0f172afa,#1e293bf2);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-top:1px solid rgba(100,116,139,.2);position:relative;overflow:visible}.cyber-clear-btn{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1)}.cyber-clear-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#38bdf81a,#0ea5e90d);opacity:0;transition:opacity .3s ease}.cyber-clear-btn:hover:before{opacity:1}.cyber-clear-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px -4px #38bdf840}.chat-input-shell{position:relative;border-radius:20px;padding:0;background:linear-gradient(135deg,#1e293be6,#0f172af2);box-shadow:0 4px 24px -4px #0000004d,0 0 0 1px #64748b33,inset 0 1px #ffffff0d;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.chat-input-shell:focus-within{box-shadow:0 8px 32px -4px #38bdf840,0 0 0 1px #38bdf866,inset 0 1px #ffffff1a;transform:translateY(-2px)}.chat-input-surface{display:flex;align-items:flex-end;gap:.75rem;padding:.875rem 1rem;border-radius:20px;background:transparent;position:relative;min-height:54px}.chat-textarea{flex:1;background:transparent;color:#f1f5f9;resize:none;border:none;outline:none;font-size:.9375rem;line-height:1.4rem;font-weight:400;letter-spacing:.01em;transition:color .25s ease;height:38px;max-height:38px;overflow-y:auto;padding:8px 0 4px;min-width:0}.chat-textarea::placeholder{color:#94a3b880;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{position:relative;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#33415566;color:#94a3b8;border:1px solid rgba(100,116,139,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.icon-btn:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 4px 12px -2px #38bdf84d}.icon-btn:active{transform:translateY(0)}.icon-btn[disabled]{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.icon-btn.recording{color:#f87171;background:#f8717133;border-color:#f8717180;box-shadow:0 0 0 2px #f8717133;animation:pulseRec 1.6s ease-in-out infinite}@keyframes pulseRec{0%,to{box-shadow:0 0 0 2px #f8717133}50%{box-shadow:0 0 0 6px #f871711a}}.upload-btn{background:#10b98126!important;border-color:#10b9814d!important;color:#34d399!important}.upload-btn:hover:not([disabled]){background:#10b98140!important;border-color:#10b98180!important;color:#10b981!important;box-shadow:0 4px 12px -2px #10b9814d}.send-btn{position:relative;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#0ea5e9,#0284c7);display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px -4px #0ea5e980,inset 0 1px #fff3;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.send-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px -4px #0ea5e999}.send-btn:active{transform:translateY(0) scale(.98)}.send-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.send-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 60%);mix-blend-mode:overlay;opacity:.4;pointer-events:none}.chat-input-shell.chat-compact{border-radius:18px;background:#1e293bd9;padding:0;box-shadow:0 4px 20px -4px #0000004d,0 0 0 1px #64748b33,inset 0 1px #ffffff0d;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-input-shell.chat-compact:focus-within{box-shadow:0 8px 32px -4px #38bdf84d,0 0 0 1px #38bdf866,inset 0 1px #ffffff1a;transform:translateY(-1px)}.chat-input-shell.chat-compact .chat-input-surface{border-radius:18px;padding:.625rem .875rem;min-height:44px;background:transparent;border:none}.chat-input-shell.chat-compact .chat-textarea{font-size:.875rem;line-height:1.3rem;padding-top:12px;font-weight:400;letter-spacing:.01em;color:#e2e8f0;caret-color:#38bdf8}.chat-input-shell.chat-compact .icon-btn{width:38px;height:38px;border-radius:12px}.chat-input-shell.chat-compact .send-btn{width:46px;height:46px;border-radius:13px}.spinner{width:24px;height:24px;border-radius:50%;border:3px solid rgba(255,255,255,.38);border-top-color:#fff;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinSlow{to{transform:rotate(360deg)}}.animate-spin-slow{animation:spinSlow 18s linear infinite}@keyframes pulseFast{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.05)}}.animate-pulse-fast{animation:pulseFast 3.4s ease-in-out infinite}@keyframes fluid{0%{transform:translateY(0) rotate(0) scale(1);filter:hue-rotate(0deg) brightness(1)}25%{transform:translateY(-3%) rotate(6deg) scale(1.04)}50%{transform:translateY(2%) rotate(-4deg) scale(.97);filter:hue-rotate(25deg) brightness(1.05)}75%{transform:translateY(-2%) rotate(3deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1);filter:hue-rotate(0deg) brightness(1)}}.animate-fluid-mask{animation:fluid 9s ease-in-out infinite}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}body{scrollbar-width:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{overscroll-behavior-y:contain;overflow:hidden}.chat-textarea{scrollbar-width:none}.chat-textarea::-webkit-scrollbar{display:none}.app-shell{min-height:100vh;min-height:100dvh;width:100%}.app-shell main{flex:1;display:flex;flex-direction:column}html,body,#root,.app-shell{max-width:100%;overflow-x:hidden}@media (max-width: 768px){.chat-input-shell.chat-compact .chat-input-surface{padding:.55rem .7rem .55rem .8rem;min-height:42px}.chat-input-shell.chat-compact .icon-btn{width:36px;height:36px}.chat-input-shell.chat-compact .send-btn{width:46px;height:46px}.chat-input-shell.chat-compact .chat-textarea{font-size:.85rem;line-height:1.2rem}.chat-input-shell.chat-compact .placeholder-layer{font-size:.7rem;left:16px}}@media (max-width: 640px){.chat-input-shell.chat-compact .chat-input-surface{padding:.45rem .6rem .45rem .7rem;min-height:40px;gap:.5rem}.chat-input-shell.chat-compact .icon-btn{width:32px;height:32px;border-radius:10px}.chat-input-shell.chat-compact .send-btn{width:42px;height:42px;border-radius:14px}.chat-input-shell.chat-compact .chat-textarea{font-size:.8rem;line-height:1.1rem;padding-top:10px}.chat-input-shell.chat-compact .placeholder-layer{font-size:.65rem;top:6px;left:14px}.chat-input-shell.chat-compact .chat-textarea::placeholder{font-size:.75rem}}@media (max-width: 420px){header .h-5.relative,header .h-5.relative *{display:none!important}.chat-input-shell.chat-compact{box-shadow:0 3px 18px -6px #0284c780,0 0 0 1px #38bdf84d}.chat-input-shell.chat-compact .chat-input-surface{padding:.4rem .55rem .4rem .65rem;min-height:38px}.chat-input-shell.chat-compact .icon-btn{width:30px;height:30px}.chat-input-shell.chat-compact .send-btn{width:40px;height:40px}}@media (max-height: 500px) and (orientation: landscape){header{padding:.5rem 1rem}.chat-input-shell.chat-compact .chat-input-surface{min-height:36px;padding:.35rem .5rem .35rem .6rem}.chat-input-shell.chat-compact .icon-btn{width:28px;height:28px}.chat-input-shell.chat-compact .send-btn{width:38px;height:38px}}@media (min-width:1600px){.chat-input-shell.chat-compact .chat-textarea{font-size:1rem}.chat-input-shell.chat-compact .placeholder-layer{font-size:.75rem}}.chat-input-shell,.send-btn,.icon-btn{will-change:transform}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .4s ease-out}.smooth-scroll::-webkit-scrollbar{width:8px}.smooth-scroll::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.smooth-scroll::-webkit-scrollbar-thumb{background:#64748b66;border-radius:4px}.smooth-scroll::-webkit-scrollbar-thumb:hover{background:#64748b99}html,body,#root{margin:0;padding:0;height:100vh;overflow:hidden;background:transparent}.app-shell{height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;background:transparent}.app-shell main{height:calc(100vh - 60px);margin:0;padding:0;overflow:hidden}.app-shell{max-width:100vw;overflow-x:hidden}@media screen and (max-width: 768px){.chat-textarea,input,textarea,select{font-size:16px!important}}.chat-textarea{-webkit-overflow-scrolling:touch;max-height:150px;will-change:height;transition:none!important}@supports (padding: max(0px)){.app-shell main{padding-bottom:max(env(safe-area-inset-bottom),0px)}}@media screen and (max-width: 768px){.futuristic-chat-container{-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}.futuristic-input-zone{-webkit-backdrop-filter:blur(6px) saturate(110%);backdrop-filter:blur(6px) saturate(110%)}.chat-input-shell{-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}.futuristic-chat-container:before{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.smooth-scroll{-webkit-overflow-scrolling:touch;transform:translateZ(0)}.icon-btn,.send-btn{transition:transform .2s ease}.icon-btn:active,.send-btn:active{transform:scale(.95)}}@media screen and (max-width: 480px){.futuristic-chat-container,.futuristic-input-zone,.chat-input-shell,.icon-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.futuristic-chat-container{background:#0f172afa}.futuristic-input-zone{background:#0f172afc}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.chat-input-shell,.send-btn,.icon-btn,.futuristic-chat-container{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto}