:root{--accent: #8b5cf6;--wa-header: #008069;--wa-send: #00a884;--bg: #efeae2;--hdr-text: #ffffff;--bubble-in: #d9fdd3;--bubble-out: #ffffff;--text: #111b21;--muted: #667781}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#d1d7db;color:var(--text);-webkit-font-smoothing:antialiased}.screen{height:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);position:relative}.screen.center{align-items:center;justify-content:center}.hdr{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--wa-header);color:var(--hdr-text);box-shadow:0 1px 3px #00000026;z-index:2}.hdr-avatar{width:40px;height:40px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;overflow:hidden;flex-shrink:0}.hdr-avatar img{width:100%;height:100%;object-fit:cover}.hdr-info{min-width:0}.hdr-name{font-weight:600;font-size:16px;line-height:1.1}.hdr-sub{font-size:12px;opacity:.85}.msgs{flex:1;overflow-y:auto;padding:14px 10px 6px;display:flex;flex-direction:column;gap:4px;background-color:var(--bg);background-image:url(/bg.svg);background-repeat:repeat;background-size:300px}.row{display:flex}.row.in{justify-content:flex-end}.row.out{justify-content:flex-start}.bubble{max-width:78%;padding:6px 9px 8px;border-radius:8px;font-size:14.5px;line-height:1.35;white-space:pre-wrap;word-break:break-word;box-shadow:0 1px .5px #00000021;position:relative}.bubble.in{background:var(--bubble-in);border-top-right-radius:2px}.bubble.out{background:var(--bubble-out);border-top-left-radius:2px}.bubble .meta{display:inline-block;float:right;margin:6px 0 -2px 10px;font-size:11px;color:var(--muted)}.media-img{max-width:240px;max-height:300px;border-radius:6px;display:block;cursor:pointer}.media-vid{max-width:240px;max-height:300px;border-radius:6px;display:block}.media-aud{display:block;max-width:240px;height:40px}.media-doc{display:inline-flex;align-items:center;gap:6px;color:#027eb5;text-decoration:none;font-size:14px;padding:2px 0}.media-caption{margin-top:5px}.composer{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f0f2f5;z-index:2}.composer input{flex:1;border:none;border-radius:22px;padding:11px 16px;font-size:15px;outline:none;background:#fff}.composer button{width:46px;height:46px;border-radius:50%;border:none;background:var(--wa-send);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.composer button:disabled{opacity:.5;cursor:default}.branding{text-align:center;font-size:11px;color:#8696a0;padding:4px 0 6px;background:#f0f2f5}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(0,0,0,.15);border-top-color:var(--wa-header);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.errbox{text-align:center;color:#4a5960;padding:24px;max-width:320px}.err-emoji{font-size:42px;margin-bottom:8px}