.mbn-wrap{z-index:70;padding:0 .75rem calc(env(safe-area-inset-bottom) + .65rem);pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.mbn-wrap{display:none}}.mbn{pointer-events:auto;-webkit-backdrop-filter:blur(22px)saturate(150%);background:#05080fd1;border:1px solid #ffffff14;border-radius:1.4rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:.25rem;width:min(28rem,100% - .5rem);height:3.85rem;padding:.35rem .4rem;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff0f,0 -4px 24px -8px #0000008c,0 22px 40px -22px #000c,0 0 40px -20px #22c55e47}.mbn__side{justify-content:space-around;align-items:center;min-width:0;display:flex}.mbn__item{color:#94a3b8;letter-spacing:.01em;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;min-width:0;padding:.35rem .4rem;font-size:.62rem;font-weight:600;transition:color .18s,background .18s,transform .15s;display:flex;position:relative}.mbn__item:hover{color:#e2e8f0}.mbn__item:active{transform:scale(.94)}.mbn__item.is-active{color:#22c55e}.mbn__item.is-active .mbn__icon svg{filter:drop-shadow(0 0 6px #22c55e8c)}.mbn__item.is-disabled,.mbn__item:disabled{opacity:.45;cursor:not-allowed;color:#64748b;pointer-events:none}.mbn__icon{place-items:center;height:1.35rem;transition:transform .18s;display:grid;position:relative}.mbn__item-badge{color:#fff;background:linear-gradient(135deg,#ff5a7a,#ef4444);border:2px solid #05080feb;border-radius:999px;place-items:center;min-width:1.05rem;height:1.05rem;padding:0 .28rem;font-size:9px;font-weight:900;animation:2.4s ease-in-out infinite mbnBadgePulse;display:grid;position:absolute;top:-6px;right:-10px;box-shadow:0 0 0 3px #ef444438}.mbn__item:hover .mbn__icon{transform:translateY(-1px)}.mbn__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.1;overflow:hidden}.mbn__dot{opacity:0;background:#22c55e;border-radius:999px;width:3px;height:3px;transition:opacity .2s,transform .2s,width .2s;position:absolute;bottom:-.15rem;transform:scale(.5);box-shadow:0 0 6px #22c55ebf}.mbn__item.is-active .mbn__dot{opacity:1;border-radius:999px;width:12px;transform:scale(1)}.mbn__center{color:#06120a;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:3.35rem;height:3.35rem;margin:0 .35rem;transition:transform .18s,filter .18s;display:inline-flex;position:relative;transform:translateY(-.85rem)}.mbn__center:hover{transform:translateY(-1.05rem)}.mbn__center:active{transform:translateY(-.7rem)scale(.96)}.mbn__center-ring{filter:blur(4px);background:radial-gradient(circle at 50% 30%,#22c55e8c,#22c55e00 70%);border-radius:999px;animation:3.2s ease-in-out infinite mbnPulse;position:absolute;inset:-4px}@keyframes mbnPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.mbn__center-inner{border:2px solid color-mix(in srgb, var(--bg) 90%, transparent);background:linear-gradient(140deg,#4ade80 0%,#22c55e 45%,#16a34a 100%);border-radius:999px;place-items:center;width:100%;height:100%;display:grid;position:relative;box-shadow:inset 0 1.5px #ffffff73,inset 0 -6px 10px -6px #00000040,0 10px 22px -10px #22c55ea6}.mbn__center-inner svg{filter:drop-shadow(0 1px #00000026)}.mbn__center-label{color:#cbd5e1;letter-spacing:.02em;pointer-events:none;font-size:.6rem;font-weight:700;position:absolute;bottom:-.9rem}.mbn__badge{color:#fff;border:2px solid color-mix(in srgb, var(--bg) 90%, transparent);background:linear-gradient(135deg,#ff5a7a,#ef4444);border-radius:999px;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;font-size:10px;font-weight:900;animation:2.4s ease-in-out infinite mbnBadgePulse;display:grid;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 3px #ef444440}@keyframes mbnBadgePulse{0%,to{box-shadow:0 0 0 3px #ef444440}50%{box-shadow:0 0 0 6px #ef44441f}}@media (max-width:1023px){body{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.mbn__center-ring,.mbn__badge,.mbn__item,.mbn__center{transition:none;animation:none}}