.bottom-bar{box-sizing:border-box;z-index:999;-webkit-backdrop-filter:blur(20px)saturate(180%);width:100%;height:60px;max-height:60px;padding:4px 0 env(safe-area-inset-bottom,4px);background:#fffffff0;border-top:1px solid #e3e6e9b3;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0215260f}@media (min-width:768px){.bottom-bar{display:none}}.tab{color:#02152673;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:8px 4px 6px;text-decoration:none;transition:color .2s;display:flex}.tab-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:32px;transition:background .2s,color .2s;display:flex}.tab-icon svg{stroke:currentColor;stroke-width:1.8px;fill:none;flex-shrink:0;width:22px;height:22px;transition:stroke .2s}.tab-label{font-size:10.5px;font-weight:500;font-family:var(--font-inter,sans-serif);white-space:nowrap;color:inherit;letter-spacing:.01em;line-height:1}.tab.active{color:#021526}.tab.active .tab-icon{color:#021526;background:#02152612}.tab.active .tab-icon svg{stroke:#021526}.tab.active .tab-label{font-weight:700}@media (hover:hover){.tab:not(.active):hover{color:#021526b3}.tab:not(.active):hover .tab-icon{background:#0215260a}}