:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light;--brand: #075e54;--brand-dark: #054d44;--accent: #128c7e;--bg: #ece5dd;--bg-chat: #efe7dd;--surface: #ffffff;--text: #212121;--text-muted: #737373;--bubble-mine: #d9fdd3;--bubble-theirs: #ffffff;--danger: #c62828;--danger-dark: #aa2e2e;--offline: #f9a825;--radius: 16px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background-color:var(--bg);color:var(--text)}.page{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:720px;margin:0 auto;background-color:var(--bg-chat)}.connection-bar{background-color:var(--offline);color:#000;text-align:center;font-size:.85rem;font-weight:600;padding:6px 12px}.btn{border:none;border-radius:20px;padding:12px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--brand);color:#fff;width:100%}.btn-primary:not(:disabled):hover{background-color:var(--brand-dark)}.btn-send{background-color:var(--brand);color:#fff;align-self:flex-end}.btn-send:not(:disabled):hover{background-color:var(--brand-dark)}.btn-logout{background-color:var(--danger);color:#fff;padding:8px 16px;font-size:.9rem}.btn-logout:not(:disabled):hover{background-color:var(--danger-dark)}.chat-header-actions{display:flex;align-items:center;gap:10px}.btn-push{position:relative;border:none;border-radius:20px;padding:8px 12px;font-size:1.1rem;line-height:1;background-color:#ffffff2e;color:#fff;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.btn-push:hover{background-color:#ffffff4d}.btn-push:disabled{opacity:.5;cursor:not-allowed}.btn-push.active{background-color:#ffffff52}.push-note{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:240px;padding:8px 10px;border-radius:8px;background:#fafafa;color:#222;font-size:.78rem;line-height:1.25;text-align:left;box-shadow:0 4px 12px #0000002e}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:var(--text-muted)}.spinner{width:36px;height:36px;border:4px solid #e0e0e0;border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background-color:#fdecea;color:var(--danger);border:1px solid #f5c6cb;border-radius:8px;padding:10px 14px;margin:0 16px 12px;font-size:.9rem}.login-page{justify-content:center;align-items:center;background-color:var(--bg);padding:20px}.login-header{text-align:center;margin-bottom:24px}.app-name{color:var(--brand);font-size:1.6rem;margin:0}.app-subtitle{color:var(--text-muted);margin:6px 0 0;font-size:.95rem}.login-form{background-color:var(--surface);border-radius:var(--radius);padding:28px 24px;width:100%;max-width:360px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px}.login-title{margin:0 0 4px;font-size:1.2rem;color:var(--text);text-align:center}.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--text-muted)}.field input{padding:12px 14px;border:1px solid #ccc;border-radius:8px;font-size:1rem;color:var(--text)}.field input:focus{outline:none;border-color:var(--brand)}.chat-page{padding:0;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background-color:var(--brand);color:#fff}.chat-header-info{display:flex;flex-direction:column;min-width:0}.chat-header-title{font-size:1.1rem;font-weight:600}.chat-header-status{font-size:.8rem;opacity:.9}.chat-header-status.online{color:#c8e6c9}.chat-header-status.offline{color:#ffe082}.message-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message-list.empty{align-items:center;justify-content:center;color:var(--text-muted)}.bubble-row{display:flex;justify-content:flex-start}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:78%;padding:8px 12px;border-radius:12px;background-color:var(--bubble-theirs);box-shadow:0 1px 1px #00000014;display:inline-block;word-break:break-word;white-space:pre-wrap}.bubble.mine{background-color:var(--bubble-mine)}.bubble-text{display:block}.bubble-meta{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:4px;font-size:.72rem;color:var(--text-muted)}.input-row{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background-color:var(--surface);border-top:1px solid #ddd}.message-input{flex:1;resize:none;border:1px solid #ccc;border-radius:20px;padding:12px 16px;font-size:1rem;font-family:inherit;color:var(--text);max-height:120px}.message-input:focus{outline:none;border-color:var(--brand)}.message-input:disabled{background-color:#f5f5f5}@media(max-width:480px){.login-form{padding:24px 18px}}