*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f4f4f1;color:#191919;font-size:15px;line-height:1.4}.hidden{display:none!important}button,input,textarea{font:inherit}.app-shell{height:100%;min-height:100vh}.auth-view{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid #deded8;border-radius:16px;padding:30px;box-shadow:0 14px 40px rgba(0,0,0,.06)}.brand-mark{width:42px;height:42px;border-radius:50%;background:#171717;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:18px}.auth-card h1{font-size:27px;letter-spacing:-.04em;margin:0 0 4px}.auth-card h2{font-size:19px;margin:4px 0 4px}.muted{color:#777}.small{font-size:12px}.panel{margin-top:24px}.panel label{display:block;font-size:12px;font-weight:600;color:#555;margin:13px 0}.panel input,.search-wrap input{display:block;width:100%;margin-top:6px;border:1px solid #d8d8d2;background:#fafaf8;border-radius:9px;padding:11px 12px;outline:none}.panel input:focus,.search-wrap input:focus,textarea:focus{border-color:#777;box-shadow:0 0 0 2px rgba(0,0,0,.05)}button{border:0;cursor:pointer}.full{width:100%;margin-top:10px;padding:11px 14px;border-radius:9px}.primary{background:#171717;color:#fff;font-weight:650}.primary:hover{background:#000}.secondary{background:#efefe9;color:#222;font-weight:600}.text-btn{background:transparent;color:#4c4c4c;padding:7px 9px;border-radius:7px}.text-btn:hover{background:#ededE8}.segmented{display:flex;background:#f1f1ec;padding:3px;border-radius:9px;margin-bottom:18px}.seg{flex:1;padding:8px;border-radius:7px;background:transparent;color:#666}.seg.active{background:#fff;color:#111;box-shadow:0 1px 4px rgba(0,0,0,.08)}.notice{margin-top:14px;padding:10px 12px;border-radius:9px;font-size:13px}.notice.error{background:#fff0ef;color:#9b2c24;border:1px solid #f0cfcb}.security-note{text-align:center;margin-top:20px;font-size:11px;color:#999}.chat-view{height:100%;display:flex;overflow:hidden;background:#fff}.sidebar{width:310px;min-width:260px;border-right:1px solid #e4e4de;background:#f7f7f4;display:flex;flex-direction:column}.sidebar-head,.chat-head{height:68px;min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e4e4de}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#888;margin-bottom:1px}.icon-btn,.tool-btn{width:36px;height:36px;border-radius:8px;background:transparent;color:#444;font-size:18px}.icon-btn:hover,.tool-btn:hover{background:#e9e9e4}.search-wrap{padding:10px 12px}.search-wrap input{margin:0;background:#fff;padding:9px 11px}.contacts{flex:1;overflow:auto}.contact{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid transparent;border-bottom:1px solid transparent;cursor:pointer}.contact:hover{background:#efefe9}.contact.active{background:#e8e8e2;border-color:#deded7}.contact-avatar,.avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#1d1d1d;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase}.contact-body{min-width:0;flex:1}.contact-name{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-meta{display:flex;justify-content:space-between;color:#888;font-size:11px;margin-top:2px}.unread{min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#1d1d1d;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3f9d65;margin-right:5px}.sidebar-foot{padding:9px 14px;border-top:1px solid #e4e4de;color:#8a8a8a;font-size:11px}.chat-pane{flex:1;min-width:0;display:flex;flex-direction:column;background:#fbfbf9}.chat-head{background:#fff;padding:0 18px}.chat-person{display:flex;align-items:center;gap:10px;min-width:0}.chat-person strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}.chat-actions{display:flex;align-items:center;gap:4px}.switch-row{display:flex;align-items:center;gap:5px;font-size:12px;color:#555}.switch-row input{accent-color:#1d1d1d}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777;text-align:center;padding:20px}.empty-state h2{font-size:20px;color:#333;margin:10px 0 3px}.empty-state p{margin:0;font-size:13px}.empty-icon{font-size:40px;color:#aaa}.conversation{flex:1;min-height:0;display:flex;flex-direction:column}.messages{flex:1;overflow:auto;padding:22px 24px 14px}.older-wrap{text-align:center;padding-top:8px}.message-row{display:flex;margin:5px 0}.message-row.mine{justify-content:flex-end}.bubble{max-width:min(680px,78%);border:1px solid #deded8;background:#fff;border-radius:13px 13px 13px 4px;padding:8px 10px;box-shadow:0 1px 2px rgba(0,0,0,.025);word-wrap:break-word;overflow-wrap:anywhere}.mine .bubble{background:#202020;color:#fff;border-color:#202020;border-radius:13px 13px 4px 13px}.bubble-text{white-space:pre-wrap}.bubble-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:9px;color:#999}.mine .bubble-meta{color:#bcbcbc;justify-content:flex-end}.bubble-actions{display:none;margin-left:4px}.message-row:hover .bubble-actions{display:inline-flex}.bubble-action{background:transparent;color:inherit;padding:0 2px;font-size:10px;opacity:.7}.ephemeral-tag{font-size:9px;text-transform:uppercase;letter-spacing:.06em}.attachment-card{display:flex;align-items:center;gap:9px;min-width:180px}.attachment-icon{width:31px;height:31px;border-radius:7px;background:rgba(127,127,127,.14);display:flex;align-items:center;justify-content:center}.attachment-name{font-size:13px;font-weight:600;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:10px;opacity:.65}.attachment-open{margin-top:6px;background:rgba(127,127,127,.12);color:inherit;padding:5px 8px;border-radius:6px;font-size:11px}.location-card{font-size:13px}.location-card a{color:inherit}.composer{min-height:66px;border-top:1px solid #e3e3dd;background:#fff;display:flex;align-items:flex-end;gap:7px;padding:10px 12px;position:relative}.composer-tools{display:flex;align-items:center}.composer textarea{flex:1;resize:none;min-height:39px;max-height:130px;border:1px solid #d8d8d2;border-radius:11px;padding:9px 11px;outline:none;line-height:20px}.send-btn{height:39px;padding:0 14px;border-radius:9px;background:#202020;color:#fff;font-weight:650}.send-btn:disabled{opacity:.45;cursor:default}.tool-btn.recording{background:#ffe8e5;color:#a2231c}.upload-progress{position:absolute;left:12px;right:12px;bottom:64px;background:#fff;border:1px solid #dddcd6;border-radius:8px;padding:7px 9px;font-size:11px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#181818;color:#fff;padding:9px 13px;border-radius:9px;font-size:12px;z-index:1000;box-shadow:0 8px 24px rgba(0,0,0,.2)}.mobile-only{display:none}
@media(max-width:760px){.sidebar{width:100%;min-width:0}.chat-pane{display:none}.chat-view.in-chat .sidebar{display:none}.chat-view.in-chat .chat-pane{display:flex;width:100%}.mobile-only{display:inline-flex!important;align-items:center;justify-content:center}.messages{padding:16px 11px 10px}.bubble{max-width:86%}.chat-head{padding:0 10px}.composer{padding:8px}.composer-tools{gap:0}.tool-btn{width:32px}.send-btn{padding:0 10px}.auth-view{padding:14px}.auth-card{padding:24px 20px;border-radius:13px}.chat-person strong{max-width:52vw}}@media(max-width:420px){.voice-label{display:none}.bubble{max-width:90%}.sidebar-head{padding:0 12px}.contact{padding:11px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}