@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem}}@layer base,components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.hidden{display:none}.table{display:table}.p-4{padding:calc(var(--spacing)*4)}.text-center{text-align:center}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{--wa-green:#00a884;--wa-green-dark:#008069;--panel:#f0f2f5;--wallpaper:#efeae2;--bubble-in:#fff;--bubble-out:#d9fdd3;--text:#111b21;--muted:#667781;--divider:#e9edef;--shadow:0 1px .5px #0b141a21}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#d2dbd4;margin:0;font-family:Segoe UI,Helvetica Neue,Helvetica,-apple-system,sans-serif}body{justify-content:center;align-items:center;padding:16px;display:flex}#root{justify-content:center;align-items:center;width:100%;min-height:100%;display:flex}.phone{background:var(--wallpaper);border-radius:10px;flex-direction:column;width:100%;max-width:480px;height:min(880px,100vh - 32px);display:flex;overflow:hidden;box-shadow:0 6px 28px #0b141a38}header{background:var(--panel);border-bottom:1px solid var(--divider);flex:none;align-items:center;gap:12px;padding:10px 16px;display:flex}.avatar{object-fit:contain;background:#fff;border-radius:50%;flex:none;width:40px;height:40px;padding:6px}.who{flex:1;min-width:0}.who strong{font-size:16px;font-weight:500;display:block}.who span{color:var(--muted);font-size:12.5px;display:block}.settings{border-bottom:1px solid var(--divider);color:var(--muted);background:#fff;flex:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.settings code{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;font-size:11.5px;overflow:hidden}.settings button{font:inherit;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #d1d7db;border-radius:6px;flex:none;padding:5px 11px;font-size:12px}.settings button:hover{background:var(--panel)}.dot{background:#c4c4c4;border-radius:50%;flex:none;width:7px;height:7px}.dot.live{background:var(--wa-green)}.dot.error{background:#e5544a}.log{background-color:var(--wallpaper);background-image:radial-gradient(#0b141a0b 1px,#0000 1px);background-size:22px 22px;flex-direction:column;flex:1;gap:3px;padding:14px 7% 18px;display:flex;overflow-y:auto}.row{display:flex}.row.out{justify-content:flex-end}.row.in{justify-content:flex-start}.bubble{max-width:82%;box-shadow:var(--shadow);white-space:pre-wrap;word-wrap:break-word;border-radius:7.5px;padding:6px 9px 8px;font-size:14.2px;line-height:19px}.in .bubble{background:var(--bubble-in);border-top-left-radius:0}.out .bubble{background:var(--bubble-out);border-top-right-radius:0}.meta{float:right;color:var(--muted);-webkit-user-select:none;user-select:none;margin:6px -4px -4px 10px;font-size:11px}.tick{color:#53bdeb;letter-spacing:-2px}.buttons{border-top:1px solid var(--divider);margin:7px -9px -8px}.buttons button{border:none;border-top:1px solid var(--divider);color:#00a5f4;width:100%;font:inherit;cursor:pointer;background:0 0;padding:9px 8px;font-size:14px;display:block}.buttons button:first-child{border-top:none}.buttons button:hover:not(:disabled){background:#00a5f40f}.buttons button:disabled{color:var(--muted);cursor:default}.doc{background:#0b141a0d;border-radius:6px;align-items:center;gap:10px;margin:-1px -2px 2px;padding:8px 10px;display:flex}.doc .icon{font-size:22px}.doc .name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.note{color:#54656f;text-align:center;max-width:88%;box-shadow:var(--shadow);background:#ffeecd;border-radius:7.5px;align-self:center;margin:6px 0;padding:5px 12px;font-size:12.2px;line-height:17px}.note.bad{color:#8b2c2c;background:#fddede}.typing{gap:4px;padding:4px 2px;display:flex}.typing i{background:#9aa4a8;border-radius:50%;width:7px;height:7px;animation:1.3s ease-in-out infinite blink}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.35}30%{opacity:1}}.composer{background:var(--panel);flex:none;align-items:flex-end;gap:8px;padding:8px 12px;display:flex}.icon-btn{color:#54656f;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.icon-btn:hover{background:#0b141a0f}.icon-btn:disabled{opacity:.45;cursor:default}.composer textarea{min-width:0;max-height:100px;font:inherit;resize:none;background:#fff;border:none;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:14.2px;line-height:20px}.send{background:var(--wa-green-dark);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.send:hover{background:var(--wa-green)}input[type=file]{display:none}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}