:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;--color-bg:#f2f0e6;--color-surface:#fff;--color-text:#111;--color-text-muted:#444;--color-orange:#ff5c39;--color-yellow:#ffd23f;--color-blue:#4d7cff;--color-error:#d83b40;--border-width:3px;--shadow-offset:5px;--hard-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-text);--transition-fast:.14s ease-out;background:#f2f0e6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;letter-spacing:0}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-weight:600}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:var(--color-blue);text-underline-offset:3px;font-weight:800;text-decoration-thickness:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-page,.state-page{border-top:10px solid var(--color-text);background:var(--color-bg);place-items:center;min-height:100vh;padding:24px 20px;display:grid}.auth-stage{flex-direction:column;gap:28px;width:min(100%,470px);display:flex}.auth-stage--intro{justify-content:space-between;min-height:min(760px,100vh - 48px)}.auth-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.brand-lockup{color:var(--color-text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{border:var(--border-width) solid var(--color-text);background:var(--color-yellow);width:58px;height:58px;box-shadow:var(--hard-shadow);border-radius:6px;flex:none;place-items:center;font-size:20px;font-weight:900;display:grid}.brand-name{text-transform:uppercase;font-size:14px;font-weight:900}.eyebrow{border:2px solid var(--color-text);background:var(--color-surface);width:fit-content;color:var(--color-text);text-transform:uppercase;padding:6px 9px;font-size:12px;font-weight:900;display:inline-flex}.display-title,.screen-title{margin:0;font-weight:900;line-height:1.08}.display-title{max-width:10ch;font-size:68px}.screen-title{margin-top:12px;font-size:42px}.supporting-copy{max-width:42ch;color:var(--color-text-muted);margin:10px 0 0;font-size:16px;font-weight:700;line-height:1.45}.auth-form,.auth-actions{flex-direction:column;gap:20px;display:flex}.auth-footer{text-align:center;color:var(--color-text-muted);margin:2px 0 0;font-size:14px;font-weight:800}.brutal-button{border:var(--border-width) solid var(--color-text);min-height:52px;box-shadow:var(--hard-shadow);color:var(--color-text);cursor:pointer;text-transform:uppercase;transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-weight:900;text-decoration:none;display:inline-flex}.brutal-button:hover:not(:disabled){box-shadow:6px 6px 0 var(--color-text);transform:translate(-1px,-1px)}.brutal-button:active:not(:disabled){transform:translate(var(--shadow-offset), var(--shadow-offset));box-shadow:0 0 0 var(--color-text)}.brutal-button:focus-visible,.text-input:focus-visible,.country-select:focus-visible,.icon-button:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}.brutal-button:disabled{cursor:not-allowed;opacity:.55}.brutal-button--orange{background:var(--color-orange)}.brutal-button--yellow{background:var(--color-yellow)}.brutal-button--blue{background:var(--color-blue);color:#fff}.brutal-button--white{background:var(--color-surface)}.brutal-button--full{width:100%}.field-group{flex-direction:column;gap:8px;display:flex}.field-label{font-size:14px;font-weight:900}.text-input,.country-select{border:var(--border-width) solid var(--color-text);background:var(--color-surface);width:100%;min-height:52px;color:var(--color-text);transition:box-shadow var(--transition-fast);border-radius:6px;padding:12px 14px;font-weight:750}.text-input::placeholder{color:var(--color-text-muted);opacity:.75;font-weight:700}.text-input:focus,.country-select:focus{box-shadow:var(--hard-shadow)}.text-input[aria-invalid=true],.country-select[aria-invalid=true]{border-color:var(--color-error)}.field-error,.form-error{color:var(--color-error);margin:0;font-size:13px;font-weight:900}.form-error{border:var(--border-width) solid var(--color-error);background:var(--color-surface);padding:11px 12px}.form-notice{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:700;line-height:1.5}.auth-secondary-link{text-align:center;align-self:center;align-items:center;min-height:44px;font-size:14px;font-weight:800;display:inline-flex}.auth-form .brutal-button{overflow-wrap:anywhere;min-width:0}.auth-form .brutal-button svg{flex-shrink:0}.phone-grid{grid-template-columns:minmax(132px,.85fr) minmax(0,1.4fr);gap:12px;display:grid}.country-select{padding-right:10px}.field-set{border:0;min-width:0;margin:0;padding:0}.back-link{border:2px solid var(--color-text);background:var(--color-surface);min-width:44px;min-height:44px;box-shadow:4px 4px 0 var(--color-text);color:var(--color-text);place-items:center;display:inline-grid}.otp-input{letter-spacing:8px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:28px;font-weight:900}.state-card{border:var(--border-width) solid var(--color-text);background:var(--color-surface);width:min(100%,520px);box-shadow:8px 8px 0 var(--color-text);padding:28px}.state-card--yellow{background:var(--color-yellow)}.state-card h1{margin:18px 0 10px;font-size:42px;line-height:1.05}.state-card p{color:var(--color-text-muted);margin:0 0 24px;line-height:1.5}.loading-blocks{gap:8px;display:flex}.loading-blocks span{border:2px solid var(--color-text);background:var(--color-orange);width:18px;height:18px;animation:.9s linear infinite block-pulse}.loading-blocks span:nth-child(2){background:var(--color-yellow);animation-delay:.15s}.loading-blocks span:nth-child(3){background:var(--color-blue);animation-delay:.3s}@keyframes block-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app-shell{background:var(--color-bg);min-height:100vh}.app-header{border-bottom:var(--border-width) solid var(--color-text);background:var(--color-yellow);justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:14px 20px;display:flex}.app-user{text-align:right;min-width:0}.app-user strong,.app-user span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.app-user span{color:var(--color-text-muted);font-size:12px}.shell-content{width:min(100%,1100px);margin:0 auto;padding:34px 20px}.shell-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.shell-toolbar h1{margin:0;font-size:54px;font-weight:900}.empty-chat-state{border:var(--border-width) solid var(--color-text);background:var(--color-surface);box-shadow:var(--hard-shadow);margin-top:36px;padding:28px}.empty-chat-state h2{margin:0 0 8px;font-size:28px}.empty-chat-state p{color:var(--color-text-muted);margin:0}.intro-copy{flex-direction:column;gap:12px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=520px){.auth-page,.state-page{padding:22px 16px}.phone-grid{grid-template-columns:1fr}.state-card{padding:22px}.brand-name{max-width:130px}.display-title{font-size:46px}.screen-title,.state-card h1{font-size:32px}.shell-toolbar h1{font-size:38px}.shell-toolbar{flex-direction:column;align-items:flex-start}.app-user{max-width:130px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.messaging-shell{border-top:8px solid var(--color-text);background:var(--color-bg);grid-template-rows:76px minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.desktop-app-bar{border-bottom:var(--border-width) solid var(--color-text);background:var(--color-yellow);z-index:10;justify-content:space-between;align-items:center;min-width:0;padding:10px 18px;display:flex}.desktop-app-bar .brand-mark{width:46px;height:46px;box-shadow:4px 4px 0 var(--color-text)}.profile-trigger{min-width:0;color:var(--color-text);cursor:pointer;text-align:right;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.app-bar-actions{align-items:center;gap:14px;min-width:0;display:flex}.invitation-trigger{position:relative}.invitation-trigger>span{border:2px solid var(--color-text);background:var(--color-orange);border-radius:50%;place-items:center;min-width:22px;height:22px;padding:1px 5px;font-size:10px;font-weight:900;display:grid;position:absolute;top:-9px;right:-9px}.profile-trigger>span:not(.avatar),.profile-trigger strong,.profile-trigger small{min-width:0;display:block}.profile-trigger>span:not(.avatar){max-width:180px}.profile-trigger strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-trigger small{color:var(--color-text-muted)}.profile-popover{z-index:30;border:var(--border-width) solid var(--color-text);background:var(--color-surface);width:min(320px,100vw - 32px);box-shadow:7px 7px 0 var(--color-text);border-radius:8px;padding:22px;position:fixed;top:72px;right:18px}.profile-popover h2,.profile-popover p{margin:8px 0}.profile-popover p{color:var(--color-text-muted);margin-bottom:20px}.notification-control{margin-bottom:14px}.notification-status{border:2px solid var(--color-text);background:var(--color-yellow);color:var(--color-text);margin:0 0 14px;padding:9px;font-size:12px;font-weight:800}.notification-status--error{color:#b42318;background:#fff0ee}.chat-workspace{grid-template-columns:minmax(320px,390px) minmax(0,1fr);min-width:0;min-height:0;display:grid}.chat-sidebar{border-right:var(--border-width) solid var(--color-text);background:var(--color-bg);flex-direction:column;gap:16px;min-height:0;padding:20px 16px;display:flex;overflow-y:auto}.chat-list-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.chat-list-header h1{margin:5px 0 0;font-size:42px;font-weight:900;line-height:1}.icon-button{border:var(--border-width) solid var(--color-text);width:46px;height:46px;box-shadow:4px 4px 0 var(--color-text);color:var(--color-text);cursor:pointer;border-radius:6px;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:active{box-shadow:none;transform:translate(4px,4px)}.icon-button--white{background:var(--color-surface)}.icon-button--yellow{background:var(--color-yellow)}.icon-button--orange{background:var(--color-orange)}.icon-button--blue{background:var(--color-blue);color:#fff}.chat-search-placeholder{border:2px solid var(--color-text);background:var(--color-surface);min-height:44px;color:var(--color-text-muted);align-items:center;gap:9px;padding:10px 12px;font-size:13px;display:flex}.chat-sections,.chat-list-rows{flex-direction:column;gap:12px;display:flex}.chat-sections{gap:22px}.chat-section-title{text-transform:uppercase;align-items:center;gap:7px;margin:0 0 9px;font-size:13px;font-weight:900;display:flex}.chat-section-title span{border:2px solid var(--color-text);background:var(--color-yellow);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;line-height:1;display:inline-grid}.chat-row{border:2px solid var(--color-text);background:var(--color-surface);min-height:72px;box-shadow:4px 4px 0 var(--color-text);color:var(--color-text);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:6px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;text-decoration:none;display:grid}.chat-row:hover{box-shadow:5px 5px 0 var(--color-text);transform:translate(-1px,-1px)}.chat-row.is-unread{background:#fff9dc}.chat-row.is-selected{background:var(--color-blue);color:#fff}.chat-row.is-selected small,.chat-row.is-selected time{color:#fff}.chat-row-copy,.chat-row-copy strong,.chat-row-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.chat-row-copy small,.chat-row time{color:var(--color-text-muted);font-size:11px}.chat-row time{align-self:start}.chat-row-meta{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:6px;height:100%;display:flex}.chat-unread-badge{border:2px solid var(--color-text);background:var(--color-orange);min-width:24px;height:24px;color:var(--color-text);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.brand-mark img{width:100%;height:100%;display:block}.chat-row.is-selected .chat-unread-badge{background:var(--color-yellow);color:var(--color-text)}.avatar{border:2px solid var(--color-text);color:var(--color-text);text-align:center;border-radius:6px;flex:none;place-items:center;font-weight:900;line-height:1;display:inline-grid;overflow:hidden}.avatar--small{width:44px;height:44px;font-size:20px}.avatar--medium{width:58px;height:58px;font-size:27px}.avatar--large{width:80px;height:80px;font-size:36px}.avatar--orange{background:var(--color-orange)}.avatar--yellow{background:var(--color-yellow)}.avatar--blue{background:var(--color-blue);color:#fff}.chat-empty,.thread-empty,.conversation-placeholder,.panel-state{text-align:center;place-items:center;display:grid}.chat-empty{border:var(--border-width) solid var(--color-text);background:var(--color-surface);padding:24px 16px}.chat-empty h2,.thread-empty h2{margin:10px 0 4px;font-size:23px}.chat-empty p,.thread-empty p{color:var(--color-text-muted);margin:0 0 18px}.conversation-placeholder{background:var(--color-blue);color:#fff;padding:40px}.conversation-placeholder h2{margin:14px 0 5px;font-size:42px}.conversation-placeholder p{max-width:42ch;margin:0}.conversation-panel{background:var(--color-bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.conversation-panel>*{flex-shrink:0}.conversation-panel.panel-state{justify-content:center;align-items:center}.conversation-header{border-bottom:var(--border-width) solid var(--color-text);background:var(--color-surface);align-items:center;gap:12px;min-height:68px;padding:10px 16px;display:flex}.conversation-title{flex:1;min-width:0}.conversation-title strong,.conversation-title span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.conversation-title span{color:var(--color-text-muted);font-size:12px}.conversation-title .conversation-status--typing{color:var(--color-blue);font-weight:900}.mobile-back{width:44px;height:44px;color:var(--color-text);place-items:center;display:none}.historical-banner{border-bottom:2px solid var(--color-text);background:var(--color-yellow);justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:13px;display:flex}.message-thread{overflow-anchor:none;overscroll-behavior-y:contain;background-color:var(--color-bg);background-image:linear-gradient(90deg,#0000 49%,#1111110b 50%,#0000 51%);background-size:38px 38px;flex:1 1 0;min-height:0;padding:16px 24px;overflow-y:auto}.message-thread-content{flex-direction:column;gap:8px;min-height:100%;display:flex}.message-thread-content>*{flex-shrink:0}.message-bottom-sentinel{pointer-events:none;height:1px;margin-top:-1px}.message-line{align-self:flex-start;max-width:min(72%,620px)}.message-line--own{align-self:flex-end}.message-bubble{border:2px solid var(--color-text);background:var(--color-surface);overflow-wrap:anywhere;border-radius:8px;padding:6px 10px;line-height:1.4}.message-bubble--own{background:var(--color-blue);color:#fff}.message-bubble--sending{opacity:.72}.message-bubble--failed,.message-bubble--conflicted{border-color:var(--color-error)}:is(.message-bubble--failed:has(.pending-media-frame),.message-bubble--failed:has(.pending-file-frame)){color:var(--color-text);opacity:.56;background:#d9d9d9;border-color:#8c8c8c}.message-meta{min-height:15px;margin-top:3px}.message-meta small{min-height:12px;color:var(--color-text-muted);font-size:10px;font-weight:800;line-height:12px;display:block}.message-line--own .message-meta small{text-align:right}.message-sender{margin:0 0 4px 2px;font-size:11px;display:block}.pending-wrap{align-self:flex-end;max-width:min(72%,620px)}.pending-wrap .message-line{max-width:100%}.pending-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.pending-actions button{color:var(--color-blue);cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px;font-weight:900;text-decoration:underline}.pending-actions .pending-retry{border:2px solid var(--color-error);width:34px;height:34px;color:var(--color-error);background:#fff;border-radius:50%;place-items:center;padding:0;text-decoration:none;display:grid}.pending-actions .pending-retry:hover,.pending-actions .pending-retry:focus-visible{background:var(--color-error);color:#fff}.message-composer{padding:10px 12px;padding-bottom:max(10px, env(safe-area-inset-bottom));border-top:var(--border-width) solid var(--color-text);background:var(--color-surface);grid-template-columns:44px minmax(0,1fr) 48px;align-items:end;gap:8px;display:grid}.message-composer textarea{resize:none;border:2px solid var(--color-text);background:var(--color-surface);width:100%;min-width:0;min-height:48px;max-height:112px;color:var(--color-text);font:inherit;border-radius:6px;padding:12px}.send-button{border:var(--border-width) solid var(--color-text);background:var(--color-orange);width:48px;height:48px;box-shadow:4px 4px 0 var(--color-text);cursor:pointer;border-radius:6px;place-items:center;display:grid}.send-button:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.send-button:disabled{opacity:.45;cursor:not-allowed}.composer-error{border-top:2px solid var(--color-error);max-height:64px;color:var(--color-error);background:#fff;margin:0;padding:7px 16px;font-size:12px;overflow-y:auto}.realtime-banner{border:2px solid var(--color-text);background:var(--color-yellow);min-width:0;max-width:min(360px,45vw);min-height:34px;box-shadow:3px 3px 0 var(--color-text);white-space:nowrap;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:900;display:flex;overflow:hidden}.realtime-banner span{text-overflow:ellipsis;overflow:hidden}.realtime-banner--offline,.realtime-banner--authentication_failed{background:var(--color-orange)}.in-app-message-alert{z-index:45;border:3px solid var(--color-text);background:var(--color-yellow);width:min(340px,100vw - 36px);min-height:58px;box-shadow:4px 4px 0 var(--color-text);color:var(--color-text);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex;position:fixed;top:76px;right:18px}.in-app-message-alert span,.in-app-message-alert strong,.in-app-message-alert small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.in-app-message-alert span{flex:1}.in-app-message-alert small{color:var(--color-text-muted);margin-top:2px;font-size:11px}.new-message-indicator{z-index:2;border:2px solid var(--color-text);background:var(--color-yellow);min-height:32px;box-shadow:3px 3px 0 var(--color-text);cursor:pointer;border-radius:999px;align-self:center;align-items:center;gap:5px;margin:-42px 0 10px;padding:5px 10px;font-size:11px;font-weight:900;display:inline-flex}.new-message-indicator--icon{justify-content:center;width:36px;padding:5px}.receipt-status{opacity:.85}.update-prompt{z-index:100;border:var(--border-width) solid var(--color-text);background:var(--color-surface);width:min(440px,100vw - 40px);box-shadow:var(--hard-shadow);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid;position:fixed;bottom:20px;right:20px}.update-prompt strong{text-transform:uppercase;font-size:15px;font-weight:900}.update-prompt p{color:var(--color-text-muted);margin:3px 0 0;font-size:11px;line-height:1.35}.update-prompt .brutal-button{min-height:42px;box-shadow:3px 3px 0 var(--color-text);padding:8px 10px;font-size:11px}.modal-backdrop{z-index:50;background:#111111ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{border:var(--border-width) solid var(--color-text);background:var(--color-bg);width:min(620px,100%);max-height:min(820px,100vh - 48px);box-shadow:8px 8px 0 var(--color-yellow);flex-direction:column;gap:18px;padding:20px;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.modal-header h2{margin:0;font-size:30px;font-weight:900}.segmented-control{border:var(--border-width) solid var(--color-text);grid-template-columns:1fr 1fr;display:grid}.segmented-control button{background:var(--color-surface);cursor:pointer;text-transform:uppercase;border:0;justify-content:center;align-items:center;gap:7px;min-height:46px;font-weight:900;display:flex}.segmented-control button+button{border-left:var(--border-width) solid var(--color-text)}.segmented-control button.is-active{background:var(--color-yellow)}.discovery-grid{gap:14px;display:grid}.phone-discovery{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.phone-discovery .brutal-button{margin-top:25px}.discovery-results{flex-direction:column;gap:9px;display:flex}.contact-section{border-top:2px solid var(--color-text);padding-top:12px}.contact-section>h3{text-transform:uppercase;margin:0 0 10px;font-size:15px}.user-result,.member-row{border:2px solid var(--color-text);background:var(--color-surface);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.user-result strong,.user-result span,.member-row strong,.member-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-result span,.member-row span{color:var(--color-text-muted);font-size:11px}.user-result .brutal-button{min-height:40px;box-shadow:3px 3px 0 var(--color-text);padding:8px 10px;font-size:11px}.user-result-actions{align-items:center;gap:7px;display:flex}.invitation-list{flex-direction:column;gap:10px;display:flex}.invitation-row{border:2px solid var(--color-text);background:var(--color-surface);box-shadow:4px 4px 0 var(--color-text);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.invitation-row strong,.invitation-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.invitation-row span{color:var(--color-text-muted);font-size:11px}.invitation-actions{gap:7px;display:flex}.invitation-empty{border:2px solid var(--color-text);background:var(--color-surface);min-height:170px}.invitation-empty h3{margin:9px 0 0}.chat-control-summary{align-items:center;gap:15px;display:flex}.chat-control-summary h3{margin:0;font-size:25px}.chat-control-summary p{color:var(--color-text-muted);margin:4px 0 0}.control-section{border-top:2px solid var(--color-text);padding-top:15px}.control-section>h3{align-items:center;gap:7px;margin:0 0 11px;font-size:16px;display:flex}.permission-row{border-bottom:1px solid var(--color-text);justify-content:space-between;align-items:center;gap:12px;min-height:45px;display:flex}.permission-row select{border:2px solid var(--color-text);background:#fff;min-height:36px}.member-list{flex-direction:column;gap:7px;display:flex}.member-actions{gap:6px;display:flex}.small-action{border:2px solid var(--color-text);background:var(--color-yellow);cursor:pointer;text-transform:uppercase;min-height:34px;padding:5px 8px;font-size:10px;font-weight:900}.small-action--danger{background:var(--color-orange);place-items:center;display:grid}.control-actions{border-top:2px solid var(--color-text);justify-content:flex-end;gap:14px;padding-top:18px;display:flex}@media (width<=760px){.messaging-shell{grid-template-rows:62px minmax(0,1fr)}.desktop-app-bar{padding:7px 12px}.desktop-app-bar .brand-mark{width:40px;height:40px;font-size:15px}.desktop-app-bar .brand-name,.profile-trigger>span:not(.avatar){display:none}.app-bar-actions{gap:8px}.app-bar-actions .icon-button{width:40px;height:40px;box-shadow:2px 2px 0 var(--color-text)}.chat-workspace{height:100%;min-height:0;display:block;position:relative}.chat-sidebar{border-right:0;height:100%;padding:16px 12px}.chat-sidebar--has-selection{display:none}.conversation-panel{height:100%}.conversation-placeholder{display:none}.mobile-back{display:grid}.message-thread{padding:12px}.message-line,.pending-wrap{max-width:86%}.conversation-header{gap:8px;padding:8px}.conversation-header .icon-button{width:42px;height:42px;box-shadow:none}.historical-banner{text-align:left;align-items:flex-start}.modal-backdrop{padding:10px}.modal-panel{max-height:calc(100dvh - 20px);box-shadow:5px 5px 0 var(--color-yellow);padding:15px}.phone-discovery{grid-template-columns:1fr}.phone-discovery .brutal-button{margin-top:0}.user-result{grid-template-columns:40px minmax(0,1fr) auto}.user-result-actions{gap:4px}.control-actions{flex-direction:column}.realtime-banner{max-width:min(190px,48vw);box-shadow:2px 2px 0 var(--color-text);padding:5px 8px}.update-prompt{grid-template-columns:24px minmax(0,1fr);width:calc(100vw - 24px);bottom:12px;right:12px}.update-prompt .brutal-button{grid-column:1/-1}.in-app-message-alert{width:calc(100vw - 20px);top:70px;right:10px}}.attachment-review{border-top:2px solid var(--color-text);background:var(--color-surface);width:100%;min-width:0;padding:7px 12px 6px;overflow:hidden}.attachment-review-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:7px;min-width:0;padding:2px 3px 5px;display:flex;overflow-x:auto}.attachment-review-item{scroll-snap-align:start;flex:0 0 66px;width:66px;height:66px;position:relative}.attachment-review-preview,.attachment-review-add{border:2px solid var(--color-text);width:100%;height:100%;color:var(--color-text);cursor:pointer;background:#fff;border-radius:11px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.attachment-review-add{background:var(--color-yellow);scroll-snap-align:start;flex:0 0 66px;width:66px;height:66px}.attachment-review-preview:hover,.attachment-review-preview:focus-visible,.attachment-review-add:hover,.attachment-review-add:focus-visible{border-color:var(--color-blue)}.attachment-review-remove{border:2px solid var(--color-text);width:22px;height:22px;color:var(--color-text);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-3px;right:-3px}.attachment-comment-dot{background:var(--color-blue);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:5px;right:5px}.attachment-local-media,.pending-media-frame img,.pending-media-frame video{object-fit:contain;width:100%;height:100%;display:block}.attachment-local-media--compact{object-fit:cover}.draft-video-play{color:#fff;pointer-events:none;background:#111111b3;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.attachment-local-audio{place-items:center;gap:16px;width:min(520px,82vw);display:grid}.attachment-local-audio audio{width:100%}.composer-attachment{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.composer-attachment input{opacity:0;width:1px;height:1px;position:absolute}.composer-attachment{width:44px;height:48px}.composer-attachment:focus-within{outline:2px solid var(--color-blue);outline-offset:-2px}.composer-attachment:has(input:disabled){opacity:.45;cursor:not-allowed}.message-media-frame{aspect-ratio:4/3;border:2px solid var(--ink);background:#fff;border-radius:7px;place-items:center;width:min(320px,56vw);display:grid;position:relative;overflow:hidden}.message-media{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.message-video-poster{background:#eef1f4;place-items:center;width:100%;height:100%;display:grid}.message-video-poster--fallback{color:#555;background:#e8edf2}.composer-error{animation:3.2s forwards composer-error-life}@keyframes composer-error-life{0%,82%{opacity:1}to{opacity:0}}.pending-storage-warning{max-width:min(330px,75vw);color:var(--color-red-dark,#a71930);margin:4px 0 0 auto;font-size:.75rem;font-weight:700}.pending-remove{border:2px solid var(--color-text);cursor:pointer;background:#fff;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.attachment-file-frame{border-radius:7px;width:min(290px,54vw);min-height:54px;padding:8px}.message-audio{width:100%}.attachment-download,.pending-attachment,.attachment-loading,.attachment-unavailable{color:inherit;align-items:center;gap:8px;display:flex}button.attachment-open,button.attachment-download{font:inherit;text-align:left;cursor:pointer}.attachment-open{padding:0}.message-play{color:#fff;pointer-events:none;background:#111111b8;border:2px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.pending-media-frame{aspect-ratio:4/3;background:#fff;border-radius:7px;width:min(300px,54vw);position:relative;overflow:hidden}.pending-file-frame{background:#ffffffc7;border-radius:7px;align-items:center;gap:8px;width:min(270px,52vw);min-height:54px;padding:8px;display:flex;overflow:hidden}.pending-file-frame span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-viewer{border:3px solid var(--color-text);color:#fff;background:#111;border-radius:10px;width:min(920px,100vw - 28px);max-width:none;height:min(820px,100dvh - 28px);max-height:none;padding:0;overflow:hidden}.attachment-viewer::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111111c7}.attachment-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.attachment-viewer-header{min-height:56px;padding:max(8px, env(safe-area-inset-top)) 12px 8px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;display:grid}.attachment-viewer-header strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewer-icon-button{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.attachment-viewer-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.attachment-viewer-stage>img,.attachment-viewer-stage>video,.attachment-viewer-stage>.attachment-local-media{object-fit:contain;max-width:100%;max-height:100%}.attachment-viewer-state,.attachment-viewer-file{color:#fff;text-align:center;place-items:center;gap:12px;display:grid}.attachment-viewer-file{padding:24px;text-decoration:none}.attachment-viewer-file audio{width:min(520px,76vw)}.viewer-retry{background:var(--color-error);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:6px;align-items:center;gap:7px;padding:8px 12px;font-weight:900;display:inline-flex}.attachment-viewer-dots{justify-content:center;align-items:center;gap:7px;min-height:20px;display:flex}.attachment-viewer-dots span{background:#6e6e6e;border-radius:50%;width:7px;height:7px}.attachment-viewer-dots span.is-active{background:#fff}.attachment-viewer-footer{padding:8px 12px max(10px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 48px;align-items:end;gap:9px;display:grid}.attachment-viewer-footer textarea{resize:none;color:#fff;min-width:0;min-height:48px;max-height:96px;font:inherit;background:#242424;border:2px solid #fff;border-radius:7px;padding:12px}.attachment-upload-overlay{z-index:45;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11111152;place-items:center;display:grid;position:absolute;inset:0}.attachment-upload-progress{color:#fff;text-align:center;text-shadow:0 1px 2px #111;gap:12px;width:176px;display:grid}.attachment-upload-progress strong{font-size:12px}.cube-progress{background:#ffffff4d;border:2px solid #ffffffe6;border-radius:999px;height:8px;position:relative}.cube-progress-fill{border-radius:inherit;background:var(--color-blue);transition:width .18s ease-out;position:absolute;inset:0 auto 0 0}.progress-cube{background:#111;border:2px solid #111;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:1px;width:22px;height:22px;padding:2px;transition:left .18s ease-out;animation:1.1s ease-in-out infinite progress-cube-turn;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(12deg)}.progress-cube i{background:var(--color-yellow);border-radius:1px}.progress-cube i:nth-child(2n){background:var(--color-blue)}.progress-cube i:nth-child(3n){background:var(--color-orange)}@keyframes progress-cube-turn{0%,to{transform:translate(-50%,-50%)rotate(8deg)scale(1)}50%{transform:translate(-50%,-58%)rotate(98deg)scale(1.06)}}@media (prefers-reduced-motion:reduce){.progress-cube{animation:none}.cube-progress-fill,.progress-cube{transition:none}}.message-media-frame .attachment-loading,.message-media-frame .attachment-unavailable{justify-content:center;width:100%;height:100%}.attachment-download small{display:block}.message-bubble p{white-space:pre-wrap;margin:0}.message-bubble>*+p{margin-top:6px}:is(.message-bubble:has(.message-media-frame),.message-bubble:has(.pending-media-frame)){padding:4px}.message-search-form{gap:6px;display:grid}.message-search-form>label{text-transform:uppercase;font-size:12px;font-weight:900}.message-search-form>div{border:3px solid var(--color-text);background:var(--color-surface);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;padding-left:10px;display:grid}.message-search-form input{min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;font-weight:800}.message-search-form .brutal-button{min-height:46px;box-shadow:none;border-width:0 0 0 3px}.search-summary{border-bottom:2px solid var(--color-text);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.search-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.search-summary span{text-transform:uppercase;flex:none;font-size:12px;font-weight:900}.message-search-results{flex-direction:column;gap:8px;display:flex}.message-search-result{border:2px solid var(--color-text);background:var(--color-surface);width:100%;color:inherit;text-align:left;cursor:pointer;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.message-search-result:hover,.message-search-result:focus-visible{background:var(--color-yellow);box-shadow:4px 4px 0 var(--color-text);transform:translate(-2px,-2px)}.message-search-result span{min-width:0}.message-search-result strong,.message-search-result small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.message-search-result small{color:var(--color-text-muted);margin-top:2px;font-size:10px}.message-search-result p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;line-height:1.35;display:-webkit-box;overflow:hidden}.search-empty{border:2px solid var(--color-text);background:var(--color-surface);align-content:center;place-items:center;gap:8px;min-height:150px;display:grid}.search-empty h3{margin:0}.search-context-banner{border-bottom:2px solid var(--color-text);background:var(--color-yellow);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:7px 12px;font-size:12px;font-weight:900;display:flex}.search-context-banner a{color:inherit;align-items:center;gap:5px;display:inline-flex}.message-line--highlighted .message-bubble{outline:4px solid var(--color-blue);outline-offset:3px;animation:2.6s ease-out search-highlight}@keyframes search-highlight{0%,45%{background:var(--color-yellow);transform:scale(1.02)}to{transform:scale(1)}}@media (width<=760px){.message-search-form>div{grid-template-columns:22px minmax(0,1fr);padding:8px}.message-search-form .brutal-button{border:2px solid var(--color-text);grid-column:1/-1}.search-summary{flex-direction:column;align-items:flex-start}.search-context-banner{align-items:flex-start}.attachment-review{padding-inline:9px}.attachment-review-item{flex-basis:60px;width:60px;height:60px}.attachment-viewer{border:0;border-radius:0;width:100vw;height:100dvh}.message-media-frame,.pending-media-frame{width:min(240px,54vw)}.attachment-file-frame,.pending-file-frame{width:min(220px,50vw)}}