.ck-mbar{--ck-line:#d6e1ec;--ck-amber:#f2c35a;--ck-navy:#16354B}
.ck-mbar { display: none; }
@media (max-width: 760px) {
  .ck-mbar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, .96); backdrop-filter: blur(8px); border-top: 1px solid var(--ck-line); box-shadow: 0 -10px 30px rgba(11, 23, 38, .1); transform: translateY(110%); transition: transform .35s cubic-bezier(.2, .8, .2, 1); }
  .ck-mbar.on { transform: none; }
  .ck-mbar a { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 12px; border-radius: 12px; font-weight: 800; text-decoration: none; }
  .ck-mbar .wa { background: #167E79; color: #fff; }
  .ck-mbar .cs { background: var(--ck-amber); color: var(--ck-navy); }
}

@media(prefers-reduced-motion:reduce){.ck-mbar{transition:none}}
.motion-paused .ck-mbar{transition:none}