.cf-offcanvas-overlay{
  position:fixed;
  inset:0;
  background:rgba(1,8,5,.42);
  backdrop-filter:blur(2px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease, visibility .28s ease;
  z-index:1340;
}
.cf-offcanvas{
  position:fixed;
  top:0;
  left:0;
  right:auto;
  bottom:0;
  width:min(360px,86vw);
  height:100vh;
  margin:0;
  padding:18px;
  background:rgba(8,20,16,.97);
  border-right:1px solid rgba(255,255,255,.10);
  box-shadow:24px 0 48px rgba(0,0,0,.32);
  transform:translate3d(-100%,0,0);
  transition:transform .36s cubic-bezier(.22,.61,.36,1);
  visibility:hidden;
  pointer-events:none;
  z-index:1350;
}
html.cf-offcanvas-open .cf-offcanvas,
body.cf-offcanvas-open .cf-offcanvas{transform:translate3d(0,0,0); visibility:visible; pointer-events:auto}
html.cf-offcanvas-open .cf-offcanvas-overlay,
body.cf-offcanvas-open .cf-offcanvas-overlay{opacity:1; visibility:visible; pointer-events:auto}
.cf-offcanvas-header{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px}
.brand-mini .header-title{font-size:1.2rem}
.brand-mini .header-logo-fallback{width:40px;height:40px;font-size:.9rem}
.brand-mini .header-tag{display:none}
.cf-menu{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.cf-menu a{display:block; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.04)}
.cf-offcanvas-footer{margin-top:auto; padding-top:20px; color:var(--cf-muted)}