#tg{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;color:#000}#phone{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff}.tgh{flex:0 0 56px;height:56px;display:flex;align-items:center;gap:10px;padding:0 12px 0 6px;background:#517da2;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}.tgback{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;border-radius:50%}button.tgback{cursor:pointer}.tgav{width:40px;height:40px;flex:0 0 40px;border-radius:50%;object-fit:cover;background:#6f97ba}.tgwho{display:flex;flex-direction:column;min-width:0;line-height:1.2}.tgwho b{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tgwho small{font-size:13px;color:#d4e4f3}.tgpill{margin-left:auto;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:2px 9px;font-size:11px;letter-spacing:.04em;color:#fff}#msgs{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;padding:10px 8px 12px;background:linear-gradient(160deg,#d0dba6,#a9c99b 55%,#8fbaa9);-webkit-overflow-scrolling:touch}.tgday{align-self:center;background:#00000038;color:#fff;font-size:13px;padding:3px 10px;border-radius:12px;margin:2px 0 6px}.msg{display:flex;flex-direction:column;gap:4px;max-width:80%;width:fit-content}.msg.in{align-self:flex-start}.msg.out{align-self:flex-end}.msg.card{width:80%;max-width:320px}.bub{padding:6px 9px;font-size:15px;line-height:1.35;border-radius:12px;box-shadow:0 1px 1px #00000021;overflow-wrap:anywhere;white-space:pre-line}.msg.in .bub{background:#fff;border-bottom-left-radius:4px}.msg.out .bub{background:#effdde;border-bottom-right-radius:4px}.tm{float:right;font-size:11px;line-height:1;margin:9px 0 -3px 10px;color:#a0acb6;white-space:nowrap}.msg.out .tm{color:#5fb557}.ticks{margin-left:3px;letter-spacing:-3px}.kb{display:flex;flex-direction:column;gap:4px;align-self:stretch}.chip{display:block;width:100%;min-width:0;height:44px;padding:0 12px;border:0;border-radius:8px;background:#00000038;color:#fff;font:500 14px/44px system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-tap-highlight-color:transparent}.chip:active{background:#00000052}.card .ctitle{display:block;font-weight:600;margin-bottom:6px}.card .tag{display:inline-block;background:#eceff1;color:#6b7b86;font-size:11px;border-radius:999px;padding:2px 8px}.bub.dots{display:flex;gap:5px;align-items:center;padding:12px}.bub.dots i{width:7px;height:7px;border-radius:50%;background:#8c9ba5;animation:tgdot 1.2s infinite ease-in-out}.bub.dots i:nth-child(2){animation-delay:.2s}.bub.dots i:nth-child(3){animation-delay:.4s}@keyframes tgdot{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}#tgbar{flex:0 0 auto;display:flex;align-items:center;gap:4px;min-height:52px;padding:0 4px env(safe-area-inset-bottom) 6px;background:#fff;border-top:1px solid #e6e6e6}.tgclip{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center}#tgin{flex:1;min-width:0;border:0;outline:0;background:none;font:16px system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;color:#000;padding:8px 4px}#tgsend{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border:0;background:none;padding:0;cursor:pointer;border-radius:50%}@media (min-width: 600px){html.tg body #tg{background:#dfe5e9;display:flex;align-items:center;justify-content:center}#phone{width:390px;height:min(844px,calc(100dvh - 40px));border-radius:34px;border:10px solid #111;box-shadow:0 20px 60px #00000040}}
