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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background-color:#f0f2f5;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.login-container{aspect-ratio:1/1;height:auto;width:500px}.chat-container,.login-container{background-color:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;margin:20px auto;overflow:hidden;transition:all .3s ease}.chat-container{height:80vh;width:1200px}.login-form{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;padding:2rem}.login-form h2{color:#333;font-size:1.8rem;margin-bottom:.5rem}.login-form input{border:1px solid #ccc;border-radius:12px;font-size:1rem;outline:none;padding:1rem;transition:border-color .2s;width:100%}.login-form input:focus{border-color:#007bff}.login-form button{background-color:#007bff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:background-color .2s;width:100%}.login-form button:hover{background-color:#0056b3}.chat-header{background-color:#007bff;box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 1.5rem;text-align:center;z-index:10}.chat-header h1{font-size:1.3rem;margin:0}.chat-header p{font-size:.85rem;margin:4px 0 0;opacity:.9}.chat-messages{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.message-item{word-wrap:break-word;align-self:flex-start;background-color:#e9ecef;border-radius:18px;box-shadow:0 1px 2px #0000000d;font-size:.95rem;max-width:60%;padding:.8rem 1.2rem}.message-item.system{align-self:center;background-color:initial;box-shadow:none;color:#888;font-size:.8rem;padding:.2rem;text-align:center}.message-item .username{color:#555;display:block;font-size:.75rem;font-weight:700;margin-bottom:3px}.message-form{align-items:center;background-color:#fff;border-top:1px solid #eee;display:flex;gap:.75rem;padding:1rem 1.5rem}.message-form input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:25px;flex:1 1;font-size:1rem;outline:none;padding:.85rem 1.2rem}.message-form input:focus{background-color:#fff;border-color:#007bff}.message-form button{background-color:#007bff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem 1.5rem;transition:transform .1s,background-color .2s}.message-form button:hover{background-color:#0056b3}.message-form button:active{transform:scale(.95)}
/*# sourceMappingURL=main.42801cbc.css.map*/