#paxon-mobile-nav{display:none}
@media(max-width:900px){
 :root{--paxon-bottom-space:calc(100px + env(safe-area-inset-bottom,0px) + var(--paxon-nav-occluded,0px))}
 #paxon-mobile-nav{position:fixed;z-index:45;left:0;right:0;top:var(--paxon-nav-top,calc(100dvh - 74px - env(safe-area-inset-bottom,0px)));bottom:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-sizing:border-box;min-height:74px;padding:6px max(4px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px));background:#000;color:#fff;box-shadow:0 -3px 14px #0002}
 #paxon-mobile-nav .paxon-mobile-item{position:relative;display:grid;grid-template-rows:30px 26px;justify-items:center;align-content:start;gap:2px;min-width:0;min-height:62px;margin:0;padding:0 2px;border:0;background:transparent;color:#fff;font-family:inherit;font-size:11px;font-weight:400!important;line-height:13px;cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent}
 #paxon-mobile-nav .paxon-mobile-icon{position:relative;display:grid;place-items:center;align-self:center;width:28px;height:28px;color:inherit}
 #paxon-mobile-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
 #paxon-mobile-nav .paxon-mobile-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0;max-width:100%;color:inherit;text-align:center;overflow-wrap:anywhere;align-self:center}
 #paxon-mobile-nav .paxon-mobile-mine-orb{position:absolute;top:-25px;left:50%;transform:translateX(-50%);display:grid;place-items:center;box-sizing:border-box;width:58px;height:58px;border:0;border-radius:50%;background:#000;color:#fff;box-shadow:none}
 #paxon-mobile-nav .paxon-mobile-mine-orb img{display:block;width:48px;height:48px;object-fit:contain;border-radius:50%;filter:none;pointer-events:none}
 #paxon-mobile-nav .paxon-mobile-item.is-active{color:#55dfc3}
 #paxon-mobile-nav .paxon-mobile-item:focus-visible{outline:2px solid #55dfc3;outline-offset:-2px}
 .content{padding-bottom:var(--paxon-bottom-space)!important}
 html{scroll-padding-bottom:var(--paxon-bottom-space)}
 main input,main textarea,main select,main button{scroll-margin-bottom:var(--paxon-bottom-space)}
 body.security-page .content{height:calc(100dvh - 78px - var(--paxon-bottom-space))!important;min-height:0!important;overflow-y:auto!important;padding-bottom:12px!important}
 body.security-page main{padding-bottom:var(--paxon-bottom-space);box-sizing:border-box}
}

/* V144.5: outlined mining orb and no empty strip below navigation. */
@media(max-width:900px){
 :root{--paxon-bottom-space:calc(88px + var(--paxon-nav-occluded,0px))}
 #paxon-mobile-nav{top:var(--paxon-nav-top,calc(100dvh - 68px));min-height:68px;padding-bottom:0}
 #paxon-mobile-nav .paxon-mobile-mine-orb{border:1px solid #fff}
}

/* V144.6: softly fading separation around the black mining orb. */
@media(max-width:900px){
 #paxon-mobile-nav .paxon-mobile-mine-orb{border:1px solid rgba(255,255,255,.08);box-shadow:0 0 3px 1px rgba(255,255,255,.14),0 0 8px 2px rgba(255,255,255,.06)}
}

/* V144.8: visible soft rim without a solid white outline. */
@media(max-width:900px){
 #paxon-mobile-nav .paxon-mobile-mine-orb{border:1px solid rgba(255,255,255,.22);box-shadow:0 0 4px 1px rgba(255,255,255,.32),0 0 10px 3px rgba(255,255,255,.14)}
}

/* V144.9: broader soft light and a slow logo rotation. */
@keyframes paxon-mobile-logo-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:900px){
 #paxon-mobile-nav .paxon-mobile-mine-orb{border:1px solid rgba(255,255,255,.26);box-shadow:0 0 5px 2px rgba(255,255,255,.40),0 0 15px 5px rgba(255,255,255,.20)}
 #paxon-mobile-nav .paxon-mobile-mine-orb img{transform-origin:center;animation:paxon-mobile-logo-turn 36s linear infinite}
}
@media(prefers-reduced-motion:reduce){
 #paxon-mobile-nav .paxon-mobile-mine-orb img{animation:none}
}

/* R16: bottom edge includes the safe area; viewport adjustments never leave a strip. */
@media(max-width:900px){
 :root{--paxon-bottom-space:calc(88px + env(safe-area-inset-bottom,0px) + var(--paxon-nav-occluded,0px))}
 #paxon-mobile-nav{position:fixed!important;top:auto!important;bottom:var(--paxon-nav-bottom,0px)!important;left:0!important;right:0!important;width:auto!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:calc(68px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)!important;background:#000!important}
}

/* R28: desktop uses the same five actions and raised logo as mobile. */
@media(min-width:901px){
 :root{--paxon-bottom-space:88px}
 body{padding-bottom:88px!important}
 #paxon-mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed!important;z-index:1100;left:0!important;right:0!important;top:auto!important;bottom:0!important;transform:none!important;width:100%!important;box-sizing:border-box;min-height:68px;padding:6px 4px 0!important;margin:0!important;background:#000;color:#fff;border:0!important;border-radius:0!important;box-shadow:none!important}
 #paxon-mobile-nav .paxon-mobile-item{position:relative;display:grid;grid-template-rows:30px 26px;justify-items:center;align-content:start;gap:2px;min-width:0;min-height:62px;margin:0;padding:0 2px;border:0;background:transparent;color:#fff;font-family:inherit;font-size:11px;font-weight:400!important;line-height:13px;cursor:pointer;border-radius:8px}
 #paxon-mobile-nav .paxon-mobile-icon{position:relative;display:grid;place-items:center;align-self:center;width:28px;height:28px;color:inherit}
 #paxon-mobile-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
 #paxon-mobile-nav .paxon-mobile-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0;max-width:100%;color:inherit;text-align:center;overflow-wrap:anywhere;align-self:center}
 #paxon-mobile-nav .paxon-mobile-mine-orb{position:absolute;top:-25px;left:50%;transform:translateX(-50%);display:grid;place-items:center;box-sizing:border-box;width:58px;height:58px;border-radius:50%;background:#000}
 #paxon-mobile-nav .paxon-mobile-mine-orb img{display:block;width:48px;height:48px;object-fit:contain;border-radius:50%;pointer-events:none}
 #paxon-mobile-nav .paxon-mobile-item.is-active{color:#55dfc3}
 #paxon-mobile-nav .paxon-mobile-item:focus-visible{outline:2px solid #55dfc3;outline-offset:-2px}
 html{scroll-padding-bottom:88px}
}
#paxon-mobile-nav .paxon-mobile-mine-orb{isolation:isolate;border:1px solid #ffffff42;box-shadow:0 0 5px 2px #ffffff66,0 0 15px 5px #ffffff33}
#paxon-mobile-nav .paxon-mobile-mine-orb img{transform-origin:center;animation:paxon-mobile-logo-turn 36s linear infinite}
#paxon-mobile-nav .paxon-mobile-mine-orb::before{content:"";position:absolute;inset:-9px;border:1px solid #77ffeab3;border-radius:50%;pointer-events:none;animation:paxon-logo-light-out 2.8s ease-out infinite}
@keyframes paxon-logo-light-out{0%{transform:scale(.75);opacity:.8;box-shadow:0 0 8px #55dfc380}100%{transform:scale(1.6);opacity:0;box-shadow:0 0 22px #55dfc300}}
@media(prefers-reduced-motion:reduce){#paxon-mobile-nav .paxon-mobile-mine-orb img,#paxon-mobile-nav .paxon-mobile-mine-orb::before{animation:none!important}}

/* R30: lift central logo 4px and soften only its white light. */
#paxon-mobile-nav .paxon-mobile-mine-orb{top:-29px!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 0 5px 2px rgba(255,255,255,.28),0 0 15px 5px rgba(255,255,255,.13)!important}

/* R37: a single viewport owner; hide the bar while a software keyboard is open. */
#paxon-mobile-nav{position:fixed!important;top:auto!important;bottom:var(--paxon-nav-bottom,0px)!important;z-index:1100!important;transform:none!important}
html body #paxon-mobile-nav.paxon-keyboard-hidden{display:none!important}
@media(max-width:900px){#orgModal{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}}

/* R43: one persistent, centered capsule on office and packaged HOME screens.
   Only the background is translucent; controls retain full opacity. */
:root{--paxon-bottom-space:calc(126px + env(safe-area-inset-bottom,0px) + var(--paxon-nav-occluded,0px))}
html body #paxon-mobile-nav{
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));
 position:fixed!important;top:auto!important;left:50%!important;right:auto!important;
 bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--paxon-nav-bottom,0px))!important;
 transform:translateX(-50%)!important;
 width:min(560px,calc(100% - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))!important;
 box-sizing:border-box;min-height:72px!important;margin:0!important;padding:8px 10px 4px!important;
 border:1px solid rgba(255,255,255,.16)!important;border-radius:26px!important;
 background:rgba(5,7,10,.88)!important;color:#fff;opacity:1!important;
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
 box-shadow:0 8px 28px rgba(0,0,0,.22)!important;z-index:1100!important;
}
html body #paxon-mobile-nav .paxon-mobile-item{min-height:58px!important;min-width:0;opacity:1;filter:none;grid-template-rows:28px 24px;gap:2px;border-radius:16px}
html body #paxon-mobile-nav .paxon-mobile-icon,html body #paxon-mobile-nav .paxon-mobile-label{opacity:1;filter:none}
html body #paxon-mobile-nav .paxon-mobile-item:hover{background:rgba(255,255,255,.06)}
html body #paxon-mobile-nav .paxon-mobile-mine-orb{top:-25px!important}
html body #paxon-mobile-nav.paxon-keyboard-hidden{display:none!important}
html{scroll-padding-bottom:var(--paxon-bottom-space)!important}
@media(max-width:360px){html body #paxon-mobile-nav{padding-inline:5px!important;border-radius:22px!important}html body #paxon-mobile-nav .paxon-mobile-item{font-size:10px}}

/* R49: preserve clear space between the central logo and Mining label. */
html body #paxon-mobile-nav .paxon-mobile-mine-orb{top:-34px!important}