.wac{--wac-green:#008069;--wac-green-bright:#25d366;--wac-send:#00a884;--wac-ink:#111b21;--wac-muted:#667781;--wac-in:#fff;--wac-out:#d9fdd3;--wac-wall:#efeae2;--wac-bar:#f0f2f5;--wac-ease:cubic-bezier(.16, 1, .3, 1);--wac-spring:cubic-bezier(.34, 1.56, .64, 1);z-index:99;font-family:var(--font-dm-sans), system-ui, sans-serif;pointer-events:none;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed;bottom:24px;right:24px}.wac>*{pointer-events:auto}.wac-phone{cursor:pointer;width:58px;height:98px;transition:transform .3s var(--wac-spring), box-shadow .3s var(--wac-ease);background:linear-gradient(160deg,#24395a 0%,#0f1c2e 55%,#0a1422 100%);border:0;border-radius:18px;padding:6px;animation:7s ease-in-out 5s infinite wac-buzz;position:relative;box-shadow:inset 0 0 0 1px #e2d96873,inset 0 1px #ffffff2e,0 0 0 1.5px #ffffff8c,0 18px 34px -12px #0f1c2ea6,0 4px 10px -4px #0f1c2e66}.wac-phone:before{content:"";z-index:2;background:#0a1422;border-radius:4px;width:16px;height:4px;margin-left:-8px;position:absolute;top:10px;left:50%}.wac-phone-screen{color:#fff;background:radial-gradient(120% 70% at 30% 0%, #ffffff47, transparent 55%), linear-gradient(180deg, #4be37f 0%, var(--wac-green-bright) 50%, #1da851 100%);width:100%;height:100%;transition:background .3s var(--wac-ease);border-radius:13px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #0000001f}.wac-phone-screen svg{width:26px;height:26px}.wac-phone.is-open{animation:none}.wac-phone.is-open .wac-phone-screen{background:linear-gradient(#fff 0%,#eef1f5 100%)}.wac-phone.is-open .wac-phone-screen svg{color:#0f1c2e;width:24px;height:24px}.wac-badge{color:#fff;min-width:22px;height:22px;animation:wac-pop .5s var(--wac-spring) 1.2s both;background:#ff3b30;border-radius:11px;padding:0 6px;font-size:.72rem;font-weight:700;line-height:22px;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #fff,0 4px 10px #ff3b3073}@media (hover:hover){.wac-phone:hover{transform:translateY(-4px)rotate(-4deg)}}.wac-phone:active{transform:scale(.94)}.wac-phone:focus-visible{outline-offset:4px;outline:3px solid #e2d968}@keyframes wac-buzz{0%,8%,to{transform:rotate(0)}1%,5%{transform:rotate(-7deg)}3%,7%{transform:rotate(7deg)}}.wac-teaser{transform-origin:100% 100%;max-width:280px;animation:wac-pop .55s var(--wac-spring) both;background:#fff;border-radius:16px 16px 4px;align-items:flex-start;display:flex;position:relative;box-shadow:0 0 0 1px #0f1c2e0f,0 18px 40px -14px #0f1c2e66}.wac-teaser-text{text-align:left;cursor:pointer;color:var(--wac-ink);background:0 0;border:0;flex-direction:column;gap:2px;padding:12px 6px 12px 16px;display:flex}.wac-teaser-text strong{color:#0f1c2e;font-size:.98rem;font-weight:700}.wac-teaser-text span{color:var(--wac-muted);font-size:.8rem;line-height:1.35}.wac-teaser-x{width:28px;height:28px;color:var(--wac-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:6px 6px 0 0;display:grid}.wac-teaser-x svg{width:15px;height:15px}.wac-teaser-x:hover{background:var(--wac-bar);color:var(--wac-ink)}.wac-panel{background:var(--wac-wall);transform-origin:100% 100%;width:360px;height:min(540px,100dvh - 250px);min-height:260px;animation:wac-open .45s var(--wac-ease) both;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0f1c2e14,0 30px 70px -20px #0f1c2e8c}.wac-head{background:var(--wac-green);color:#fff;align-items:center;gap:12px;padding:12px 10px 12px 14px;display:flex}.wac-avatar{flex:none;width:40px;height:40px;display:block}.wac-who{flex-direction:column;flex:1;min-width:0;display:flex}.wac-who strong{font-size:.98rem;font-weight:600}.wac-who small{opacity:.85;font-size:.78rem}.wac-close{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.wac-close svg{width:20px;height:20px}.wac-close:hover{background:#ffffff24}.wac-body{overscroll-behavior:contain;background-color:var(--wac-wall);background-image:radial-gradient(#111b210b 1.2px,#0000 1.3px),radial-gradient(#111b2109 1px,#0000 1.1px);background-position:0 0,11px 17px;background-size:22px 22px,34px 34px;flex-direction:column;flex:1;gap:6px;padding:12px 14px 16px;display:flex;overflow-y:auto}.wac-day{color:var(--wac-muted);background:#fff;border-radius:8px;align-self:center;margin:0 0 6px;padding:4px 12px;font-size:.72rem;box-shadow:0 1px .5px #0b141a21}.wac-msg{max-width:82%;color:var(--wac-ink);animation:wac-msg .35s var(--wac-ease) both;border-radius:10px;padding:7px 10px 8px;font-size:.9rem;line-height:1.4;position:relative;box-shadow:0 1px .5px #0b141a21}.wac-in{background:var(--wac-in);border-top-left-radius:0;align-self:flex-start}.wac-in:before{content:"";border:0 solid #0000;border-width:0 8px 9px 0;border-right-color:var(--wac-in);position:absolute;top:0;left:-7px}.wac-in.wac-follow{border-top-left-radius:10px}.wac-in.wac-follow:before{display:none}.wac-out{background:var(--wac-out);border-top-right-radius:0;align-self:flex-end;margin-top:6px}.wac-out:before{content:"";border:0 solid #0000;border-width:0 0 9px 8px;border-left-color:var(--wac-out);position:absolute;top:0;right:-7px}.wac-time{float:right;color:var(--wac-muted);align-items:center;gap:3px;margin:6px 0 -3px 12px;font-size:.68rem;line-height:1;display:inline-flex}.wac-ticks{color:#53bdeb;width:15px;height:15px}.wac-typing{gap:4px;padding:12px 14px;display:inline-flex}.wac-typing i{background:#8696a0;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite wac-dot}.wac-typing i:nth-child(2){animation-delay:.15s}.wac-typing i:nth-child(3){animation-delay:.3s}.wac-topics{flex-direction:column;align-items:flex-end;gap:6px;margin-top:8px;display:flex}.wac-topic{max-width:100%;color:var(--wac-green);font:inherit;text-align:left;cursor:pointer;transition:background .2s, transform .2s var(--wac-ease), border-color .2s;animation:wac-msg .4s var(--wac-ease) both;animation-delay:calc(var(--i) * 90ms);background:#fff;border:1px solid #00806938;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 1px .5px #0b141a1a}.wac-topic svg{stroke-width:2px;flex:none;width:17px;height:17px}@media (hover:hover){.wac-topic:hover{background:#e7f6f1;border-color:#00806973;transform:translate(-3px)}}.wac-topic:active{transform:scale(.97)}.wac-topic:focus-visible{outline:2px solid var(--wac-green);outline-offset:2px}.wac-compose{background:var(--wac-bar);align-items:center;gap:8px;padding:8px 10px;display:flex}.wac-compose input{min-width:0;height:42px;color:var(--wac-ink);font:inherit;background:#fff;border:0;border-radius:21px;flex:1;padding:0 16px;font-size:.9rem}.wac-compose input::placeholder{color:#54656f}.wac-compose input:focus-visible{outline:2px solid var(--wac-send);outline-offset:0}.wac-send{background:var(--wac-send);color:#fff;cursor:pointer;width:42px;height:42px;transition:transform .2s var(--wac-spring), background .2s;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.wac-send svg{width:19px;height:19px}.wac-send:hover{background:var(--wac-green)}.wac-send:active{transform:scale(.9)}.wac-send:focus-visible{outline:2px solid var(--wac-green);outline-offset:2px}.wac-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes wac-pop{0%{opacity:0;transform:scale(.6)translateY(10px)}to{opacity:1;transform:none}}@keyframes wac-open{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:none}}@keyframes wac-msg{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes wac-dot{0%,60%,to{opacity:.55;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (max-width:600px){.wac{gap:12px;bottom:16px;right:16px}.wac-phone{border-radius:16px;width:52px;height:88px;padding:5px}.wac-phone-screen{border-radius:12px}.wac-phone:before{top:9px}.wac-panel{width:auto;height:min(520px,100dvh - 200px);position:fixed;bottom:116px;left:12px;right:12px}.wac-teaser{max-width:230px}}@media (prefers-reduced-motion:reduce){.wac-phone,.wac-badge,.wac-teaser,.wac-panel,.wac-msg,.wac-topic,.wac-typing i{animation:none!important}.wac-phone,.wac-topic,.wac-send{transition:none}}
