.pill-nav-container{z-index:99;width:max-content;position:fixed;top:1.5em;left:50%;transform:translate(-50%)}@media (max-width:768px){.pill-nav-container{width:90%;max-width:2xl}}.pill-nav{--nav-h:50px;--pill-pad-x:22px;--pill-gap:3px;box-sizing:border-box;align-items:center;gap:4px;width:max-content;display:flex}@media (max-width:768px){.pill-nav{justify-content:space-between;width:100%}}.pill-nav-items{height:var(--nav-h);background:color-mix(in oklab, var(--base,#6d3bd7) 85%, transparent);-webkit-backdrop-filter:blur(16px);border-radius:9999px;align-items:center;display:flex;position:relative}.pill-logo{width:var(--nav-h);height:var(--nav-h);background:color-mix(in oklab, var(--base,#6d3bd7) 85%, transparent);-webkit-backdrop-filter:blur(16px);color:var(--color-on-primary,#fff);border-radius:50%;justify-content:center;align-items:center;margin-right:2px;text-decoration:none;display:inline-flex;overflow:hidden}.pill-list{align-items:stretch;gap:var(--pill-gap);height:100%;margin:0;padding:3px;list-style:none;display:flex}.pill-list>li{height:100%;display:flex}.pill{height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg,#fff);color:var(--pill-text,#1a1a2e);box-sizing:border-box;letter-spacing:.2px;white-space:nowrap;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;font-size:15px;font-weight:600;line-height:0;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pill .hover-circle{background:var(--base,#6d3bd7);z-index:1;pointer-events:none;will-change:transform;border-radius:50%;display:block;position:absolute;bottom:0;left:50%}.pill .label-stack{z-index:2;line-height:1;display:inline-block;position:relative}.pill .pill-label{z-index:2;will-change:transform;line-height:1;display:inline-block;position:relative}.pill .pill-label-hover{color:var(--hover-text,#fff);z-index:3;will-change:transform, opacity;display:inline-block;position:absolute;top:0;left:0}.pill.is-active:after{content:"";background:var(--base,#6d3bd7);z-index:4;border-radius:4px;width:20px;height:4px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}.pill-theme-toggle{width:var(--nav-h);height:var(--nav-h);background:color-mix(in oklab, var(--base,#6d3bd7) 85%, transparent);-webkit-backdrop-filter:blur(16px);cursor:pointer;color:var(--color-on-primary,#fff);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:inline-flex}.pill-theme-toggle:hover{opacity:.85}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);background:color-mix(in oklab, var(--base,#6d3bd7) 85%, transparent);-webkit-backdrop-filter:blur(16px);cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:none}@media (max-width:768px){.mobile-menu-button{display:flex}}.hamburger-line{background:var(--color-on-primary,#fff);transform-origin:50%;border-radius:1px;width:16px;height:2px}.mobile-menu-popover{top:calc(1.5em + var(--nav-h) + 8px);background:var(--color-surface-container,#e8e8e8);z-index:998;opacity:0;transform-origin:top;visibility:hidden;border:1px solid var(--color-border,#00000014);border-radius:27px;position:absolute;left:0;right:0;box-shadow:0 8px 32px #0000001f}.mobile-menu-list{flex-direction:column;gap:3px;margin:0;padding:3px;list-style:none;display:flex}.mobile-menu-popover .mobile-menu-link{color:var(--color-on-surface,#1a1a2e);background-color:#0000;border-radius:50px;padding:12px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-menu-popover .mobile-menu-link:hover{cursor:pointer;background-color:var(--color-primary,#6d3bd7);color:var(--color-on-primary,#fff)}