.system-nav-container{z-index:9999;-webkit-backdrop-filter:blur(12px);opacity:0;background:#0a0a0a99;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.8s cubic-bezier(.2,.8,.2,1) .5s forwards slideUpFade;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 0 20px #00000080,inset 0 0 20px #ffffff0d}.system-nav-container:hover{border-color:#fff3;box-shadow:0 0 30px #0009,inset 0 0 30px #ffffff14}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.nav-item{color:#fff9;font-family:var(--font-geist-mono),monospace;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:.85rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:#fff;text-shadow:0 0 8px #ffffff80;background:#ffffff0d}.nav-item.active{color:#fff;text-shadow:0 0 12px #fffc;background:#ffffff1a;border:1px solid #ffffff1a;box-shadow:inset 0 0 10px #ffffff0d}.nav-item-icon{fill:currentColor;width:16px;height:16px;margin-right:.5rem;transition:transform .3s}.nav-item:hover .nav-item-icon{transform:scale(1.1)}.nav-item:hover:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:50%;height:100%;animation:.75s shine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shine{0%{left:-100%}to{left:200%}}@media (max-width:640px){.system-nav-container{gap:.25rem;width:auto;max-width:90vw;padding:.5rem .75rem;bottom:1.5rem}.nav-item{padding:.6rem .8rem;font-size:.75rem}.nav-item-icon{margin-right:0}.nav-item-text{display:none}}.active-indicator{opacity:0;background-color:#fff;border-radius:50%;width:4px;height:4px;transition:opacity .3s;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #fff}.nav-item.active .active-indicator{opacity:1}