.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);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;opacity: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}.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:#ffffff40;backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media(prefers-color-scheme:dark){.glass-surface--fallback{background:#ffffff1a;backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";position:absolute;inset:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media(prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}
