.pill-nav-container{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:9999px;align-items:center;gap:8px;padding:6px 12px;transition:background .3s,border-color .3s;display:flex}.pill-nav-item{cursor:pointer;color:var(--text-secondary);font-family:var(--font-body);letter-spacing:.5px;z-index:10;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:0 0;border:none;border-radius:9999px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:10px 22px;font-size:14px;font-weight:500;transition:color .3s;display:flex;position:relative;overflow:hidden}.hover-circle{background:var(--color-accent);pointer-events:none;z-index:-1;transform-origin:50%;border-radius:50%;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)scale(0)}.pill-text-container{pointer-events:none;height:20px;display:block;position:relative;overflow:hidden}.pill-text-label{white-space:nowrap;height:20px;line-height:20px;transition:color .3s;display:block}.pill-text-label.hover-label{color:#000;width:100%;position:absolute;top:100%;left:0}.hamburger-btn{cursor:pointer;z-index:50;background:0 0;border:none;outline:none;flex-direction:column;justify-content:space-between;width:24px;height:14px;padding:0;display:flex}.hamburger-line{background-color:var(--color-text);transform-origin:50%;width:100%;height:2px;transition:transform .3s,background-color .3s}.hamburger-btn.open .line-top{transform:translateY(6px)rotate(45deg)}.hamburger-btn.open .line-bottom{transform:translateY(-6px)rotate(-45deg)}.mobile-nav-menu{background:var(--mobile-nav-bg);-webkit-backdrop-filter:blur(20px);z-index:40;opacity:0;visibility:hidden;width:100vw;height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .4s,visibility .4s,background-color .4s;display:flex;position:fixed;top:0;left:0}.mobile-nav-menu.open{opacity:1;visibility:visible}.mobile-nav-item{font-family:var(--font-display);color:var(--text-primary);letter-spacing:2px;cursor:pointer;background:0 0;border:none;font-size:32px;font-weight:700;transition:color .3s}.mobile-nav-item:hover{color:var(--color-accent)}@media (max-width:1150px){.pill-nav-item{padding:8px 14px;font-size:13px}.pill-nav-container{gap:4px;padding:6px 10px}}