.nav{padding-top:env(safe-area-inset-top,0px)}.app-nav{align-items:center;gap:4px;display:flex}.app-nav .tab{color:var(--fs-text-secondary);text-decoration:none;display:inline-block}.app-nav .tab:hover{color:#fff}.app-nav .tab.active{color:#fff;background:var(--fs-accent-light);border-color:var(--fs-accent-border)}.view-tabs{flex-wrap:wrap;gap:4px;padding:18px 0 0;display:flex}@media (max-width:1000px){.app-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav .tab{white-space:nowrap;padding:8px 10px;font-size:.78rem}}@media (max-width:760px){.nav{padding-top:0;padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0;border-top:1px solid var(--fs-border-color);position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #00000073}body{padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}.nav .container{max-width:none;padding:0}.nav-inner{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;height:58px;padding:0 12px;overflow:auto hidden}.nav-inner::-webkit-scrollbar{display:none}.nav-inner>*{flex:none}.brand{gap:7px;font-size:1rem}.brand .mark{background-position:-8px -49px;background-size:136.5px 136.5px;width:24px;height:27px}.app-nav{gap:2px;overflow:visible}.app-nav .tab{white-space:nowrap;padding:9px 12px;font-size:.76rem}.nav-right{gap:10px;margin-left:0;padding-left:2px}.avatar span{display:none}}html[data-native-app] .nav{display:none}html[data-native-app] body{padding-bottom:0}html[data-native-app] [data-purchase-cta]{display:none!important}
