.page{display:none}.page.active{display:block;animation:pageFadeIn .25s ease}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page.active{animation:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--gc-card);border-top:1px solid var(--gc-border);z-index:50}.bottom-nav-inner{max-width:var(--gc-container-width);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);height:100%}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;color:var(--gc-muted-foreground);transition:color .2s}.nav-btn.active{color:var(--gc-primary);font-weight:600}.nav-btn svg{width:20px;height:20px}.nav-btn span{font-size:11px;line-height:1}.app-container{max-width:var(--gc-container-width);margin:0 auto;min-height:100vh;padding-bottom:64px;position:relative;overflow-x:hidden}@media (min-width:768px){.bottom-nav{height:72px}.app-container{padding-bottom:72px}.nav-btn svg{width:22px;height:22px}.nav-btn span{font-size:12px}}@media (min-width:1024px){.bottom-nav{height:76px}.app-container{padding-bottom:76px}.nav-btn svg{width:24px;height:24px}}@media (max-width:360px){.bottom-nav{height:60px}.app-container{padding-bottom:60px}.nav-btn span{font-size:10px}}