*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;color:#000;background:#fff;height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;overflow:hidden}.navbar{height:calc(44px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(20px);z-index:100;background:#f9f9f9f0;border-bottom:.5px solid #0000001f;justify-content:space-between;align-items:center;padding-left:16px;padding-right:16px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-title{text-align:center;font-size:17px;font-weight:600}.navbar-subtitle{color:#8e8e93;text-align:center;font-size:11px}.navbar-btn{color:#007aff;cursor:pointer;background:0 0;border:none;padding:8px;font-size:17px}.messages-container{top:calc(44px + env(safe-area-inset-top,0px));bottom:calc(52px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;background:#fff;padding:8px 12px;position:fixed;left:0;right:0;overflow-y:auto}.messages-date{text-align:center;color:#8e8e93;padding:8px 0 4px;font-size:12px}.bubble-row{max-width:100%;margin-bottom:2px;display:flex}.bubble-row.sent{justify-content:flex-end}.bubble-row.received{justify-content:flex-start}.bubble{word-wrap:break-word;white-space:pre-wrap;border-radius:18px;max-width:70%;padding:8px 12px;font-size:16px;line-height:1.35}.bubble.sent{color:#fff;background:#007aff;border-bottom-right-radius:4px}.bubble.received{color:#000;background:#e5e5ea;border-bottom-left-radius:4px}.bubble-name{color:#8e8e93;margin-bottom:2px;margin-left:12px;font-size:12px}.typing-dots{gap:4px;padding:4px 0;display:inline-flex}.typing-dots span{background:#8e8e93;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.input-bar{padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(20px);z-index:100;background:#f9f9f9f0;border-top:.5px solid #0000001f;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.input-bar input{background:#fff;border:.5px solid #0000002e;border-radius:20px;outline:none;flex:1;min-height:36px;padding:8px 14px;font-family:inherit;font-size:16px}.input-bar input:focus{border-color:#0000004d}.send-btn{color:#007aff;cursor:pointer;background:0 0;border:none;padding:8px 4px;font-family:inherit;font-size:17px;font-weight:600}.send-btn:disabled{color:#c7c7cc}.login-page{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px;display:flex}.login-page h1{font-size:28px;font-weight:700}.login-page p{color:#8e8e93;font-size:15px}.login-page input{text-align:center;letter-spacing:8px;background:#f2f2f7;border:.5px solid #0000002e;border-radius:12px;outline:none;width:200px;padding:12px 16px;font-family:inherit;font-size:24px}.login-page input:focus{border-color:#007aff}.login-page button{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:12px;padding:12px 48px;font-family:inherit;font-size:17px;font-weight:600}.login-page button:disabled{background:#c7c7cc}.login-error{color:#ff3b30;font-size:14px}.reconnecting{color:#ff9500}