/* NAB MACHINES v17 - force floating dark/light button visible on desktop and mobile */
:root{--nab-float-size:52px;--nab-float-gap:12px;}
.backtop{
  position:fixed!important;
  right:18px!important;
  left:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 88px)!important;
  z-index:2147483645!important;
  width:var(--nab-float-size)!important;
  height:var(--nab-float-size)!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#0f616c,#16828e)!important;
  color:#fff!important;
  border:2px solid rgba(255,255,255,.85)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.22)!important;
  text-decoration:none!important;
  font-size:24px!important;
  line-height:1!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .22s ease, transform .22s ease!important;
}
.backtop.show{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;}
.theme-toggle,
button.theme-toggle,
body > .theme-toggle{
  position:fixed!important;
  right:18px!important;
  left:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important;
  z-index:2147483646!important;
  width:var(--nab-float-size)!important;
  height:var(--nab-float-size)!important;
  min-width:var(--nab-float-size)!important;
  min-height:var(--nab-float-size)!important;
  max-width:var(--nab-float-size)!important;
  max-height:var(--nab-float-size)!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.92)!important;
  background:linear-gradient(135deg,#d7b470,#f3dc9b)!important;
  color:#09252a!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  font-size:23px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  transform:none!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  -webkit-tap-highlight-color:transparent!important;
}
.theme-toggle:hover{transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(0,0,0,.28)!important;}
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] button.theme-toggle{
  background:linear-gradient(135deg,#ffffff,#e7f7f8)!important;
  color:#0f616c!important;
  border-color:rgba(215,180,112,.96)!important;
}
@media(max-width:780px){
  :root{--nab-float-size:48px;}
  .backtop{right:14px!important;left:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 84px)!important;}
  .theme-toggle,button.theme-toggle,body > .theme-toggle{right:14px!important;left:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important;}
}
@media(max-width:420px){
  :root{--nab-float-size:46px;}
  .backtop{right:12px!important;left:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 82px)!important;}
  .theme-toggle,button.theme-toggle,body > .theme-toggle{right:12px!important;left:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important;}
}