.navbar-wrapper.svelte-v9ojgq{position:fixed;bottom:env(safe-area-inset-bottom,0px);left:50%;transform:translate(-50%);width:92%;max-width:400px;z-index:35;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .4s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),max-width .5s cubic-bezier(.22,1,.36,1)}.navbar-wrapper.hidden-nav.svelte-v9ojgq{transform:translate(-50%) translateY(100px);opacity:0;pointer-events:none}.navbar-wrapper.pill-mode.svelte-v9ojgq{width:160px;max-width:160px;left:50%;transform:translate(-50%);bottom:max(3px,calc(env(safe-area-inset-bottom,0px) - 8px));pointer-events:auto!important;cursor:pointer}.navbar-wrapper.pill-mode.svelte-v9ojgq .glass-bar:where(.svelte-v9ojgq){height:18px;border-radius:9px;padding:0;gap:0;position:relative;z-index:1;background:linear-gradient(90deg,#3b82f6,#1e3a8a);border:none;box-shadow:0 2px 10px #1d4ed880,inset 0 1px #fff3}.navbar-wrapper.pill-mode.svelte-v9ojgq .liquid-drop:where(.svelte-v9ojgq){display:none}.navbar-wrapper.pill-mode.svelte-v9ojgq .nav-item:where(.svelte-v9ojgq){display:none!important}.glass-bar.svelte-v9ojgq{position:relative;display:flex;justify-content:space-around;align-items:center;padding:0;height:64px;border-radius:32px;background:#1e1e238c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);box-shadow:0 8px 24px #0006;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transition:height .5s cubic-bezier(.22,1,.36,1),border-radius .5s cubic-bezier(.22,1,.36,1),background .5s cubic-bezier(.22,1,.36,1),border .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1)}.liquid-drop.svelte-v9ojgq{position:absolute;top:50%;left:0;z-index:0;width:74px;height:52px;border-radius:26px;background:linear-gradient(180deg,#282832eb,#0c0c10f5);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 1px #ffffff14,inset 0 -1px 2px #0006,0 4px 12px #00000080,-6px 6px 12px -4px #ff32321f,0 8px 14px -4px #3278ff24,6px 6px 12px -4px #b432ff1a,-3px 7px 10px -3px #32ff7814,3px 8px 10px -3px #ffa01e14;will-change:left,transform;pointer-events:none;transition:opacity .3s ease}.drop-shine.svelte-v9ojgq{position:absolute;top:2px;left:10%;right:10%;height:40%;border-radius:20px 20px 50% 50%;background:linear-gradient(180deg,#ffffff1f,#fff0);pointer-events:none}.nav-item.svelte-v9ojgq{background:transparent;border:none;cursor:pointer;color:#ffffff73;display:flex;align-items:center;justify-content:center;flex:1;height:100%;border-radius:0;transition:color .35s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),flex .4s cubic-bezier(.22,1,.36,1),opacity .3s ease,padding .3s ease;position:relative;z-index:2;-webkit-tap-highlight-color:transparent;overflow:hidden}.nav-item.svelte-v9ojgq svg:where(.svelte-v9ojgq){width:24px;height:24px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.nav-item.active.svelte-v9ojgq{color:#fff}.nav-item.active.svelte-v9ojgq svg:where(.svelte-v9ojgq){transform:scale(1.12);filter:drop-shadow(0 0 6px rgba(255,255,255,.15))}.icon-wrapper.svelte-v9ojgq{position:relative;display:flex;align-items:center;justify-content:center}.badge.svelte-v9ojgq{position:absolute;top:-8px;right:-10px;background-color:#3b82f6;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid rgba(30,30,35,.8);box-shadow:0 2px 5px #0000004d}@media(hover:hover){.nav-item.svelte-v9ojgq:hover:not(.active){color:#fffc}}