/* Shared shell only. Do not import Home's page reset into existing templates. */
html.gxz-app-shell{--gxz-nav-space:calc(86px + env(safe-area-inset-bottom,0px))}
#gxz-app-nav{box-sizing:border-box;position:fixed;z-index:100050;bottom:calc(10px + env(safe-area-inset-bottom,0px) + var(--gxz-keyboard-offset,0px));left:50%;right:auto;transform:translateX(-50%);width:min(520px,calc(100% - 32px));height:auto;margin:0;padding:5px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #8e769b50;border-radius:50px;background:#26232ae8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 6px 30px #0008;line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;isolation:isolate}
#gxz-app-nav *{box-sizing:border-box}
#gxz-app-nav a{display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;min-width:0;min-height:54px;margin:0;padding:5px 1px;border:0;border-radius:35px;background:transparent;color:#f8f4fa;text-decoration:none;font-size:10px;line-height:1.2;font-weight:500;letter-spacing:0;text-align:center;box-shadow:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#gxz-app-nav a svg{display:block;width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2.3;pointer-events:none}
#gxz-app-nav a[aria-current]{background:#ffffff21;color:#ff48b3}
#gxz-app-nav a:hover{background:#ffffff13}
#gxz-app-nav a:focus-visible{outline:2px solid #ff9ad4;outline-offset:1px}
html.gxz-app-shell body{padding-bottom:var(--gxz-nav-space)!important}
html.gxz-app-shell body.gxz-home{padding-bottom:0!important}
html.gxz-app-shell #gxz-discover-root,html.gxz-app-shell #gxz-flow-root{bottom:var(--gxz-nav-space)!important;height:auto!important;padding-bottom:0!important}
html.gxz-app-shell .gxz-dash-main,html.gxz-app-shell .gxz-ep-shell{padding-bottom:calc(var(--gxz-nav-space) + 24px)!important}
html.gxz-app-shell .gxz-join-wrap{padding-bottom:calc(var(--gxz-nav-space) + 24px)!important}
/* Place footer navigation directly under body so theme transforms cannot trap it. */
@media(min-width:761px){#gxz-app-nav a{min-height:57px;font-size:11px}}
@media(prefers-reduced-motion:no-preference){#gxz-app-nav a{transition:background .18s,color .18s}}