*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:system-ui,Noto Sans Devanagari,Segoe UI,sans-serif}button,input,textarea{font:inherit}.card{background:#fff;border-radius:12px;flex-direction:column;gap:12px;max-width:380px;margin:8vh auto;padding:24px;display:flex;box-shadow:0 1px 8px #0001}.card h1{margin:0}input,textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:10px 14px}button:disabled{opacity:.5;cursor:default}button.link{color:#2563eb;background:0 0;padding:4px}.muted{color:#6b7280;margin:0}.small{font-size:13px}.error{color:#dc2626;margin:0}.center{text-align:center;justify-content:center;display:flex}.pad{padding:16px}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.app{grid-template-columns:340px 1fr;height:100vh;display:grid}.side{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;min-height:0;display:flex}.list{flex:1;overflow-y:auto}.main{flex-direction:column;min-height:0;display:flex;position:relative}.row{width:100%;color:inherit;text-align:left;background:0 0;border-radius:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.row:hover,.row.active{background:#eef2ff}.head{cursor:default;background:#fff;border-bottom:1px solid #e5e7eb}.head:hover{background:#fff}.grow{flex:1;min-width:0}.right{text-align:right}.time{float:right}.preview{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.badge{color:#fff;background:#2563eb;border-radius:999px;padding:2px 8px;font-size:12px}.search{border-bottom:1px solid #e5e7eb;padding:8px 14px}.search .row{padding:8px 0}.window{flex-direction:column;height:100%;min-height:0;display:flex}.messages{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-width:70%;padding:8px 12px;font-family:system-ui,Noto Sans Devanagari,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif}.bubble.mine{color:#fff;background:#2563eb;align-self:flex-end}.bubble.theirs{background:#fff;align-self:flex-start}.bubble.pending{opacity:.6}.stamp{opacity:.7;text-align:right;margin-top:2px;font-size:11px;display:block}.composer{background:#fff;border-top:1px solid #e5e7eb;align-items:flex-end;gap:8px;padding:10px;display:flex}.composer textarea{resize:none;max-height:120px}.icon{color:#111827;background:#e5e7eb}.emoji{background:#fff}.toast{color:#fff;z-index:5;background:#111827;border-radius:8px;padding:8px 14px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.back{display:none}@media (width<=720px){.app{grid-template-columns:1fr}.app.has-active .side,.app:not(.has-active) .main{display:none}.back{display:inline-block}}