:root{--bn-height:176px;--bn-padding-y:10px;--bn-icon-size:28px;--bn-font-size:24px;--bn-gap:6px;--bn-bg:#ffffff;--bn-border:#e5e7eb;--bn-inactive:#6c757d;--bn-badge-bg:#dc3545;--bn-badge-text:#ffffff;--bn-underline-width:50px;--bn-underline-height:2px;--bn-underline-offset:6px;--bn-badge-font:18px;--bn-badge-pad-x:8px;--bn-badge-pad-y:4px;--bn-badge-top:6px;--bn-badge-left:52%}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:var(--bn-height);background:var(--bn-bg);border-top:1px solid var(--bn-border);z-index:1000}.bottom-nav__container{max-width:1200px;margin:0 auto;height:100%;padding:0 12px}.bottom-nav__grid{display:grid;grid-template-columns:repeat(3,1fr);height:100%}.bottom-nav__item{position:relative;height:100%}.bottom-nav__btn{appearance:none;-webkit-appearance:none;border:0;background:0 0;cursor:pointer;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--bn-padding-y) 8px;color:var(--bn-inactive);text-align:center;user-select:none;-webkit-tap-highlight-color:transparent}.bottom-nav__icon{font-size:var(--bn-icon-size);line-height:1;margin-bottom:var(--bn-gap)}.bottom-nav__label{font-size:var(--bn-font-size);line-height:1.1}.bottom-nav__btn.is-active{color:var(--primary)}.bottom-nav__btn.is-active::before{content:"";position:absolute;top:var(--bn-underline-offset);left:50%;transform:translateX(-50%);width:var(--bn-underline-width);height:var(--bn-underline-height);background:var(--primary);border-radius:999px}.bottom-nav__badge{position:absolute;top:var(--bn-badge-top);left:var(--bn-badge-left);transform:translateX(-50%);background:var(--bn-badge-bg);color:var(--bn-badge-text);font-size:var(--bn-badge-font);line-height:1;padding:var(--bn-badge-pad-y) var(--bn-badge-pad-x);border-radius:999px;min-width:18px;text-align:center;z-index:2}.is-hidden{display:none!important}.has-bottom-nav{padding-bottom:var(--bn-height)}