.mobile-bottom-nav{position:fixed;bottom:12px;left:12px;right:12px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;z-index:100;padding:0 0 env(safe-area-inset-bottom,0);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.2);animation:slideUpIn .6s cubic-bezier(.4,0,.2,1);display:none}@media (max-width:767px){.mobile-bottom-nav{display:block}}.nav-container{justify-content:space-evenly;padding:10px 20px;max-width:500px;margin:0 auto;height:60px}.nav-container,.nav-item{display:flex;align-items:center;position:relative}.nav-item{flex-direction:column;justify-content:center;padding:12px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;border-radius:12px;min-width:48px;height:48px;color:#999;flex:1;text-decoration:none;animation:navItemFadeIn .5s ease-out;animation-fill-mode:both}.nav-item:first-child{animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.2s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:nth-child(4){animation-delay:.4s}.nav-item:nth-child(5){animation-delay:.5s}.nav-item:hover{color:#333}.nav-item.active{color:#007aff}.nav-item.center-item{background:#007aff;border-radius:50%;width:64px;height:64px;padding:0;justify-content:center;align-items:center;margin:-8px 16px 8px;box-shadow:0 4px 12px rgba(0,122,255,.25),0 1px 4px rgba(0,0,0,.1);flex:none;position:relative;z-index:2;border:none;animation:centerButtonPulse 4s ease-in-out infinite}.nav-item.center-item:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:rgba(0,122,255,.2);z-index:-1;opacity:0;animation:centerButtonGlow 4s ease-in-out infinite}.nav-item.center-item .nav-icon{color:#fff;font-size:28px;margin:0;line-height:1;font-weight:600}.nav-item.center-item .nav-label{display:none}.nav-item.center-item:hover{background:#0056d6;box-shadow:0 6px 16px rgba(0,122,255,.35),0 2px 6px rgba(0,0,0,.15);animation:none}.nav-item.center-item.active{background:#007aff;color:#fff;box-shadow:0 6px 18px rgba(0,122,255,.4),0 2px 8px rgba(0,0,0,.12)}.nav-icon{font-size:22px;line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.nav-label{display:none}.nav-item.active .nav-label{font-weight:600}.active-indicator{display:none}@media (prefers-color-scheme:dark){.mobile-bottom-nav{background:rgba(26,26,26,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.nav-item{color:#999}.nav-item:hover{background:hsla(0,0%,100%,.05);color:#fff}.nav-item.active{color:#0a84ff}}@media (max-width:480px){.nav-container{padding:8px 12px}.nav-item{padding:10px;min-width:44px;height:44px}.nav-icon{font-size:20px}.nav-item.center-item{width:64px;height:64px;margin:-6px 12px 6px}.nav-item.center-item .nav-icon{font-size:24px}}@media (max-width:360px){.nav-container{padding:6px 8px}.nav-item{padding:8px;min-width:40px;height:40px}.nav-icon{font-size:18px}.nav-item.center-item{width:56px;height:56px;margin:-5px 10px 5px}.nav-item.center-item .nav-icon{font-size:22px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion:reduce){.active-indicator,.mobile-bottom-nav,.nav-icon,.nav-item,.nav-item.center-item,.nav-item.center-item:before,.nav-label{animation:none!important;transition:none!important}.nav-item:hover,.nav-item:hover .nav-icon{transform:none!important}}.nav-item:focus{outline:2px solid #007aff;outline-offset:2px}.nav-item:focus-visible{outline:2px solid #007aff;outline-offset:2px}.nav-item:focus:not(:focus-visible){outline:none}@keyframes slideUpIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes navItemFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes centerButtonPulse{0%{box-shadow:0 4px 12px rgba(0,122,255,.25),0 1px 4px rgba(0,0,0,.1)}50%{box-shadow:0 6px 16px rgba(0,122,255,.35),0 2px 6px rgba(0,0,0,.12)}to{box-shadow:0 4px 12px rgba(0,122,255,.25),0 1px 4px rgba(0,0,0,.1)}}@keyframes centerButtonGlow{0%{opacity:0;transform:scale(.9)}50%{opacity:.4;transform:scale(1.05)}to{opacity:0;transform:scale(.9)}}