@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--green-light:#81c784;--bg-cream:#fff8f0;--bg-white:#fff;--text-dark:#333;--text-light:#666;--shadow:#ff6b3533}.App{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center}.App-header{align-items:center;background:linear-gradient(135deg,#ff6b35,#ffb84d 50%,#4caf50);background:linear-gradient(135deg,var(--primary-orange) 0,var(--orange-light) 50%,var(--primary-green) 100%);color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding:20px}.App-header h1{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#fff,#fff8f0);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:2rem;text-shadow:0 2px 10px #0003}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}to{filter:drop-shadow(0 0 20px rgba(255,255,255,.8))}}.Chat{display:flex;flex-direction:column;height:70vh;max-width:600px;overflow:hidden;width:100%}.Chat,.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-white);border-radius:20px;box-shadow:0 20px 60px #ff6b3533;box-shadow:0 20px 60px var(--shadow)}.login-container{min-width:350px;padding:3rem 2.5rem;text-align:center}.login-container h2{color:#ff6b35;color:var(--primary-orange);font-size:2rem;font-weight:700;margin-bottom:1.5rem}.login-container input{border:2px solid #e0e0e0;border-radius:12px;font-family:Inter,sans-serif;font-size:1rem;margin-bottom:1.5rem;padding:15px 20px;transition:all .3s ease;width:100%}.login-container input:focus{border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 4px #ff6b351a;outline:none}.login-container button{background:linear-gradient(135deg,#ff6b35,#ffb84d);background:linear-gradient(135deg,var(--primary-orange) 0,var(--orange-light) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.login-container button:hover{background:linear-gradient(135deg,#ff6b35,#4caf50);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-green) 100%);box-shadow:0 10px 25px #ff6b3533;box-shadow:0 10px 25px var(--shadow);transform:translateY(-2px)}.login-container button:active{transform:translateY(0)}@media (max-width:768px){.App-header{padding:15px}.App-header h1{font-size:2rem}.Chat{border-radius:15px;height:80vh;max-width:100%}.login-container{min-width:300px;padding:2rem 1.5rem}}@media (max-width:480px){.App-header h1{font-size:1.75rem}.login-container{min-width:280px;padding:1.5rem 1rem}.login-container h2{font-size:1.5rem}}@supports (padding:max(0px)){.App-header{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}:root{--primary-orange:#ff6b35;--primary-green:#4caf50;--orange-light:#ffb84d;--green-light:#e8f5e9;--bg-gradient:linear-gradient(180deg,#fff8f0,#fff)}.container{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;width:100%}.message-container{background:linear-gradient(180deg,#fff8f0,#fff);background:var(--bg-gradient);display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.message-container::-webkit-scrollbar{width:8px}.message-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.message-container::-webkit-scrollbar-thumb{background:#ff6b35;background:var(--primary-orange);border-radius:10px}.message-container::-webkit-scrollbar-thumb:hover{background:#ff5722}.messages{display:flex;flex-direction:column;gap:12px}.message{word-wrap:break-word;animation:slideIn .3s ease-out;border-radius:18px;box-shadow:0 2px 5px #0000001a;font-size:15px;line-height:1.5;max-width:70%;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.my-message{align-self:flex-end;background:linear-gradient(135deg,#ff6b35,#ffb84d);background:linear-gradient(135deg,var(--primary-orange) 0,var(--orange-light) 100%);border-bottom-right-radius:4px;color:#fff}.their-message{align-self:flex-start;background:#e8f5e9;background:var(--green-light);border-bottom-left-radius:4px;border-left:3px solid #4caf50;border-left:3px solid var(--primary-green);color:#333}.message-user{font-size:12px;font-weight:600;margin-bottom:4px;opacity:.9}.my-message .message-user{color:#fffffff2}.their-message .message-user{color:#4caf50;color:var(--primary-green)}.message-text{font-size:15px;word-break:break-word}.messageInputs{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:20px}.messageInputs input{border:2px solid #e0e0e0;border-radius:24px;flex:1 1;font-family:Inter,sans-serif;font-size:16px;min-height:44px;padding:14px 18px;transition:all .3s ease}.messageInputs input:focus{border-color:#ff6b35;border-color:var(--primary-orange);box-shadow:0 0 0 4px #ff6b351a;outline:none}.messageInputs button{background:linear-gradient(135deg,#ff6b35,#ffb84d);background:linear-gradient(135deg,var(--primary-orange) 0,var(--orange-light) 100%);border:none;border-radius:24px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:600;min-height:44px;min-width:44px;padding:14px 28px;transition:all .3s ease}.messageInputs button:hover{background:linear-gradient(135deg,#ff6b35,#4caf50);background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-green) 100%);box-shadow:0 8px 20px #ff6b354d;transform:translateY(-2px)}.messageInputs button:active{transform:translateY(0)}.chat-header{align-items:center;background:linear-gradient(135deg,#ff6b35,#ffb84d 50%,#4caf50);background:linear-gradient(135deg,var(--primary-orange) 0,var(--orange-light) 50%,var(--primary-green) 100%);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.chat-header h2{font-size:1.2rem;font-weight:600;margin:0}.chat-status{align-items:center;display:flex;font-size:.9rem;gap:8px}.status-indicator{animation:pulse 2s infinite;background:#f44;border-radius:50%;height:10px;width:10px}.status-indicator.connected{background:#4caf50;background:var(--primary-green)}@keyframes pulse{0%{box-shadow:0 0 0 0 #4caf50b3}50%{box-shadow:0 0 0 5px #4caf5000}to{box-shadow:0 0 0 0 #4caf5000}}.typing-indicator{animation:fadeIn .3s;background:#ff6b351a;border-radius:12px;color:#ff6b35;color:var(--primary-orange);font-size:13px;font-style:italic;margin-top:8px;padding:8px 12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.system-message{align-self:center!important;background:#ff6b3514!important;border:1px solid #ff6b3533;border-radius:12px!important;color:#ff6b35!important;color:var(--primary-orange)!important;font-size:13px;max-width:80%!important;padding:8px 16px!important;text-align:center}.system-message .message-text{font-style:italic}.message-timestamp{font-size:11px;margin-top:4px;opacity:.6;text-align:right}.my-message .message-timestamp{color:#fffc}.their-message .message-timestamp{color:#999}.messageInputs button:disabled,.messageInputs input:disabled{cursor:not-allowed;opacity:.5}.messageInputs button:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.message{max-width:80%}.messageInputs{padding:15px}.chat-header{padding:12px 15px}.chat-header h2{font-size:1.1rem}}@media (max-width:480px){.message{max-width:85%}.messageInputs{gap:8px;padding:12px}.messageInputs input{padding:12px 16px}.messageInputs button{padding:12px 20px}.chat-header h2{font-size:1rem}.chat-status{font-size:.85rem}}@supports (padding:max(0px)){.messageInputs{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
/*# sourceMappingURL=main.1c477f83.css.map*/