:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#13211f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#13211f;--muted:#667471;--line:#d9e3e3;--panel:#ffffffdb;--teal:#0f766e;--teal-strong:#115e59;--coral:#e65f4c;--amber:#e3a331;--shadow:0 22px 70px #263d3929;--viewport-pad:clamp(12px, 1.4vw, 28px);background:#eef3f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#0f766e1f,#0000 34%),linear-gradient(315deg,#e65f4c24,#0000 38%),#eef3f6;min-width:320px;min-height:100dvh;margin:0;overflow:hidden}#root{height:100dvh;min-height:100dvh;padding:var(--viewport-pad);display:grid}button,input,textarea{font:inherit}button{border:0}.loading-screen{min-height:100dvh;color:var(--teal-strong);place-items:center;gap:14px;font-weight:700;display:grid}.loading-screen svg{width:42px;height:42px}.app-shell{width:100%;height:100%;min-height:0;max-height:none;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff94;border:1px solid #13211f14;border-radius:8px;grid-template-columns:clamp(320px,20vw,380px) minmax(0,1fr);margin:0;display:grid;overflow:hidden}.identity-panel{overscroll-behavior:contain;scrollbar-gutter:stable;color:#f5fbfa;background:#10201e;flex-direction:column;gap:28px;min-width:0;min-height:0;padding:28px;display:flex;overflow-y:auto}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-mark{color:#10201e;background:linear-gradient(135deg,#23b7a4,#e3a331);border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.brand h1,.brand p,.chat-header h2,.chat-header p,.message-bubble p{margin:0}.brand h1{overflow-wrap:anywhere;font-size:1.25rem;line-height:1.1}.brand p{color:#f5fbfaad;margin-top:4px;font-size:.88rem}.auth-block,.account-block{flex-direction:column;flex:auto;gap:16px;min-height:0;display:flex}.identity-panel.is-signed-in .account-block:after{content:"";flex:0 0 8px}.auth-tabs{background:#ffffff14;border-radius:8px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.auth-tabs button{color:#f5fbfab8;cursor:pointer;background:0 0;border-radius:6px;min-height:38px}.auth-tabs button.active{color:#10201e;background:#fff}.google-button,.primary-button,.secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:46px;font-weight:750;display:inline-flex}.google-button{color:var(--ink);background:#fff}.google-mark{flex:none;width:20px;height:20px;display:block}.primary-button{color:#fff;background:var(--teal);width:100%}.secondary-button{color:#d9fffa;background:#ffffff1a}.auth-form,.room-form{flex-direction:column;gap:14px;display:flex}.admin-form{gap:7px;display:grid}.auth-form label,.room-form label,.admin-form label{color:#f5fbfac2;gap:8px;font-size:.86rem;font-weight:700;display:grid}.input-shell,.inline-input{color:#f5fbfab8;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:10px;min-height:46px;padding:0 12px;display:flex}.input-shell input,.inline-input input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.masked-room-key{-webkit-text-security:disc}.inline-input button{aspect-ratio:1;color:#10201e;cursor:pointer;background:#d9fffa;border-radius:6px;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;font-weight:800;line-height:1;display:inline-grid}.inline-input button>svg{display:block}.inline-input button:disabled{cursor:not-allowed;opacity:.52}.profile-row{align-items:center;gap:14px;min-width:0;display:flex}.profile-copy{gap:5px;min-width:0;display:grid}.profile-name-line{align-items:center;gap:8px;min-width:0;display:flex}.profile-row strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.2;display:block;overflow:hidden}.profile-row .provider-label{color:#f5fbfaa8;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;display:block;overflow:hidden}.admin-badge{color:#ffe8a8;text-transform:uppercase;white-space:nowrap;background:#e3a33129;border:1px solid #e3a33157;border-radius:999px;flex:none;align-items:center;gap:4px;min-height:21px;padding:0 7px;font-size:.7rem;font-weight:900;line-height:1;display:inline-flex}.admin-badge svg{width:13px;height:13px}.avatar{color:#fff;background:linear-gradient(135deg,#14b8a6,#e65f4c);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:850;display:grid;overflow:hidden}.avatar.large{width:52px;height:52px}.avatar.small{width:28px;height:28px;font-size:.72rem}.avatar img{object-fit:cover;width:100%;height:100%}.status-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.status-grid div{color:#f5fbfac7;text-transform:capitalize;background:#ffffff14;border-radius:8px;align-content:center;justify-items:center;gap:8px;min-height:68px;padding:10px 6px;font-size:.78rem;font-weight:800;display:grid}.room-list{flex-wrap:wrap;gap:8px;display:flex}.room-list.grouped{gap:10px;display:grid}.room-search-empty{color:#f5fbfa94;margin:-2px 0 0;font-size:.8rem;font-weight:750}.room-category{border:1px solid #0000;border-radius:8px;gap:7px;padding:8px;display:grid}.room-category.drop-ready{background:#ffffff0a;border-color:#d9fffa2e}.room-category-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.room-category h3{color:#f5fbfa94;text-overflow:ellipsis;text-transform:uppercase;min-width:0;margin:0;font-size:.72rem;font-weight:900;line-height:1.2;overflow:hidden}.category-delete-button{color:#ffd9d4;cursor:pointer;background:#e65f4c1f;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;display:grid}.category-delete-button:hover:not(:disabled){background:#e65f4c33}.category-delete-button:disabled{cursor:not-allowed;opacity:.48}.room-category-items{flex-wrap:wrap;gap:8px;display:flex}.room-option{color:#f5fbfac7;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:7px;min-width:0;max-width:100%;min-height:34px;padding:0 10px;font-size:.82rem;font-weight:800;display:inline-flex}.room-option[draggable=true]{cursor:grab}.room-option[draggable=true]:active{cursor:grabbing}.room-option span{text-overflow:ellipsis;min-width:0;overflow:hidden}.room-option.active{color:#10201e;background:#d9fffa;border-color:#0000}.room-option.hidden{border-style:dashed}.room-option-icons{flex:none;justify-content:center;align-items:center;gap:4px;line-height:1;display:inline-flex;overflow:visible}.room-option-icons>svg,.drag-handle{width:14px;height:14px;display:block}.drag-handle{opacity:.55;flex:none}.admin-panel{background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;gap:12px;padding:12px;display:grid}.admin-panel:not([open]){padding-bottom:0}.admin-panel summary{color:#f5fbfae6;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:.88rem;font-weight:850;list-style:none;display:flex}.admin-summary-label{align-items:center;gap:8px;min-width:0;display:inline-flex}.admin-summary-arrow{flex:none;transition:transform .16s}.admin-panel[open] .admin-summary-arrow{transform:rotate(180deg)}.admin-panel summary::-webkit-details-marker{display:none}.admin-panel[open] summary{margin-bottom:12px}.admin-selected-room{color:#d9fffa;background:#d9fffa1a;border:1px solid #d9fffa59;border-radius:8px;gap:3px;margin-bottom:4px;padding:10px 11px;display:grid;box-shadow:inset 3px 0 #d9fffa}.admin-selected-room span{color:#f5fbfa9e;text-transform:uppercase;font-size:.7rem;font-weight:800}.admin-selected-room strong{color:#f7fffd;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;font-weight:900;overflow:hidden}.admin-selected-room em{color:#d9fffac2;font-size:.76rem;font-style:normal;font-weight:750}.admin-input{min-height:40px;padding-right:6px}.admin-input button{flex-basis:34px;width:34px;height:34px;padding:0}.admin-switches{gap:8px;margin-top:12px;display:grid}.admin-switch{color:#f5fbfae6;background:#ffffff14;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:48px;padding:8px 10px;display:flex}.admin-switch>span{gap:2px;min-width:0;display:grid}.admin-switch strong,.admin-switch em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-switch strong{font-size:.82rem;font-weight:850}.admin-switch em{color:#d9fffaa8;font-size:.72rem;font-style:normal;font-weight:750}.switch-button{cursor:pointer;background:#ffffff2e;border-radius:999px;flex:none;width:46px;height:26px;padding:3px;transition:background .16s}.switch-button span{background:#f7fffd;border-radius:50%;width:20px;height:20px;transition:transform .16s;display:block}.switch-button[aria-checked=true]{background:#d9fffa}.switch-button[aria-checked=true] span{background:var(--teal-strong);transform:translate(20px)}.switch-button:disabled{cursor:not-allowed;opacity:.48}.allowed-users-form{margin-top:10px}.allowed-users-form textarea{resize:vertical;color:#f7fffd;width:100%;min-height:98px;font:inherit;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:10px 11px;line-height:1.4}.allowed-users-form textarea::placeholder{color:#f5fbfa61}.allowed-users-form textarea:disabled{cursor:not-allowed;opacity:.58}.admin-action.save-list{background:#d9fffa1f;justify-content:center;width:100%;margin-top:8px}.admin-actions{gap:8px;margin-top:12px;display:grid}.admin-action{color:#e9fffb;cursor:pointer;background:#ffffff1a;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;min-height:38px;padding:0 10px;font-size:.82rem;font-weight:800;display:inline-flex}.admin-action>svg{flex:none}.admin-action-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-action.danger{color:#ffe4df;background:#e65f4c29}.admin-action:disabled{cursor:not-allowed;opacity:.48}.admin-message{border-radius:8px;margin:10px 0 0;padding:9px 10px;font-size:.8rem;line-height:1.35}.admin-message.success{color:#d9fffa;background:#14a76c2e}.admin-message.error{color:#ffd9d4;background:#e65f4c2e}.chat-panel{background:var(--panel);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-width:0;min-height:92px;padding:22px 26px;display:flex}.chat-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.room-state{color:#9d2e1f;white-space:nowrap;background:#e65f4c1f;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:.8rem;font-weight:850;display:inline-flex}.room-state.hidden{color:#6f4b00;background:#e3a33129}.room-state.locked{color:#115e59;background:#0f766e1f}.room-state.stat{color:#1d4f47;background:#14a76c1f}.room-label{color:var(--teal-strong);font-size:.88rem;font-weight:850;display:block}.chat-header h2{margin-top:4px;font-size:clamp(1.45rem,2vw,2rem);line-height:1.12}.connection-pill{border:1px solid var(--line);min-width:110px;min-height:36px;color:var(--muted);text-transform:capitalize;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 14px;font-size:.84rem;font-weight:850;display:inline-flex}.connection-pill span{background:var(--amber);border-radius:50%;width:9px;height:9px}.connection-pill.open span{background:#14a76c}.connection-pill.error span,.connection-pill.closed span{background:var(--coral)}.message-list{overscroll-behavior:contain;height:100%;min-height:0;padding:26px;overflow-y:auto}.empty-state{min-height:min(320px,100%);color:var(--muted);align-content:center;justify-items:center;gap:14px;display:grid}.empty-state svg{color:var(--teal)}.room-password-gate{width:min(440px,100%);min-height:min(320px,100%);color:var(--teal-strong);text-align:center;align-content:center;justify-items:center;gap:16px;margin:0 auto;display:grid}.room-password-gate>svg{color:var(--teal)}.room-password-gate strong{color:var(--ink);font-size:1.15rem}.room-password-input{gap:10px;width:100%;display:flex}.room-password-input input{border:1px solid var(--line);min-width:0;height:46px;color:var(--ink);background:#fff;border-radius:8px;outline:none;flex:auto;padding:0 13px}.room-password-input button{color:#fff;background:var(--teal);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:104px;min-height:46px;font-weight:850;display:inline-flex}.room-password-input button:disabled{cursor:not-allowed;opacity:.52}.message-row{align-items:flex-end;gap:11px;margin-bottom:16px;display:flex}.message-row.mine{flex-direction:row-reverse}.message-bubble{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:min(640px,78%);padding:12px 14px;box-shadow:0 12px 34px #15221f0f}.message-row.mine .message-bubble{color:#fff;background:var(--teal-strong);border-color:#0000}.message-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:7px;font-size:.78rem;display:flex}.message-row.mine .message-meta{color:#ffffffb3}.message-meta strong{color:inherit}.message-author{align-items:center;gap:7px;min-width:0;display:inline-flex}.message-author strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.message-row .admin-badge{color:#876008;background:#e3a33126}.message-row.mine .admin-badge{color:#fff0bc;background:#ffffff1f;border-color:#ffffff3d}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.48}.message-attachments{gap:10px;margin-top:10px;display:grid}.message-bubble p+.message-attachments{margin-top:12px}.media-hidden-notice{width:fit-content;max-width:100%;color:var(--muted);background:#0f766e14;border-radius:8px;align-items:center;gap:7px;margin-top:10px;padding:7px 9px;font-size:.8rem;font-weight:850;display:inline-flex}.message-row.mine .media-hidden-notice{color:#ffffffd1;background:#ffffff1f}.media-hidden-notice>svg{flex:none}.attachment-card{background:#eef3f6b8;border:1px solid #13211f1a;border-radius:8px;gap:8px;width:min(440px,100%);display:grid;overflow:hidden}.message-row.mine .attachment-card{background:#ffffff1f;border-color:#ffffff2e}.attachment-toolbar{align-items:center;gap:8px;min-width:0;min-height:40px;padding:7px 8px;display:flex}.attachment-name{min-width:0;color:var(--ink);flex:auto;align-items:center;gap:7px;font-size:.82rem;font-weight:850;display:inline-flex}.message-row.mine .attachment-name{color:#fff}.attachment-name>svg{flex:none}.attachment-name span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attachment-size{color:var(--muted);white-space:nowrap;flex:none;font-size:.74rem;font-weight:800}.message-row.mine .attachment-size{color:#ffffffb3}.attachment-icon-button{width:30px;height:30px;color:var(--teal-strong);cursor:pointer;background:#0f766e1a;border-radius:6px;flex:none;place-items:center;text-decoration:none;display:inline-grid}.attachment-icon-button.danger{color:#9d2e1f;background:#e65f4c21}.message-row.mine .attachment-icon-button{color:#d9fffa;background:#ffffff24}.message-row.mine .attachment-icon-button.danger{color:#ffd9d4}.attachment-icon-button:disabled{cursor:not-allowed;opacity:.48}.attachment-image,.attachment-video{object-fit:contain;background:#0d1716;width:100%;max-height:360px;display:block}.attachment-player{width:calc(100% - 16px);margin:0 8px 8px}.composer-area{border-top:1px solid var(--line);background:#ffffffb3;min-width:0;min-height:0;padding:18px 26px 24px;overflow:hidden}.presence-line{min-height:22px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;font-size:.84rem;display:flex}.presence-summary,.presence-actions{align-items:center;gap:8px;min-width:0;display:flex}.presence-summary{flex:auto}.presence-summary strong{color:var(--ink);white-space:nowrap;flex:none;font-size:.82rem;font-weight:850}.presence-summary span,.presence-actions span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.presence-summary em{color:var(--teal-strong);flex:none;font-style:normal;font-weight:850}.presence-actions{flex:0 auto;justify-content:flex-end}.presence-button{min-height:28px;color:var(--teal-strong);cursor:pointer;background:#0f766e1a;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 9px;font-size:.78rem;font-weight:850;display:inline-flex}.presence-button:disabled{cursor:not-allowed;opacity:.5}.presence-panel{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;gap:6px;max-height:168px;margin:0 0 10px;padding:8px;display:grid;overflow-y:auto}.presence-user{background:#eef3f69e;border-radius:8px;align-items:center;gap:9px;min-width:0;min-height:38px;padding:4px 6px;display:flex}.presence-user>span:not(.avatar){flex:auto;gap:1px;min-width:0;display:grid}.presence-user strong,.presence-user em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.presence-user strong{color:var(--ink);font-size:.82rem}.presence-user em{color:var(--muted);font-size:.72rem;font-style:normal}.composer{grid-template-columns:44px minmax(0,1fr) 58px;gap:10px;min-width:0;min-height:58px;display:grid}.composer.no-attach{grid-template-columns:minmax(0,1fr) 58px}.attach-button{border:1px solid var(--line);width:44px;height:58px;color:var(--teal-strong);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.file-input{z-index:2;opacity:0;cursor:pointer;width:1px;min-width:100%;height:100%;font-size:100px;display:block;position:absolute;inset:0}.file-input::file-selector-button{cursor:pointer;width:100%;height:100%}.file-input:disabled{cursor:not-allowed}.file-input:disabled::-webkit-file-upload-button{cursor:not-allowed}.file-input:disabled::file-selector-button{cursor:not-allowed}.attach-button-icon{z-index:1;pointer-events:none;position:relative}.composer textarea{resize:none;border:1px solid var(--line);width:100%;min-height:58px;max-height:160px;color:var(--ink);background:#fff;border-radius:8px;outline:0;padding:17px 16px;line-height:1.35}.composer textarea:disabled{opacity:.6}.send-button{color:#fff;background:var(--coral);cursor:pointer;border-radius:8px;grid-template-rows:auto auto;align-content:center;place-items:center;gap:3px;width:58px;height:58px;font-size:.71rem;font-weight:900;line-height:1;display:grid}.send-button span,.send-button svg{display:block}.send-button:disabled,.attach-button.is-disabled{cursor:not-allowed;opacity:.48}.selected-files{grid-column:1/-1;gap:8px;display:grid}.selected-file{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:38px;padding:6px 8px;display:flex}.selected-file>span{min-width:0;color:var(--ink);flex:auto;align-items:center;gap:7px;font-size:.82rem;font-weight:800;display:inline-flex}.selected-file>span>svg{color:var(--teal-strong);flex:none}.selected-file>span>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.selected-file em{color:var(--muted);white-space:nowrap;flex:none;font-size:.74rem;font-style:normal;font-weight:800}.selected-file button{color:#9d2e1f;cursor:pointer;background:#e65f4c1f;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;display:grid}.upload-progress{color:var(--teal-strong);background:#e5f6f2eb;border:1px solid #24706538;border-radius:8px;grid-column:1/-1;gap:8px;padding:10px 12px;display:grid}.upload-progress-heading,.upload-progress-stats{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.upload-progress-heading span,.upload-progress-heading strong{font-size:.78rem;font-weight:900;line-height:1.2}.upload-progress-heading span,.upload-progress-stats span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.upload-progress-track{background:#24706529;border-radius:999px;height:8px;overflow:hidden}.upload-progress-track span{border-radius:inherit;background:var(--teal-strong);height:100%;transition:width .16s;display:block}.upload-progress-stats{color:#4f7069;font-size:.74rem;font-weight:800}.error-text{color:#ffd9d4;background:#e65f4c26;border-radius:8px;margin:0;padding:11px 12px;font-size:.86rem;line-height:1.4}.error-text.compact{color:#9d2e1f;background:#e65f4c1f;margin-bottom:10px}@media (width<=860px){body{background:#eef3f6;overflow:hidden auto}#root{height:auto;padding:0;display:block}.app-shell{width:100%;height:auto;min-height:100dvh;max-height:none;box-shadow:none;border-radius:0;grid-template-rows:auto minmax(420px,1fr);grid-template-columns:1fr;margin:0;overflow:visible}.app-shell.signed-in{grid-template-rows:minmax(0,44dvh) minmax(0,1fr);height:100dvh;min-height:100dvh;overflow:hidden}.identity-panel{gap:18px;padding:18px}.identity-panel.is-signed-in{gap:12px;padding:12px 14px 14px;overflow-y:auto}.identity-panel.is-signed-in .brand{gap:10px}.identity-panel.is-signed-in .brand-mark{width:36px;height:36px}.identity-panel.is-signed-in .brand h1{font-size:1.05rem}.identity-panel.is-signed-in .brand p{display:none}.account-block{gap:10px}.identity-panel.is-signed-in .account-block:after{flex-basis:6px}.room-list{max-height:84px;overflow-y:auto}.admin-panel{padding:10px}.profile-row{gap:10px}.profile-row .avatar.large{width:42px;height:42px}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.status-grid div{gap:5px;min-height:46px;padding:7px 5px;font-size:.72rem}.room-form{gap:7px}.room-form label{font-size:.78rem}.inline-input,.input-shell,.secondary-button,.primary-button,.google-button{min-height:44px}.chat-panel{min-height:0}.chat-header,.message-list,.composer-area{padding-left:18px;padding-right:18px}.chat-header{flex-direction:row;align-items:center;min-height:70px;padding-top:14px;padding-bottom:14px}.chat-header-actions{gap:8px}.room-state{min-height:32px;padding:0 10px;font-size:.75rem}.chat-header h2{font-size:1.35rem}.connection-pill{min-width:auto;min-height:34px;padding:0 12px;font-size:.78rem}.empty-state{min-height:0}.message-bubble{max-width:calc(100vw - 106px)}.composer-area{padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@media (width<=520px){.app-shell.signed-out{grid-template-rows:auto minmax(300px,1fr)}.identity-panel.is-signed-out{padding:16px}.identity-panel.is-signed-out .brand{gap:10px}.identity-panel.is-signed-out .brand-mark{width:40px;height:40px}.presence-line{gap:3px;display:grid}.message-list{padding:16px 14px}.chat-header-actions{flex-wrap:wrap}.message-row{gap:8px;margin-bottom:12px}.message-row .avatar{width:32px;height:32px;font-size:.82rem}.message-bubble{max-width:calc(100vw - 86px);padding:11px 12px}.message-meta{gap:10px}.composer{grid-template-columns:42px minmax(0,1fr) 52px;gap:8px}.composer.no-attach{grid-template-columns:minmax(0,1fr) 52px}.composer textarea,.send-button,.attach-button{height:52px;min-height:52px}.composer textarea{padding:15px 14px}.send-button{width:52px;font-size:.67rem}.attach-button{width:42px}}@media (width<=380px){.brand h1{font-size:1.05rem}.status-grid div span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.inline-input{padding-left:10px;padding-right:8px}.admin-input{padding-right:6px}.inline-input button{padding:0}}@media (width>=861px) and (height<=760px){.app-shell{min-height:0}.identity-panel{gap:20px;padding:22px}.status-grid div{min-height:58px}}