:root{--bottom-nav-height:68px;--bottom-nav-margin:12px;--bottom-nav-bg:#ffffffeb;--bottom-nav-collar:#fff}[data-theme=dark]{--bottom-nav-bg:#0e1016e0;--bottom-nav-collar:#0e1016}.bottom-nav-bar{display:none}.bottom-nav-spacer{flex-shrink:0;height:0}@media (max-width:768px){.bottom-nav-bar{left:var(--bottom-nav-margin);right:var(--bottom-nav-margin);bottom:calc(var(--bottom-nav-margin) + env(safe-area-inset-bottom));z-index:45;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;transform:translateY(0)}.bottom-nav-bar.nav-hidden{transform:translateY(calc(100% + var(--bottom-nav-margin) + env(safe-area-inset-bottom) + 12px))}}@media (max-width:768px) and (display-mode:standalone){.bottom-nav-spacer{height:calc(var(--bottom-nav-height) + var(--bottom-nav-margin) * 2 + env(safe-area-inset-bottom))}}.bottom-nav-tabs{height:var(--bottom-nav-height);justify-content:space-around;align-items:center;display:flex;position:relative}.bottom-nav-bg-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.bottom-nav-svg-notch{width:100%;height:100%;fill:var(--bottom-nav-bg);stroke:#178a5340;stroke-width:1.2px;filter:drop-shadow(0 14px 34px #0000002e);-webkit-backdrop-filter:blur(28px)saturate(160%)}.bottom-nav-tab{z-index:1;cursor:pointer;height:100%;color:var(--text-secondary);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;justify-content:center;align-items:center;text-decoration:none;transition:color .25s,transform .15s;display:flex;position:relative}.bottom-nav-tab-pill{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:auto;max-width:calc(100% - 8px);height:44px;padding:4px 8px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.bottom-nav-tab.active .bottom-nav-tab-pill{background:#178a5329;box-shadow:inset 0 0 0 1px #178a5340}.bottom-nav-tab.active{color:#178a53}.bottom-nav-tab:active .bottom-nav-tab-pill{transform:scale(.92)}.bottom-nav-icon{width:22px;height:22px}.bottom-nav-label{letter-spacing:.1px;white-space:nowrap;font-size:10px;font-weight:500}.bottom-nav-tab.active .bottom-nav-label{color:#178a53;font-weight:700}.bottom-nav-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.bottom-nav-badge{color:#fff;border:1.5px solid var(--bg-primary);background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3.5px;font-size:9.5px;font-weight:800;display:flex;position:absolute;top:-4px;right:-8px}.bottom-nav-avatar{color:#178a53;background:#178a5326;border:1px solid #178a5366;border-radius:9999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10.5px;font-weight:900;display:flex}.bottom-nav-tab.active .bottom-nav-avatar{color:#fff;background:#178a53;border-color:#178a53}.bottom-nav-audio-dot{border:1.5px solid var(--bg-primary);cursor:pointer;background:#178a53;border-radius:9999px;width:9px;height:9px;position:absolute;top:-1px;right:-4px}.bottom-nav-audio-dot.playing{animation:1.6s ease-in-out infinite bottom-nav-audio-pulse}@keyframes bottom-nav-audio-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.35)}}.bottom-nav-tab-center{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:7px;display:flex;position:relative}.bottom-nav-fab{z-index:2;background:linear-gradient(135deg,#7fe8b8 0%,#5eead4 22%,#178a53 50%,#116b45 78%,#052e1b 100%);border-radius:9999px;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px -4px #178a5399}.bottom-nav-tab-center:active .bottom-nav-fab{transform:translate(-50%)scale(.92)}.bottom-nav-tab-center.active .bottom-nav-fab{box-shadow:0 14px 30px -4px #178a53d9}.bottom-nav-fab-icon{color:#fff;width:24px;height:24px}.bottom-nav-center-pill{z-index:1;border-radius:0;height:auto;margin-bottom:0;padding:0;box-shadow:none!important;background:0 0!important}.bottom-nav-center-label{letter-spacing:.1px;color:var(--text-secondary);text-align:center;white-space:nowrap;font-size:10px;font-weight:500;transition:color .2s}.bottom-nav-tab-center.active .bottom-nav-center-label{color:#178a53;font-weight:700}