/* nav.css — shared persistent bottom navigation (injected by nav.js). */
.imroll-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;
  display:flex;align-items:center;justify-content:space-around;
  height:60px;padding:0 8px;padding-bottom:env(safe-area-inset-bottom);
  background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border-top:1px solid var(--line,rgba(16,32,80,.10))}
.imroll-nav-btn{display:flex;align-items:center;justify-content:center;
  color:var(--muted-2,rgba(20,28,52,.42));text-decoration:none;
  padding:8px 20px;border-radius:14px;transition:color .2s,background .2s;cursor:pointer}
.imroll-nav-btn svg{width:24px;height:24px;display:block}
.imroll-nav-btn:hover{color:var(--text,#0a0e1a)}
.imroll-nav-btn.is-active{color:var(--accent,#00b4ff)}
/* pages that scroll add room for the fixed bar */
body.has-imroll-nav{padding-bottom:60px}

/* Low Power Mode — kill background animations/effects to save battery */
body.low-power *,body.low-power *::before,body.low-power *::after{
  animation:none!important;transition:none!important}
body.low-power .live-dot,body.low-power .spinner{animation:none!important}