:root{background:#f4f6f8;color:#20242a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{align-items:center;background:#20242a;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:.45rem;justify-content:center;min-height:42px;padding:.65rem .85rem}input{border:1px solid #cbd4dc;border-radius:8px;min-height:42px;padding:.65rem .75rem}a{color:#0f6b8f;overflow-wrap:anywhere}.chat-shell{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #d8e0e6;display:grid;gap:1.2rem;grid-template-rows:auto auto 1fr;padding:1rem}.side-header,.conversation-header{align-items:center;display:flex;justify-content:space-between}.icon-button{aspect-ratio:1;padding:0;width:42px}.side-actions{align-items:center;display:flex;gap:.55rem}.eyebrow{color:#9b4056;font-size:.76rem;font-weight:800;letter-spacing:0;margin:0 0 .5rem;text-transform:uppercase}h1{font-size:2.6rem;line-height:.95;margin:0}h2{align-items:center;display:flex;gap:.45rem;margin:0 0 .7rem}.stack{display:grid;gap:.55rem}.section-title{align-items:center;display:flex;gap:.6rem;justify-content:space-between}.mini-button{font-size:.86rem;min-height:34px;padding:.45rem .6rem}.conversation-button,.user-button,.notification-button{background:#eef2f4;color:#20242a;display:grid;gap:.2rem;justify-items:start;text-align:left}.conversation-button{grid-template-columns:minmax(0,1fr) auto}.conversation-button strong,.conversation-button span{grid-column:1}.conversation-button em{align-self:center;background:#b53d5a;border-radius:999px;color:#fff;font-size:.78rem;font-style:normal;font-weight:800;grid-column:2;grid-row:1 / span 2;min-width:24px;padding:.2rem .45rem;text-align:center}.conversation-button.unread,.notification-button.unread{background:#fff0f4;box-shadow:inset 4px 0 #b53d5a}.conversation-button span,.user-button small,.notification-button span,.muted,.empty-state p,.hero p,time{color:#66737f}.user-button{grid-template-columns:auto minmax(0,1fr) auto}.group-form{background:#f8fafb;border:1px solid #d8e0e6;border-radius:8px;display:grid;gap:.55rem;margin-bottom:.7rem;padding:.7rem}.group-users{display:grid;gap:.35rem;max-height:150px;overflow:auto}.group-users label{align-items:center;display:grid;gap:.45rem;grid-template-columns:auto minmax(0,1fr);text-align:left}.group-users input{min-height:auto}.status{background:#a9b4bd;border-radius:999px;height:10px;margin-top:.35rem;width:10px}.status.online{background:#21a67a}.conversation{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding:1rem}.message-list{align-content:end;display:grid;gap:.7rem;overflow:auto;padding:1rem 0}.message{background:#fff;border:1px solid #d8e0e6;border-radius:8px;justify-self:start;max-width:min(680px,86%);padding:.75rem}.message.mine{background:#eaf7f1;border-color:#badfce;justify-self:end}.message span{color:#6b3d5a;display:block;font-size:.78rem;font-weight:800;margin-bottom:.35rem}.message p{margin:0 0 .45rem;white-space:pre-wrap}.message img{border-radius:8px;display:block;max-height:380px;max-width:100%}.composer{display:grid;gap:.55rem;grid-template-columns:auto auto minmax(0,1fr) auto}.image-picker{position:relative}.image-picker input{height:1px;opacity:0;position:absolute;width:1px}.empty-state,.public-page{align-content:center;display:grid;justify-items:center;min-height:100vh;padding:1.25rem;text-align:center}.hero{max-width:720px}.hero h1{font-size:clamp(3rem,10vw,7rem)}.login-panel{background:#fff;border:1px solid #d8e0e6;border-radius:8px;display:grid;gap:.7rem;margin-top:1rem;max-width:420px;padding:1rem;width:100%}.error{color:#a62e2e;margin:0}.sso-button{background:#fff;border:1px solid #d8e0e6;color:#20242a;width:100%}.mother-link{align-items:center;background:#eef4ff;border:1px solid #c8d7f2;border-radius:8px;color:#1e4f91;display:inline-flex;font-weight:800;justify-content:center;min-height:40px;padding:.55rem .8rem;text-decoration:none}.mother-link.compact{min-height:36px;white-space:nowrap}.separator{align-items:center;color:#66737f;display:flex;font-size:.86rem;gap:.65rem;justify-content:center}.separator:before,.separator:after{background:#d8e0e6;content:"";flex:1;height:1px}@media(max-width:860px){.chat-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #d8e0e6}.composer{grid-template-columns:auto auto 1fr}.composer button:last-child{grid-column:1 / -1}}