@keyframes tstb{to{background-position:0 0,300% 0}}
.tst{position:fixed;left:50%;bottom:52px;z-index:5000;display:inline-flex;align-items:center;gap:13px;border:2px solid transparent;border-radius:999px;padding:14px 26px 14px 15px;background:linear-gradient(#0b0e16,#0b0e16) padding-box,linear-gradient(90deg,#7c3aed,#0ea5e9,#ec4899,#7c3aed) border-box;background-size:100% 100%,300% 100%;animation:tstb 6s linear infinite;box-shadow:0 16px 44px rgba(0,0,0,.55),0 0 20px rgba(124,58,237,.28);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(22px) scale(.92);transition:opacity .3s ease,transform .34s ease,visibility 0s linear .3s;font-size:15px;font-weight:600;line-height:1.5;color:#fff;font-family:'Pretendard',sans-serif;max-width:min(460px,93vw)}
.tst.on{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1);transition:opacity .36s ease,transform .52s cubic-bezier(.34,1.45,.4,1),visibility 0s}
.tst-ico{width:32px;height:32px;border-radius:50%;flex:none;background:url('image/logo/aiot.png') center/contain no-repeat}
.tst-msg{flex:1 1 auto;min-width:0}
.tst.err{background:linear-gradient(#1a0b0f,#1a0b0f) padding-box,linear-gradient(90deg,#ef4444,#f87171,#ef4444) border-box;box-shadow:0 16px 44px rgba(0,0,0,.55),0 0 20px rgba(239,68,68,.32)}
@media(max-width:640px){.tst{left:50%;right:auto;bottom:20px;width:auto;max-width:calc(100vw - 28px);align-items:flex-start;text-align:left;border-radius:15px;gap:10px;padding:12px 15px;font-size:13.5px;line-height:1.5;transform:translateX(-50%) translateY(140%) scale(1)}.tst.on{transform:translateX(-50%) translateY(0) scale(1)}.tst-ico{width:24px;height:24px;margin-top:1px}}