.bottom-nav{-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-subtle);padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + var(--safe-area-bottom,0px));z-index:1000;transition:transform var(--animation-normal) var(--animation-easing);background:#fffffff2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);color:var(--text-tertiary);cursor:pointer;transition:all var(--animation-fast) var(--animation-easing);background:0 0;border:none;flex-direction:column;min-width:60px;font-family:inherit;text-decoration:none;display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 0 var(--radius-sm) var(--radius-sm);width:24px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-item.active .nav-icon-container{background:var(--primary-light);transform:scale(1.05)}.nav-icon-container{border-radius:var(--radius-md);width:32px;height:32px;transition:all var(--animation-fast) var(--animation-easing);justify-content:center;align-items:center;display:flex}.nav-item:active{transform:scale(.95)}.nav-label{font-size:var(--font-overline);font-weight:var(--font-medium);transition:color var(--animation-fast) var(--animation-easing)}.more-overlay{z-index:999;background:#0006;position:fixed;inset:0}.more-menu{bottom:70px;left:var(--space-4);right:var(--space-4);background:var(--bg-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-2);animation:.2s ease-out slideUp;position:fixed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.more-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-body-md);font-weight:var(--font-medium);text-decoration:none;transition:all .15s ease-out;display:flex}.more-item:active{background:var(--bg-surface)}.more-item.active{color:var(--primary);background:var(--primary-bg)}@media (prefers-color-scheme:dark){.bottom-nav{border-top-color:var(--border-default);background:#1f2937f2}}@media (width<=374px){.nav-item{padding:var(--space-2) var(--space-3);min-width:50px}.nav-icon-container{width:28px;height:28px}}