.bnav{z-index:50;padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(22px)saturate(150%);background:linear-gradient(#0e1422e6 0%,#080c14fb 60%,#060910fe 100%);border-top:1px solid #94bef01a;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -20px 44px -26px #000000f2}.bnav:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#94bef061,#0000);height:1px;position:absolute;top:0;left:14%;right:14%}.bnav-item{color:#94bef080;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:46px;padding:9px 2px 7px;text-decoration:none;transition:color .18s;display:flex;position:relative}.bnav-item:active{color:#c8defcd9}.bnav-item.active{color:#cfe2ff}.bnav-item.active:before{content:"";background:linear-gradient(90deg,#60a5fa00,#60a5fa 38%,#38bdf8 62%,#38bdf800);border-radius:0 0 3px 3px;width:26px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #60a5fab3}.bnav-icon{width:21px;height:21px;transition:filter .2s,transform .2s}.bnav-item.active .bnav-icon{color:#60a5fa;filter:drop-shadow(0 0 8px #60a5fa8c)}.bnav-icon path,.bnav-icon circle,.bnav-icon rect,.bnav-icon polygon,.bnav-icon line,.bnav-icon polyline{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.bnav-item.active .bnav-icon path,.bnav-item.active .bnav-icon circle,.bnav-item.active .bnav-icon rect{stroke-width:1.9px}.bnav-label{letter-spacing:.2px;white-space:nowrap;opacity:.8;font-size:9.5px;font-weight:600;line-height:1;transition:color .18s,opacity .18s}.bnav-item.active .bnav-label{color:#93c5fd;opacity:1}.bnav-spinner{border:2px solid #60a5fa26;border-top-color:#60a5fa;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite bnav-spin;display:none}.bnav-item.loading .bnav-icon{display:none}.bnav-item.loading .bnav-spinner{display:block}.bnav-item.loading .bnav-label{opacity:.45}@keyframes bnav-spin{to{transform:rotate(360deg)}}.bnav-online-dot{background:#22c55e;border:2px solid #0a0f19f2;border-radius:50%;width:7px;height:7px;margin-right:-15px;position:absolute;top:9px;right:50%;box-shadow:0 0 8px 1px #22c55e80}@keyframes bnavPlayIcon{0%,to{filter:drop-shadow(0 0 6px #34d39966);transform:scale(1)}50%{filter:drop-shadow(0 0 12px #34d39999);transform:scale(1.15)}}@keyframes bnavLabelShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes bnavOrbitDot{0%{opacity:1;transform:rotate(0)translate(8px)scale(1)}50%{opacity:.4;transform:rotate(180deg)translate(8px)scale(.4)}to{opacity:1;transform:rotate(360deg)translate(8px)scale(1)}}.bnav-return{color:#34d399!important}.bnav-return:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#34d39938,#0000 72%);border-radius:50%;width:96px;height:62px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.bnav-return.active:before{background:linear-gradient(90deg,#34d39900,#34d399 38%,#6ee7b7 62%,#6ee7b700);box-shadow:0 0 10px #34d399b3}.bnav-return .bnav-icon{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.bnav-return.active .bnav-icon{color:#34d399;filter:none}.bnav-return .bnav-play{animation:2.2s ease-in-out infinite bnavPlayIcon}.bnav-return .bnav-play svg{display:block}.bnav-return .bnav-play svg polygon{stroke:#34d399;fill:none;stroke-width:2.2px;stroke-linejoin:round}.bnav-return .bnav-orbit{width:24px;height:24px;display:none;position:relative}.bnav-return .bnav-orbit-dot{border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;animation:1.2s ease-in-out infinite bnavOrbitDot;position:absolute;top:50%;left:50%}.bnav-return .bnav-orbit-dot:first-child{background:#34d399;animation-delay:0s}.bnav-return .bnav-orbit-dot:nth-child(2){background:#6ee7b7;animation-delay:.2s}.bnav-return .bnav-orbit-dot:nth-child(3){background:#a7f3d0;animation-delay:.4s}.bnav-return:active .bnav-play{animation:none;transform:scale(.85)}.bnav-return.loading .bnav-play{display:none}.bnav-return.loading .bnav-orbit{display:block}.bnav-return.loading .bnav-icon{display:flex!important}.bnav-return-label{z-index:1;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(90deg,#34d399,#6ee7b7,#34d399) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:9.5px;font-weight:800;line-height:1;animation:3s linear infinite bnavLabelShimmer;position:relative}@media (prefers-reduced-motion:reduce){.bnav-return .bnav-play,.bnav-return .bnav-orbit-dot,.bnav-return-label,.bnav-spinner{animation:none!important}}