body{background:linear-gradient(135deg,#dff8f3,#eef2ff);min-height:100vh;padding:18px}.phone{max-width:430px;height:calc(100vh - 36px);margin:auto;background:#efeae2;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(15,23,42,.22);display:flex;flex-direction:column;border:7px solid #111827}.chat-head{background:#075e54;color:#fff;padding:12px 14px;display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;border-radius:50%;background:#e0f2fe;display:grid;place-items:center;font-size:22px}.chat-title{font-weight:900}.chat-sub{font-size:12px;opacity:.86}.messages{flex:1;overflow:auto;padding:16px 16px 130px;background-color:#efeae2;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:18px 18px}.msg{max-width:84%;padding:9px 11px;border-radius:11px;margin:7px 0;box-shadow:0 1px 1px rgba(0,0,0,.08);font-size:14px;line-height:1.38}.bot{background:#fff;border-top-left-radius:3px}.me{background:#d9fdd3;margin-left:auto;border-top-right-radius:3px}.time{display:block;text-align:right;font-size:10px;color:#6b7280;margin-top:4px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.choice{background:#fff;border:1px solid #b7d9d4;color:#075e54;border-radius:10px;padding:10px 8px;font-weight:900;cursor:pointer}.choice.full{grid-column:1/-1}.choice:disabled{opacity:.5}.chat-footer{background:#f0f2f5;padding:9px;display:flex;gap:8px}.fake-input{flex:1;background:#fff;border-radius:20px;padding:10px 14px;color:#667085;font-size:13px}.qrbox{background:#fff;padding:14px;border-radius:14px;text-align:center;margin:10px 0}.qrbox canvas,.qrbox img{margin:auto}.summary{font-size:13px;background:#f8fafc;border-radius:10px;padding:10px;margin-top:8px;border:1px solid #e2e8f0}@media(max-width:500px){body{padding:0}.phone{height:100vh;max-width:none;border:0;border-radius:0}.messages{padding-bottom:140px}}