*{box-sizing:border-box;margin:0;padding:0}:root{--ground:#efefee;--ground-dim:#e4e4e2;--ink:#0d0d0f;--ink-2:#43444a;--muted:#6e6f76;--accent:#2f5bff;--accent-lift:#7c97ff;--hair:#0d0d0f1f;--font-display:"Archivo", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", sans-serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--ease:cubic-bezier(.16, 1, .3, 1)}html,body,#root{width:100%;height:100%;font-family:var(--font-display);color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hair);border-radius:100px}.hairline-t{border-top:1px solid var(--hair)}.hairline-b{border-bottom:1px solid var(--hair)}.hairline-l{border-left:1px solid var(--hair)}.hairline-r{border-right:1px solid var(--hair)}.btn{border:1px solid var(--ink);font-family:var(--font-display);letter-spacing:-.02em;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);white-space:nowrap;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex}.btn--fill{background:var(--ink);color:var(--ground);border-color:var(--ink)}.btn--fill:hover{background:var(--ink-2)}.btn--outline{color:var(--ink);background:0 0}.btn--outline:hover{background:var(--ink);color:var(--ground)}.btn:disabled{opacity:.35;cursor:not-allowed}.pill{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:500;line-height:1;display:inline-flex}.pill .dot{border-radius:100px;flex-shrink:0;width:5px;height:5px}.pill--accent{background:var(--ink);color:var(--ground)}.pill--accent .dot{background:var(--accent)}.pill--online{background:var(--hair);color:var(--ink-2)}.pill--online .dot{background:var(--accent)}.pill--offline{background:var(--hair);color:var(--muted)}.pill--offline .dot{background:var(--muted)}.pill--read{color:var(--ink-2);background:0 0}.pill--read .dot{background:var(--accent)}.pill--unread{color:var(--muted);background:0 0}.pill--unread .dot{background:var(--muted)}.meta{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.auth-page{background:var(--ground);justify-content:center;align-items:center;height:100%;display:flex}.auth-form-wrap{width:380px;padding:40px 0}.auth-brand{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);align-items:baseline;gap:1px;margin-bottom:2px;font-size:28px;font-weight:800;display:flex}.auth-brand .dot{font-family:var(--font-mono);color:var(--accent);font-size:28px;font-weight:500}.auth-subtitle{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:36px;font-size:10px;font-weight:500}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field{flex-direction:column;gap:4px;display:flex}.auth-field label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:500}.auth-input{border:1px solid var(--hair);width:100%;font-family:var(--font-mono);background:var(--ground);color:var(--ink);transition:border-color .15s var(--ease);border-radius:0;outline:none;padding:11px 14px;font-size:13px;font-weight:400}.auth-input::placeholder{color:var(--muted)}.auth-input:focus{border-color:var(--ink)}.auth-error{font-family:var(--font-mono);letter-spacing:.15em;color:var(--ink-2);padding:0 2px;font-size:10px;font-weight:500}.auth-link{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:20px;font-size:10px;font-weight:500}.auth-link a{color:var(--ink);border-bottom:1px solid var(--accent);text-decoration:none}.auth-link a:hover{color:var(--ink-2)}.chat-page{background:var(--ground);height:100%;display:flex}.chat-sidebar{background:var(--ground-dim);border-right:1px solid var(--hair);flex-direction:column;flex-shrink:0;width:300px;display:flex}.sidebar-header{border-bottom:1px solid var(--hair);flex-direction:column;gap:4px;padding:16px;display:flex}.sidebar-brand-row{justify-content:space-between;align-items:baseline;display:flex}.sidebar-brand{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);align-items:baseline;gap:1px;font-size:16px;font-weight:800;display:flex}.sidebar-brand .brand-dot{font-family:var(--font-mono);color:var(--accent);font-size:16px;font-weight:500}.sidebar-user-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sidebar-username{font-family:var(--font-mono);letter-spacing:.15em;color:var(--ink-2);font-size:11px;font-weight:500}.sidebar-meta{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.sidebar-secure{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:400}.logout-btn{color:var(--muted);border:1px solid var(--hair);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .15s var(--ease);background:0 0;border-radius:0;padding:4px 10px;font-size:10px;font-weight:500}.logout-btn:hover{color:var(--ink);border-color:var(--ink)}.chat-main{background:var(--ground);flex-direction:column;flex:1;min-width:0;display:flex}.contact-list{flex-direction:column;flex:1;display:flex;overflow:hidden}.contact-search{flex-shrink:0;padding:10px 12px}.contact-search input{border:1px solid var(--hair);width:100%;font-family:var(--font-mono);background:var(--ground);color:var(--ink);border-radius:0;outline:none;padding:8px 12px;font-size:11px;font-weight:400;transition:border-color .15s}.contact-search input::placeholder{color:var(--muted)}.contact-search input:focus{border-color:var(--ink)}.contact-items{flex:1;overflow-y:auto}.contact-item{cursor:pointer;border-left:2px solid #0000;align-items:center;gap:10px;padding:10px 16px;transition:background .1s;display:flex}.contact-item:hover{background:var(--ground)}.contact-item.active{background:var(--ground);border-left-color:var(--accent)}.contact-avatar{background:var(--ground);border:1px solid var(--hair);width:36px;height:36px;color:var(--ink-2);font-family:var(--font-mono);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.contact-info{flex:1;min-width:0;overflow:hidden}.contact-name-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.contact-name{font-family:var(--font-display);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.contact-last-msg{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;font-weight:400;display:block;overflow:hidden}.contact-unread{background:var(--ink);min-width:16px;height:16px;color:var(--ground);font-family:var(--font-mono);border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;font-size:9px;font-weight:500;display:flex}.contact-empty{text-align:center;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);padding:32px 24px;font-size:10px;font-weight:500}.chat-window{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.chat-header{background:var(--ground-dim);border-bottom:1px solid var(--hair);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.chat-header-left{align-items:baseline;gap:10px;min-width:0;display:flex}.chat-header-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:15px;font-weight:800}.chat-header-secure{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:400}.chat-empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.chat-empty-state .empty-mark{border:1px solid var(--hair);width:40px;height:40px;color:var(--accent);justify-content:center;align-items:center;display:flex}.chat-empty-state .empty-text{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.chat-empty-state .empty-hint{font-family:var(--font-mono);color:var(--muted);font-size:10px;font-weight:400}.chat-messages{background:var(--ground);flex:1;padding:16px 20px;overflow-y:auto}.chat-input-area{background:var(--ground-dim);border-top:1px solid var(--hair);flex-shrink:0;align-items:center;gap:10px;padding:10px 20px;display:flex}.chat-input-area input{border:1px solid var(--hair);font-family:var(--font-mono);background:var(--ground);color:var(--ink);border-radius:0;outline:none;flex:1;padding:10px 14px;font-size:12px;font-weight:400;transition:border-color .15s}.chat-input-area input::placeholder{color:var(--muted)}.chat-input-area input:focus{border-color:var(--ink)}.chat-input-area .send-btn{background:var(--ink);color:var(--ground);border:1px solid var(--ink);font-family:var(--font-display);letter-spacing:-.02em;cursor:pointer;transition:background .15s var(--ease);white-space:nowrap;border-radius:0;padding:10px 24px;font-size:13px;font-weight:700}.chat-input-area .send-btn:hover{background:var(--ink-2)}.chat-input-area .send-btn:disabled{opacity:.3;cursor:not-allowed}.message-row{margin-bottom:10px;padding:0 2px;display:flex}.message-mine{justify-content:flex-end}.message-other{justify-content:flex-start}.message-bubble{word-break:break-all;border-radius:2px;max-width:62%;padding:8px 12px;position:relative}.bubble-mine{background:var(--ink);color:var(--ground);border-top-right-radius:0}.bubble-other{background:var(--ground-dim);border:1px solid var(--hair);color:var(--ink);border-top-left-radius:0}.message-content{font-size:13px;line-height:1.5}.message-meta{justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;display:flex}.message-time{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);font-size:9px;font-weight:400}.bubble-mine .message-time{color:#efefee73}.message-status{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:500}.message-status--read{color:var(--accent)}.bubble-mine .message-status--read{color:var(--accent-lift)}.message-status--unread{color:var(--muted)}.bubble-mine .message-status--unread{color:#efefee59}