.chat-input-container{width:100%;padding:12px 16px;background:linear-gradient(180deg,rgba(0,0,0,.02),transparent);border-top:1px solid rgba(0,0,0,.06);animation:slideIn .3s ease-out}@media (prefers-color-scheme:dark){.chat-input-container{background:linear-gradient(180deg,hsla(0,0%,100%,.02),transparent);border-top:1px solid hsla(0,0%,100%,.08)}}.chat-input-wrapper{display:flex;align-items:center;gap:8px;background:#fff;border-radius:24px;padding:6px 8px 6px 18px;box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.chat-input-wrapper:focus-within{box-shadow:0 4px 16px rgba(236,72,153,.15),0 2px 4px rgba(236,72,153,.1);border-color:#ec4899;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.chat-input-wrapper{background:#2a2a2a;box-shadow:0 2px 8px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.4)}.chat-input-wrapper:focus-within{box-shadow:0 4px 16px rgba(236,72,153,.25),0 2px 4px rgba(236,72,153,.2);border-color:#ec4899}}.chat-input-field{flex:1;border:none;outline:none;background:transparent;font-size:14px;line-height:1.5;padding:8px 4px;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:color .2s ease}.chat-input-field::-moz-placeholder{color:#999;-moz-transition:color .2s ease;transition:color .2s ease}.chat-input-field::placeholder{color:#999;transition:color .2s ease}.chat-input-field:focus::-moz-placeholder{color:#bbb}.chat-input-field:focus::placeholder{color:#bbb}.chat-input-field:disabled{cursor:not-allowed;opacity:.6}@media (prefers-color-scheme:dark){.chat-input-field{color:#e0e0e0}.chat-input-field::-moz-placeholder{color:#777}.chat-input-field::placeholder{color:#777}.chat-input-field:focus::-moz-placeholder{color:#666}.chat-input-field:focus::placeholder{color:#666}}.chat-emoji-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#666;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;outline:none}.chat-emoji-button:hover:not(:disabled){background:rgba(0,0,0,.05);color:#333;transform:scale(1.05)}.chat-emoji-button:active:not(:disabled){transform:scale(.95)}.chat-emoji-button:disabled{cursor:not-allowed;opacity:.4}@media (prefers-color-scheme:dark){.chat-emoji-button{color:#999}.chat-emoji-button:hover:not(:disabled){background:hsla(0,0%,100%,.08);color:#e0e0e0}}.chat-input-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(236,72,153,.3),0 1px 2px rgba(236,72,153,.2);outline:none;position:relative;overflow:hidden}.chat-input-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.3),transparent);opacity:0;transition:opacity .3s ease}.chat-input-button:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px rgba(236,72,153,.4),0 2px 8px rgba(236,72,153,.3);background:linear-gradient(135deg,#f472b6,#ec4899)}.chat-input-button:hover:not(:disabled):before{opacity:1}.chat-input-button:active:not(:disabled){transform:translateY(0) scale(.95);box-shadow:0 2px 4px rgba(236,72,153,.3),0 1px 2px rgba(236,72,153,.2)}.chat-input-button:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;box-shadow:none;opacity:.5}@media (prefers-color-scheme:dark){.chat-input-button{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 2px 8px rgba(236,72,153,.4),0 1px 2px rgba(236,72,153,.3)}.chat-input-button:hover:not(:disabled){background:linear-gradient(135deg,#f472b6,#ec4899);box-shadow:0 4px 16px rgba(236,72,153,.5),0 2px 8px rgba(236,72,153,.4)}.chat-input-button:disabled{background:linear-gradient(135deg,#555,#333)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-input-button svg{transition:transform .2s ease}.chat-input-button:hover:not(:disabled) svg{transform:translateX(2px)}.chat-input-button:active:not(:disabled):after{content:"";position:absolute;inset:0;border-radius:50%;background:hsla(0,0%,100%,.5);animation:ripple .6s ease-out}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2)}}.chat-input-button:focus-visible{outline:2px solid #ec4899;outline-offset:2px}@media (prefers-color-scheme:dark){.chat-input-button:focus-visible{outline-color:#f472b6}}@media (max-width:600px){.chat-input-container{padding:10px 12px}.chat-input-wrapper{padding:5px 6px 5px 16px}.chat-input-field{font-size:16px}.chat-input-button{width:34px;height:34px}}@media (max-width:600px){.chat-input-field::-webkit-scrollbar{display:none}}.chat-input-button.loading{pointer-events:none}.chat-input-button.loading svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes success{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-input-button.success{animation:success .4s ease}:root{--chat-primary-color:#ec4899;--chat-primary-dark:#db2777;--chat-primary-light:#f472b6}