:root{--bnav-h:64px;--bnav-clear:116px}.bnav{z-index:9990;pointer-events:none;justify-content:center;max-width:calc(100vw - 24px);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;animation:.7s cubic-bezier(.16,1,.3,1) both bnavRise;display:flex;position:fixed;bottom:clamp(14px,2.4vw,26px);left:50%;transform:translate(-50%)}.bnav.scrolling{opacity:.6;transform:translate(-50%)translateY(16px)scale(.85)}.bnav.scrolling .bnav-inner{pointer-events:none}@keyframes bnavRise{0%{opacity:0;transform:translate(-50%)translateY(30px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.bnav-glow{filter:blur(26px);pointer-events:none;opacity:.9;background:radial-gradient(#00000073 0%,#0000 72%);border-radius:50%;width:80%;height:100px;animation:5s ease-in-out infinite bnavGlowPulse;position:absolute;top:-20px;left:50%;transform:translate(-50%)}@keyframes bnavGlowPulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.08)}}.bnav-inner{pointer-events:auto;scrollbar-width:none;-webkit-backdrop-filter:blur(14px)saturate(180%)brightness(1.06);background:#0c0e162e;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:2px;padding:8px 10px;display:flex;position:relative;overflow-x:auto;box-shadow:0 28px 72px #0000008c,inset 0 1px #ffffff14}.bnav-inner::-webkit-scrollbar{display:none}.bnav-inner:before{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000,#ffffff40 30%,#ffffff73 50%,#ffffff40 70%,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.bnav-bubble{pointer-events:none;opacity:0;z-index:1;-webkit-backdrop-filter:blur(14px)saturate(150%);width:0;height:0;transition:transform .55s cubic-bezier(.34, 1.62, .46, 1), width .55s cubic-bezier(.34, 1.62, .46, 1), height .42s var(--ease-smooth), opacity .3s ease;background:#ffffff1f;border:1px solid #ffffff26;border-radius:999px;position:absolute;top:0;left:0;box-shadow:inset 0 2px 4px #ffffff3d,0 4px 12px #00000026,0 0 22px #aac3eb6b}.bnav-bubble.visible{opacity:1;animation:4s ease-in-out infinite alternate liquidWobble}@keyframes liquidWobble{0%{border-radius:45% 55% 40% 60%/55% 45% 60% 40%}33%{border-radius:55% 45% 60% 40%/45% 55% 40% 60%}66%{border-radius:40% 60% 55% 45%/60% 40% 55% 45%}to{border-radius:45% 55% 40% 60%/55% 45% 60% 40%}}.bnav-bubble:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(115deg,#64646466 0%,#0000 35% 65%,#64646466 100%);padding:1.5px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bnav-item{z-index:2;color:#9aa3c0;font-family:var(--font-body);letter-spacing:.02em;white-space:nowrap;transform:translate(var(--bnav-mx,0px), var(--bnav-my,0px));border-radius:999px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;padding:9px 16px;font-size:.7rem;font-weight:600;text-decoration:none;transition:color .25s,transform .17s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.bnav-ico{font-size:1.05rem;line-height:1;transition:transform .3s cubic-bezier(.34,1.5,.5,1),filter .25s}.bnav-label{line-height:1;transition:color .25s,transform .25s}@keyframes bnavItemIn{0%{opacity:0}to{opacity:1}}.bnav-item{animation:.5s both bnavItemIn}.bnav-item:first-of-type{animation-delay:.3s}.bnav-item:nth-of-type(2){animation-delay:.37s}.bnav-item:nth-of-type(3){animation-delay:.44s}.bnav-item:nth-of-type(4){animation-delay:.51s}.bnav-item:nth-of-type(5){animation-delay:.58s}.bnav-item:nth-of-type(6){animation-delay:.65s}.bnav-item:nth-of-type(7){animation-delay:.72s}.bnav-item:nth-of-type(8){animation-delay:.79s}.bnav-item:hover{color:#fff}.bnav-item:hover .bnav-label{color:#e6edf8;transform:translateY(1px)}.bnav-item:hover .bnav-ico{filter:drop-shadow(0 0 10px #b4c8ebd9);transform:translateY(-3px)scale(1.16)rotate(-3deg)}.bnav-item:active .bnav-ico{transform:translateY(-1px)scale(.96)}.bnav-item.active{color:#fff}.bnav-item.active .bnav-ico{filter:drop-shadow(0 0 10px #ff2828d9);animation:2.6s ease-in-out infinite bnavIcoPulse}@keyframes bnavIcoPulse{0%,to{filter:drop-shadow(0 0 8px #ff282899)}50%{filter:drop-shadow(0 0 14px #ff3c28d9)}}@media (max-width:720px){.bnav{width:100%;padding:0 16px}.bnav-inner{justify-content:space-between;gap:0;width:100%;padding:6px 8px}.bnav-item{flex:1;gap:4px;padding:6px 0}.bnav-item .bnav-label{font-size:.65rem;display:block}.bnav-ico{font-size:1.25rem}}@media (max-width:380px){.bnav-item{padding:10px 9px}.bnav-ico{font-size:1.12rem}}.bnav-inner{transform-origin:50%;animation:.95s cubic-bezier(.22,1,.36,1) both bnavBootFill}@keyframes bnavBootFill{0%{clip-path:inset(0 49% round 999px);opacity:0;transform:scale(.96)}50%{clip-path:inset(0 round 999px);opacity:1;transform:scale(1.05)}68%{transform:scale(.985)}84%{transform:scale(1.012)}to{clip-path:inset(0 round 999px);opacity:1;transform:scale(1)}}.bnav-support-fab{z-index:9991;cursor:pointer;-webkit-tap-highlight-color:transparent;width:56px;height:56px;transition:transform .18s var(--ease-bounce), filter .25s ease;filter:drop-shadow(0 10px 22px #00000073)drop-shadow(0 0 16px #aadcff66);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;top:clamp(14px,2vw,22px);left:clamp(14px,2vw,22px);right:auto}.bnav-support-fab:hover{filter:drop-shadow(0 12px 26px #00000080)drop-shadow(0 0 28px #c8ebffa6);transform:scale(1.08)}.bnav-support-fab:active{transform:scale(.9)}.bnav-fab-body{-webkit-backdrop-filter:blur(5px)saturate(1.6)brightness(1.08);background:radial-gradient(circle at 38% 30%,#ffffff4d 0%,#ffffff0f 38%,#0000 60%),linear-gradient(155deg,#bee1ff24 0%,#142d5a33 100%);border:1px solid #ffffff73;border-radius:58% 42% 55% 45%/55% 48% 52% 45%;animation:7s ease-in-out infinite fabMorph,4.6s ease-in-out infinite fabFloat;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 7px 12px #ffffff8c,inset 0 -16px 20px #ffebf54d,inset 0 -3px 5px #ffffff8c,inset 6px 4px 12px #78c8ff2e,0 10px 26px #00000080}.bnav-fab-caustic{mix-blend-mode:screen;filter:blur(3px);pointer-events:none;background:radial-gradient(30% 26% at 32% 34%,#ffaacd8c 0%,#0000 60%),radial-gradient(30% 26% at 66% 42%,#96e6ff80 0%,#0000 62%),radial-gradient(26% 22% at 52% 70%,#ffcda573 0%,#0000 60%);animation:5.5s ease-in-out infinite fabCaustic;position:absolute;inset:-25%}.bnav-fab-shine{pointer-events:none;background:radial-gradient(#fffffffa 0%,#ffffff73 42%,#0000 70%);border-radius:50%;width:40%;height:30%;animation:4.6s ease-in-out infinite fabShine;position:absolute;top:12%;left:18%}.bnav-fab-shine2{filter:blur(.4px);pointer-events:none;background:#ffffffd9;border-radius:50%;width:18%;height:15%;animation:4.6s ease-in-out infinite fabShine2;position:absolute;top:22%;left:50%}.bnav-fab-streak{filter:blur(1px);pointer-events:none;background:radial-gradient(at bottom,#ffffffe6 0%,#ffc8e173 38%,#0000 68%);border-radius:50%;width:74%;height:30%;animation:4.6s ease-in-out infinite fabStreak;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}@keyframes fabMorph{0%,to{border-radius:58% 42% 55% 45%/55% 48% 52% 45%}25%{border-radius:45% 55% 48% 52%/48% 58% 42% 52%}50%{border-radius:52% 48% 60% 40%/42% 50% 50% 58%}75%{border-radius:48% 52% 42% 58%/60% 44% 56% 40%}}@keyframes fabFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(3deg)}}@keyframes fabCaustic{0%,to{opacity:.8;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(-7%,5%)scale(1.12)}}@keyframes fabShine{0%,to{opacity:.92;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(2px,2px)scale(1.09)}}@keyframes fabShine2{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.95;transform:scale(1.18)}}@keyframes fabStreak{0%,to{opacity:.7;transform:translate(-50%)scaleX(1)}50%{opacity:1;transform:translate(-50%)scaleX(1.06)}}@media (max-width:720px){.bnav-support-fab{width:50px;height:50px;top:14px;right:14px}}@media (prefers-reduced-motion:reduce){.bnav,.bnav-glow,.bnav-bubble,.bnav-inner,.bnav-item,.bnav-item.active .bnav-ico,.bnav-sweep:before,.bnav-support-fab,.bnav-fab-body,.bnav-fab-caustic,.bnav-fab-shine,.bnav-fab-shine2,.bnav-fab-streak{animation:none!important}.bnav-item{opacity:1!important}.bnav-fab-body{border-radius:56% 44% 52% 48%/52% 50% 50% 48%}.bnav-bubble{transition:opacity .2s}}