html,body.chat-body,body.chat-body #root{height:100%;margin:0}body.chat-body{background:var(--ink,#111);overscroll-behavior:none}.chat-splash{background:var(--ink);place-items:center;height:100dvh;display:grid}.chat-splash img{width:72px;height:72px;animation:1.2s ease-in-out infinite alternate splash}@keyframes splash{to{transform:scale(1.08)}}.chat-full{--wa-bg:#e9eef3;--wa-me:#d9fdd3;--wa-them:#fff;--wa-text:#111b21;--wa-meta:#667781;background-color:var(--wa-bg);max-width:920px;height:100dvh;color:var(--wa-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230f2f30' stroke-opacity='.06' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 34V20h14l6 7v7M14 34h20M18 37a2 2 0 1 0 0 .1M30 37a2 2 0 1 0 0 .1'/%3E%3Cpath d='M78 14h14l6 6v20H78zM92 14v6h6M82 26h12M82 31h8'/%3E%3Cpath d='M30 82a10 10 0 1 0 20 0a10 10 0 1 0-20 0M40 76v6l4 3'/%3E%3Cpath d='M80 86l6 6 12-13'/%3E%3C/g%3E%3C/svg%3E");flex-direction:column;margin:0 auto;display:flex;position:relative}.chat-full .sim-head{padding:max(10px, env(safe-area-inset-top)) 14px 10px;flex:none}.chat-full .sim-head .avatar.bot img{width:38px;height:38px}.chat-full .sim-head strong{font-size:16px}.chat-full .sim-messages{gap:3px;padding:12px clamp(10px,4vw,48px)}.chat-full .wa{font-size:15px}.chat-full .sim-compose{padding:8px 8px max(8px, env(safe-area-inset-bottom));flex:none}.chat-full .sim-compose textarea{font-size:16px}.chat-full .sim-hint{margin:auto}.chat-menu{position:relative}.chat-menu>.link{padding:4px 8px;font-size:22px}.chat-menu-list{z-index:5;min-width:220px;color:var(--text);background:#fff;border-radius:10px;flex-direction:column;padding:6px 0;display:flex;position:absolute;top:36px;right:0;box-shadow:0 10px 30px #0003}.chat-menu-list button,.chat-menu-list a{text-align:left;color:var(--text);background:0 0;border:0;border-radius:0;padding:11px 16px;font-size:15px}.chat-menu-list button:hover,.chat-menu-list a:hover{background:var(--bg)}.chat-welcome{background:radial-gradient(circle at 80% 110%, #009ff54d, transparent 55%), var(--ink);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.welcome-card{background:var(--surface);border-radius:22px;width:min(440px,100%);padding:28px 24px;box-shadow:0 30px 60px #00000059}.welcome-brand{letter-spacing:-.045em;color:var(--text);align-items:center;gap:10px;margin-bottom:18px;font-size:22px;font-weight:800;display:inline-flex}.welcome-brand img{width:40px;height:40px}.welcome-brand b{font-weight:inherit;color:var(--brand)}.welcome-card h1{margin-bottom:10px;font-size:28px}.welcome-card form{flex-direction:column;gap:12px;margin-top:18px;display:flex}.welcome-card label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.welcome-card input{padding:11px 12px;font-size:16px}.welcome-card button.primary{background:var(--green);border-color:var(--green);color:var(--brand-ink);padding:13px;font-size:16px}.welcome-card .note{margin:0 0 14px}@media (width>=921px){body.chat-body{background:radial-gradient(circle at 80% 110%, #009ff538, transparent 55%), var(--ink)}.chat-full{box-shadow:0 0 60px #00000059}}@media (prefers-reduced-motion:reduce){.chat-splash img{animation:none}}
