.sp{--b500: #267f60;--b600: #1d7050;--b700: #195842;--b800: #194e3a;--b900: #16332f;--accent: #3effbb;--accent-d: #2fcc96;--ground: #f3eddf;--card-line: #d1d5db;--g200: #e5e7eb;--g500: #6b7280;--g700: #374151;--g900: #111827;--red: #dc2626;--orange: #f08a3c;--app-font: "Ubuntu Sans", Ubuntu, "Noto Sans", system-ui, sans-serif;--mono: "Ubuntu Sans Mono", "Ubuntu Mono", "DejaVu Sans Mono", ui-monospace, monospace;display:block}.sp *,.sp *:before,.sp *:after{box-sizing:border-box}.sp [hidden]{display:none!important}.sp-figure{margin:0}.sp-figure{position:relative;margin:2.2rem auto;width:fit-content;display:flex;align-items:flex-end;gap:.7rem}.sp-toggle{position:absolute;left:calc(100% + .7rem);bottom:.4rem;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--g200);background:#fff;color:var(--g700);cursor:pointer;opacity:.7;transition:opacity .2s}.sp-toggle:hover,.sp-toggle:focus-visible{opacity:1}.sp-toggle:focus-visible{outline:2px solid var(--b600);outline-offset:2px}.sp-toggle svg{width:13px;height:13px;fill:currentColor}.sp-toggle[data-state=playing] .sp-ico-play,.sp-toggle[data-state=paused] .sp-ico-pause{display:none}.sp:not(.is-enhanced) .sp-toggle{display:none}.sp:not(.is-enhanced) .sp-transient{display:none!important}.sp.is-enhanced [data-at]:not(.is-on){display:none!important}.sp.is-enhanced [data-at].is-on{animation:sp-in .45s cubic-bezier(.2,.9,.3,1) both}@keyframes sp-in{0%{opacity:0;transform:translateY(12px)}}.ph .ac-head{flex-shrink:0}.ac-head{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border-bottom:1px solid var(--g200)}.ac-head b{display:block;font-size:.9rem}.ac-head small{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--g500)}.ac-head small i{width:7px;height:7px;border-radius:50%;background:#22c55e}.ac-band{flex:1;overflow:hidden;background:var(--ground);padding:1rem .75rem;display:flex;flex-direction:column;gap:1rem}.ac-row{display:flex;gap:.55rem;align-items:flex-start}.ac-row.is-owner{flex-direction:row-reverse}.ac-av{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:.62rem;font-weight:700;background:var(--b800);color:#fff}.ac-av.is-agent{background:var(--b600)}.ac-col{display:flex;flex-direction:column;gap:.45rem;align-items:flex-start;max-width:80%}.ac-row.is-owner .ac-col{align-items:flex-end}.ac-meta{margin:0;font-size:.7rem;color:var(--g500)}.ac-meta b{color:var(--g700);font-weight:600;margin-right:.25rem}.ac-bubble{margin:0;padding:.5rem .9rem;border-radius:16px;background:#fff;border:1px solid var(--card-line);box-shadow:0 1px 2px #0000000d}.ac-bubble p{margin:0}.ac-row.is-owner .ac-bubble{background:var(--b600);color:#fff;border-color:transparent}.ac-buttons{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.ac-buttons>span{position:relative;padding:.3rem .7rem;border-radius:6px;font-size:.8rem;font-weight:500;background:#fff;box-shadow:inset 0 0 0 1px #d1d5db}.ac-pill{white-space:nowrap;display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .75rem .25rem .35rem;border-radius:999px;background:#fff;border:1px solid var(--card-line);box-shadow:0 1px 2px #0000000d;font-size:.8rem}.ac-pill code{font-family:var(--mono);font-size:.8rem;color:var(--g900);background:none;padding:0}.ac-pill small{color:var(--g500);font-size:.72rem}.ac-state{width:20px;height:20px;display:grid;place-items:center}.ac-state>*{grid-area:1 / 1}.ac-done{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--accent-d);color:var(--b900)}.ac-done .ja-ico{width:12px;height:12px;stroke-width:3}.ac-pill.is-fail{border-color:#fca5a5}.ac-pill.is-fail .ac-done{background:var(--red);color:#fff}.ac-pill.is-fail small{color:var(--red)}.sp.is-enhanced .ac-done.is-on{animation:ac-pop .35s cubic-bezier(.3,1.8,.5,1) both}@keyframes ac-pop{0%{transform:scale(.3)}}.ac-spin{width:16px;height:16px;border-radius:50%;border:2.5px solid var(--g200);border-top-color:var(--b600)}.sp .ac-spin,.sp.is-enhanced .ac-spin.is-on{animation:ac-spin .7s linear infinite}@keyframes ac-spin{to{transform:rotate(360deg)}}.ac-system{margin:0;align-self:center;display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--g500)}.ac-system .ja-ico{width:14px;height:14px;color:var(--b500);stroke-width:2.6}.ac-input{display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;border-top:1px solid var(--g200);background:#fff}.ac-input>span:first-child{flex:1;border:1px solid #d1d5db;border-radius:12px;padding:.45rem .8rem;font-size:.8rem;color:#9ca3af}.ac-send{width:32px;height:32px;border-radius:50%;background:var(--b600);color:#fff;display:grid;place-items:center;flex-shrink:0}.ac-send .ja-ico{width:15px;height:15px}.ja-ico{width:1.1em;height:1.1em;flex-shrink:0}.ac-toast{position:absolute;z-index:3;top:.5rem;left:.5rem;right:.5rem;display:flex;gap:.6rem;align-items:flex-start;padding:.6rem .75rem;border-radius:12px;background:var(--b900);color:#fff;font-size:.78rem;line-height:1.35;box-shadow:0 10px 30px #00000059;border:1px solid rgb(62 255 187 / .35)}.ac-toast b{display:block;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.ac-toast .ja-ico{width:20px;height:20px;color:var(--accent);margin-top:.1rem}.sp.is-enhanced .ac-toast.is-on{animation:ac-drop .55s cubic-bezier(.2,1.4,.4,1) both}@keyframes ac-drop{0%{transform:translateY(-140%)}}.ph{position:relative;width:17.5rem;height:25rem;display:flex;flex-direction:column;overflow:hidden;background:#fff;color:var(--g900);border:9px solid #0d1f1b;border-radius:34px;box-shadow:0 18px 40px #16332f38;font-family:var(--app-font);font-size:13px;line-height:1.4}.ph .ac-head{padding:1.1rem .9rem .6rem}.ph-tabs{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;margin:1rem .7rem .5rem;padding:3px;border-radius:999px;background:#eef0ee;font-size:.78rem;font-weight:600}.ph-tab{position:relative;text-align:center;padding:.35rem;border-radius:999px;color:var(--g500);transition:background .3s,color .3s}.ja-phone:not([data-s-view=ws]) .ph-tab-chat,.ja-phone[data-s-view=ws] .ph-tab-ws{background:#fff;color:var(--g900);box-shadow:0 1px 3px #00000026}.ph-badge{position:absolute;top:5px;right:14px;width:8px;height:8px;border-radius:50%;background:var(--orange)}.ph-screens{position:relative;flex:1;overflow:hidden}.ph-screen{position:absolute;inset:0;transition:transform .5s cubic-bezier(.3,.8,.3,1)}.ph-chat .ac-col{max-width:86%}.ph-ws{transform:translate(105%);padding:1rem;background:#fff;display:flex;flex-direction:column;gap:.2rem}.ja-phone[data-s-view=ws] .ph-chat{transform:translate(-105%)}.ja-phone[data-s-view=ws] .ph-ws{transform:none}.ph-ws small{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--orange)}.ph-ws b{font-size:1.05rem;margin-bottom:.5rem}.ph-ws table{width:100%;border-collapse:collapse;font-size:.8rem}.ph-ws td{padding:.4rem 0;border-bottom:1px solid var(--g200)}.ph-ws td:last-child{text-align:right;white-space:nowrap;padding-left:.6rem}.ph-ws tfoot td{font-weight:700;border-bottom:0}.ph-approve{position:relative;margin-top:auto;display:flex;justify-content:center;align-items:center;gap:.3rem;padding:.6rem;border-radius:10px;background:var(--b600);color:#fff;font-weight:600;font-size:.82rem;transition:background .3s}.ph-approve-done{display:none;align-items:center;gap:.3rem}.ja-phone[data-s-sent=yes] .ph-approve{background:var(--b800)}.ja-phone[data-s-sent=yes] .ph-approve-idle{display:none}.ja-phone[data-s-sent=yes] .ph-approve-done{display:inline-flex}.ph-target{position:relative}.ph-tap{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:#ffffff8c;border:2px solid rgb(17 24 39 / .35);pointer-events:none}.sp.is-enhanced .ph-tap.is-on{animation:ph-tap .9s ease-out both}@keyframes ph-tap{0%{transform:scale(1.8);opacity:0}45%{transform:scale(1);opacity:1}65%{transform:scale(.7)}to{transform:scale(1.3);opacity:0}}.ph .ac-band{padding:.7rem .6rem;gap:.7rem}.ph .ac-input{padding:.5rem .6rem}@media (max-width: 420px){.sp-figure{flex-direction:column;align-items:center}.sp-toggle{position:static}}@media (prefers-reduced-motion: reduce){.sp *,.sp *:before,.sp *:after{animation:none!important;transition:none!important}}.ph .ac-col{max-width:88%;min-width:0}.ph .ac-pill{max-width:100%;overflow:hidden;font-size:.74rem}.ph .ac-pill code{font-size:.74rem}.ph .ac-pill small{overflow:hidden;text-overflow:ellipsis;min-width:0}