.glass-nav{--bg-color:hsla(0,0%,100%,.25);--highlight:hsla(0,0%,100%,.75);--text:#fff;border-radius:999px;overflow:hidden;background:transparent}.glass-filter,.glass-overlay,.glass-specular{position:absolute;inset:0;border-radius:inherit}.glass-filter{z-index:1;backdrop-filter:blur(4px);filter:url(#glass-distortion) saturate(120%) brightness(1.15)}.glass-overlay{z-index:2;background:var(--bg-color)}.glass-specular{z-index:3;box-shadow:inset 1px 1px 1px var(--highlight)}.glass-content{position:relative;z-index:4;padding:8px}.nav-list{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:24px}.nav-item{color:var(--text);text-decoration:none;border-radius:999px;transition:background-color .2s ease}.nav-item:hover{background-color:hsla(0,0%,100%,.1)}.nav-item.active{background-color:hsla(0,0%,100%,.2)}@media (prefers-color-scheme:dark){.glass-nav{--bg-color:rgba(0,0,0,.25);--highlight:hsla(0,0%,100%,.15)}}