.vatly{--vatly:#0f172a;display:inline-flex;background:#f1f5f9;border-radius:99px;padding:3px;gap:2px}
.vatly button{border:0;background:transparent;border-radius:99px;padding:7px 14px;font:inherit;font-size:13.5px;font-weight:600;color:#475569;cursor:pointer;line-height:1.2}
.vatly button[aria-pressed=true]{background:var(--vatly);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.vatly button:focus-visible{outline:2px solid var(--vatly);outline-offset:2px}
.vatly-float{position:fixed;bottom:18px;z-index:9990;box-shadow:0 8px 24px rgba(15,23,42,.18);border-radius:99px;background:#fff;padding:2px}
.vatly-float--left{left:18px}.vatly-float--right{right:18px}
.vatly-sfx{font-size:.72em;color:#64748b;font-weight:500}
.vatly-demo{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:18px;max-width:640px}
.vatly-demo__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-weight:600}
.vatly-demo__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.vatly-demo__i{border:1px solid #f1f5f9;background:#f8fafc;border-radius:12px;padding:14px}
.vatly-demo__i strong{display:block;margin-bottom:6px}
.vatly-demo__p{font-size:20px;font-weight:800}
@media (max-width:600px){.vatly-float{bottom:12px}.vatly-float--left{left:12px}.vatly-float--right{right:12px}}