.offline-banner[data-v-0ddcf0ae]{align-items:center;background:var(--color-warning-bg);border-bottom:1px solid var(--color-warning);color:var(--color-warning);display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;gap:8px;left:0;padding:10px 16px;position:fixed;right:0;top:0;z-index:9999}.offline-banner__icon[data-v-0ddcf0ae]{flex-shrink:0}.banner-enter-active[data-v-0ddcf0ae],.banner-leave-active[data-v-0ddcf0ae]{max-height:60px;overflow:hidden;transition:max-height .25s ease,opacity .25s ease}.banner-enter-from[data-v-0ddcf0ae],.banner-leave-to[data-v-0ddcf0ae]{max-height:0;opacity:0}.bottom-nav[data-v-ee981b77]{background:var(--bg-elevated);border-top:1px solid rgba(30,26,22,.08);bottom:0;box-shadow:0 -4px 20px #1e1a1614;display:flex;left:50%;max-width:430px;padding:8px 0 20px;position:fixed;transform:translate(-50%);width:100%;z-index:100}.nav-tab[data-v-ee981b77]{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;flex:1;flex-direction:column;gap:3px;padding:4px 0;text-decoration:none;transition:all .2s}.nav-icon[data-v-ee981b77]{font-size:21px;line-height:1;transition:transform .2s}.nav-label[data-v-ee981b77]{color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.3px;transition:color .2s}.nav-tab.active .nav-label[data-v-ee981b77]{color:var(--color-brand)}.nav-tab.active .nav-icon[data-v-ee981b77]{transform:translateY(-2px)}