@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-soft: #f2efe8;--bg-panel: #fdfcf8;--bg-muted: #f3f1ea;--line: #ddd6c7;--text: #1f2a2f;--muted: #66757c;--accent: #1d6f73;--accent-hover: #16595c;--danger: #c23a3a;--success: #1f8b5f;--shadow: 0 12px 30px rgba(46, 52, 54, .09)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;color:var(--text);font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(1200px 500px at 10% -5%,rgba(57,143,130,.12),transparent 60%),radial-gradient(900px 400px at 100% 0%,rgba(196,164,126,.22),transparent 60%),var(--bg-soft)}a{color:inherit;text-decoration:none}button,input{font:inherit}input{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);padding:11px 13px}input:focus{outline:2px solid rgba(29,111,115,.22);border-color:var(--accent)}.primary-button,.secondary-button{border-radius:12px;border:1px solid transparent;padding:10px 13px;cursor:pointer;transition:transform .15s ease,background-color .2s ease,border-color .2s ease}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-hover)}.secondary-button{background:#fff;border-color:var(--line)}.stack-md{display:grid;gap:12px}.muted{margin:0;color:var(--muted);font-size:14px}.error-text{margin:0;color:var(--danger)}.success-text{margin:0;color:var(--success)}.auth-shell,.page-state{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.page-state-card{width:min(460px,100%);background:#fdfcf8f0;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px;animation:rise-in .35s ease}.auth-card h1,.page-state-card h2{margin:0 0 8px;font-size:28px;letter-spacing:-.02em}.messenger-layout{min-height:100vh;display:grid;grid-template-columns:330px 1fr}.sidebar{border-right:1px solid var(--line);background:#fdfcf8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;min-height:100vh}.sidebar-top{padding:16px;border-bottom:1px solid var(--line);display:grid;gap:12px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.search-input{background:#fffefa}.small-state{margin:0;padding:14px 16px;color:var(--muted);display:grid;gap:10px}.user-results{display:grid;gap:8px}.user-result-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:12px;background:var(--bg-panel);border:1px solid var(--line)}.conversation-list{display:grid;gap:8px;padding:8px;overflow:auto}.conversation-row{border:1px solid transparent;border-radius:14px;background:var(--bg-muted);text-align:left;padding:12px;cursor:pointer}.conversation-row.active{border-color:#83b9b7;background:#e9f2f0}.conversation-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-preview{margin-top:4px;color:var(--muted);font-size:13px}.unread-badge{min-width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;padding:0 6px;font-size:12px;color:#fff;background:var(--accent)}.chat-panel{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;animation:fade-in .35s ease}.chat-header{border-bottom:1px solid var(--line);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;background:#fdfcf8cc}.status-dot{width:8px;height:8px;border-radius:999px;background:#8b9da0;display:inline-block;margin-right:6px}.status-dot.online{background:#1f8b5f}.connection-pill{border-radius:999px;padding:6px 10px;font-size:12px;border:1px solid var(--line);background:#fff}.connection-pill.connected{color:#0e6a45;border-color:#89c4ac;background:#eff8f3}.connection-pill.disconnected{color:#8d5a15;border-color:#d6b287;background:#fff7ee}.chat-scroll{overflow:auto;padding:14px}.chat-error{margin-bottom:12px;color:var(--danger)}.message-list{display:grid;gap:10px}.history-loader{display:grid;place-items:center;margin-bottom:4px}.message-row{display:flex}.message-row.mine{justify-content:flex-end}.message-bubble{width:fit-content;max-width:min(72%,640px);background:#fffefa;border:1px solid var(--line);border-radius:16px;padding:8px 10px;box-shadow:0 2px #3c464a05}.message-bubble.pending{opacity:.75}.message-row.mine .message-bubble{background:#e0f0ef;border-color:#9cc4c3}.message-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.message-meta{margin-top:6px;font-size:11px;color:var(--muted);display:flex;justify-content:flex-end;gap:8px}.message-actions{margin-top:8px;display:flex;justify-content:flex-end}.small-button{padding:4px 8px;font-size:12px;border-radius:10px}.composer{border-top:1px solid var(--line);padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px;background:#fdfcf8e6}.empty-block{color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:16px;text-align:center;background:#ffffff73}.profile-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.profile-card{width:min(680px,100%);border:1px solid var(--line);border-radius:20px;background:#fdfcf8f0;box-shadow:var(--shadow);padding:22px;display:grid;gap:14px}.desktop-build-badge{position:fixed;right:14px;bottom:12px;z-index:1200;pointer-events:none;display:grid;gap:2px;max-width:min(88vw,560px);border:1px solid rgba(56,71,76,.2);border-radius:10px;background:#fdfcf8f5;box-shadow:0 5px 18px #222e301f;padding:7px 10px}.desktop-build-badge.channel-lan{border-color:#8f601859;background:#fff9ecf5}.desktop-build-badge.channel-beta{border-color:#28666b4d}.desktop-build-badge.channel-local{border-color:#57666e4d}.desktop-build-badge strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#4f5f66}.desktop-build-badge span{font-size:12px;color:#1f2a2f;word-break:break-all}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:980px){.messenger-layout{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:none;border-bottom:1px solid var(--line)}.chat-panel{min-height:70vh}.message-bubble{max-width:90%}}