.mkb-ticker{position:fixed;left:16px;bottom:16px;z-index:35;display:flex;align-items:center;gap:10px;max-width:min(360px,calc(100vw - 32px));padding:12px 40px 12px 12px;background:#fff;border:1px solid #d5dee8;border-left:4px solid #0b2544;border-radius:6px;box-shadow:0 6px 20px rgba(11,37,68,.16);color:#0b2544;font-size:14px;line-height:1.5;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.mkb-ticker.is-on{opacity:1;transform:none;pointer-events:auto}
.mkb-ticker-icon{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#e8eef5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b2544' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18M9 15l2 2 4-4'/%3E%3C/svg%3E") center/18px no-repeat}
.mkb-ticker-body{margin:0;min-width:0}
.mkb-ticker-text{display:block;font-weight:700;overflow-wrap:anywhere}
.mkb-ticker-when{display:block;color:#5b6b7c;font-size:12px}
.mkb-ticker-close{position:absolute;top:4px;right:4px;width:32px;height:32px;padding:0;border:0;background:none;color:#5b6b7c;font-size:18px;line-height:1;cursor:pointer}
.mkb-ticker-close:focus-visible{outline:2px solid #0b2544;outline-offset:1px}
@media (max-width:480px){.mkb-ticker{left:12px;right:12px;bottom:12px;max-width:none;font-size:13px}}
@media (prefers-reduced-motion:reduce){.mkb-ticker{transition:none;transform:none}}
.mkb-live .demo-note{display:none}