#root,body,html{height:100%;width:100%}*{box-sizing:border-box}body{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}button,input{font:inherit}button{cursor:pointer}.center,.login-page{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.login-page{background:#f5f5f5}.login-box{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000014;padding:32px;width:360px}.login-box h1{margin:0 0 8px;text-align:center}.login-description{color:#777;font-size:14px;margin:0 0 24px;text-align:center}.login-box input{border:1px solid #ddd;border-radius:8px;margin-bottom:12px;outline:none;padding:13px 14px;width:100%}.login-box input:focus{border-color:#777}.login-box button{background:#222;border:none;border-radius:8px;color:#fff;padding:13px;width:100%}.login-box button:disabled{opacity:.5}.error-message{color:#d33;font-size:13px;margin-bottom:12px}.chat-page{background:#fff;display:flex;flex-direction:column;height:100vh;width:100vw}.chat-header{align-items:center;border-bottom:1px solid #eee;display:flex;height:70px;justify-content:space-between;padding:0 24px}.chat-header h1{font-size:20px;margin:0}.chat-header span{color:#888;font-size:12px}.logout-button{background:#fff;border:1px solid #ddd;border-radius:7px;padding:8px 12px}.messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:24px}.empty-message{color:#aaa;margin:auto}.message-row{display:flex}.message-row.mine{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message-content{align-items:flex-end;display:flex;gap:6px;max-width:70%}.message-row.mine .message-content{flex-direction:row-reverse}.message-bubble{background:#eee;border-radius:16px;padding:10px 14px;white-space:pre-wrap;word-break:break-word}.message-row.mine .message-bubble{background:#222;color:#fff}.delete-button{background:none;border:none;color:#999;font-size:11px;padding:0}.delete-button:hover{color:#d33}.message-input-area{border-top:1px solid #eee;display:flex;gap:10px;padding:14px 20px}.message-input-area input{border:1px solid #ddd;border-radius:10px;flex:1 1;outline:none;padding:12px 14px}.message-input-area input:focus{border-color:#777}.message-input-area button{background:#222;border:none;border-radius:10px;color:#fff;width:70px}.message-input-area button:disabled{opacity:.4}@media (max-width:600px){.login-box{width:calc(100% - 32px)}.chat-header{padding:0 16px}.messages{padding:16px}.message-content{max-width:85%}}
/*# sourceMappingURL=main.61638c0e.css.map*/