.bottom-nav{display:none}@media (max-width: 768px){.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:60px;background:#18181b;border-top:1px solid #23232a;z-index:1000;justify-content:space-around;align-items:center;box-shadow:0 -2px 8px #00000026;padding-bottom:max(20px,env(safe-area-inset-bottom,0));padding-left:max(12px,env(safe-area-inset-left,0));padding-right:max(12px,env(safe-area-inset-right,0))}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e5e7eb;text-decoration:none;font-size:12px;padding:4px 0 0;transition:color .15s,background .15s;height:100%;border:none;background:none;outline:none}.bottom-nav__item:active{background:#23232a;color:#fff}.bottom-nav__item.active{color:#38bdf8;border-top:2px solid #38bdf8;background:#23232a}.bottom-nav__icon{display:flex;align-items:center;justify-content:center;margin-bottom:2px}.bottom-nav__label{font-size:11px;font-weight:500;letter-spacing:.01em}}.pwa-safe-area-spacer{height:calc(60px + env(safe-area-inset-bottom,0));min-height:60px;width:100%;background:transparent;border:none;padding:0}