.pill-nav-container{position:relative;z-index:50;width:max-content}.pill-nav{--nav-h: 46px;--pill-pad-x: 20px;--pill-gap: 4px;width:max-content;display:flex;align-items:center;gap:10px;box-sizing:border-box}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:var(--color-card);border:1px solid var(--color-border);border-radius:9999px;box-shadow:0 12px 34px #0f170f14}.pill-logo{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--color-card);border:1px solid var(--color-border);padding:7px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.pill-logo img{width:100%;height:100%;object-fit:contain;display:block}.pill-list{list-style:none;display:flex;align-items:stretch;gap:var(--pill-gap);margin:0;padding:4px;height:100%}.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:transparent;color:var(--color-foreground);text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:600;font-size:15px;line-height:0;letter-spacing:.2px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--base, var(--color-primary));z-index:1;display:block;pointer-events:none;will-change:transform}.pill .label-stack{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{position:relative;z-index:2;display:inline-block;line-height:1;will-change:transform}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text, #fff);z-index:3;display:inline-block;will-change:transform,opacity}.pill.is-active{color:var(--base, var(--color-primary))}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:1023px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{width:var(--nav-h, 46px);height:var(--nav-h, 46px);border-radius:50%;background:var(--color-card);border:1px solid var(--color-border);display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;position:relative;box-shadow:0 8px 22px #0f170f14}@media(max-width:1023px){.mobile-menu-button{display:flex}}.hamburger-line{width:17px;height:2px;background:var(--color-primary);border-radius:1px;transition:all .01s ease;transform-origin:center}.mobile-menu-popover{position:absolute;top:calc(var(--nav-h, 46px) + .75rem);right:0;left:auto;width:18rem;max-height:82vh;overflow-y:auto;background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 24px 56px #0f170f29,0 2px 8px #0f170f0f;z-index:998;opacity:0;transform-origin:top right;visibility:hidden;padding:8px}.mobile-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.mobile-menu-popover .mobile-menu-link{display:flex;align-items:center;padding:10px 14px;color:var(--color-foreground);background-color:transparent;text-decoration:none;font-size:15px;font-weight:600;border-radius:12px;transition:background .18s ease,color .18s ease}.mobile-menu-popover .mobile-menu-link:hover{background-color:color-mix(in oklab,var(--base, var(--color-primary)) 8%,transparent);color:var(--base, var(--color-primary))}.mobile-menu-popover .mobile-menu-link.is-active{color:var(--base, var(--color-primary));background-color:color-mix(in oklab,var(--base, var(--color-primary)) 8%,transparent)}.mobile-menu-popover .mobile-menu-link--parent{display:flex;align-items:center;gap:8px;padding:10px 14px 8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--base, var(--color-primary));pointer-events:none;cursor:default;border-radius:10px;margin-top:4px}.mobile-menu-popover .mobile-menu-link--parent:before{content:"";display:inline-block;width:3px;height:13px;border-radius:2px;background:var(--base, var(--color-primary));flex-shrink:0}.mobile-menu-sub-list{list-style:none;margin:0 0 4px;padding:0 0 6px;display:flex;flex-direction:column;gap:1px;border-bottom:1px solid var(--color-border)}.mobile-menu-sub-link{display:flex;align-items:center;gap:6px;padding:8px 12px 8px 20px;color:var(--color-muted-foreground);text-decoration:none;font-size:13.5px;font-weight:500;border-radius:10px;transition:background .15s ease,color .15s ease;position:relative}.mobile-menu-sub-link:before{content:"›";font-size:16px;line-height:1;color:color-mix(in oklab,var(--base, var(--color-primary)) 50%,transparent);flex-shrink:0}.mobile-menu-sub-link:hover{background-color:color-mix(in oklab,var(--base, var(--color-primary)) 8%,transparent);color:var(--base, var(--color-primary))}.mobile-menu-sub-link:hover:before{color:var(--base, var(--color-primary))}.pill-dropdown-wrapper{position:static}.pill-dropdown-panel{position:fixed;top:78px;left:50%;transform:translate(-50%) translateY(-6px);width:max-content;min-width:520px;background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 20px 60px #0f170f21;padding:8px;z-index:999;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.pill-dropdown-wrapper:hover .pill-dropdown-panel,.pill-dropdown-panel:hover{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.pill-dropdown-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.pill-dropdown-link{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;text-decoration:none;transition:background .15s ease}.pill-dropdown-link:hover{background:color-mix(in oklab,var(--base, var(--color-primary)) 10%,transparent)}.pill-dropdown-link__label{font-size:13.5px;font-weight:600;color:var(--color-foreground);white-space:nowrap}.pill-dropdown-link:hover .pill-dropdown-link__label{color:var(--base, var(--color-primary))}.pill-dropdown-link__desc{font-size:11.5px;color:var(--color-muted-foreground, #888);white-space:nowrap}