.mbb-fixed-wrap{
position:fixed !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
z-index:999999 !important;
pointer-events:none;
transform:translateZ(0);
-webkit-transform:translateZ(0);
}
.mbb-nav-shell,
.mbb-cosmic-bg,
.mbb-item{box-sizing:border-box;}
.mbb-cosmic-bg{
position:absolute;
left:50%;
bottom:10px;
transform:translateX(-50%);
width:min(92vw,420px);
height:72px;
border-radius:24px;
background:linear-gradient(135deg, rgba(7,10,24,.98), rgba(25,14,44,.98), rgba(17,31,64,.98));
box-shadow:0 -6px 20px rgba(0,0,0,.35), 0 0 20px rgba(107,72,255,.18), inset 0 1px 0 rgba(255,255,255,.08);
overflow:hidden;
pointer-events:none;
}
.mbb-nav-shell{
position:relative;
left:50%;
transform:translateX(-50%);
width:min(92vw,420px);
margin:0 0 10px;
padding:10px 12px;
display:flex;
justify-content:space-around;
align-items:center;
gap:12px;
pointer-events:auto;
}
.mbb-item{
position:relative;
flex:1 1 0;
min-height:52px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-decoration:none;
color:#d8deff;
border-radius:18px;
background:rgba(255,255,255,.04);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
transition:transform .25s ease, background .25s ease, box-shadow .25s ease, color .25s ease;
}
.mbb-item:active,.mbb-item:focus,.mbb-item:hover{transform:translateY(-2px);color:#fff;background:rgba(255,255,255,.08);}
.mbb-item.is-active{background:linear-gradient(135deg, rgba(102,78,255,.28), rgba(0,204,255,.20), rgba(255,113,206,.20));box-shadow:0 0 20px rgba(110,102,255,.22), inset 0 1px 0 rgba(255,255,255,.12);color:#fff;}
.mbb-icon svg{width:22px;height:22px;display:block;}
.mbb-label{font-size:12px;font-weight:700;line-height:1.1;margin-top:4px;letter-spacing:.2px;}
.mbb-sun{
position:absolute;left:24px;top:24px;width:16px;height:16px;border-radius:50%;
background:radial-gradient(circle, #ffd86b 0%, #ff9b3d 70%, rgba(255,155,61,0) 71%);
box-shadow:0 0 12px rgba(255,183,77,.6);
animation:mbbPulse 2.2s infinite ease-in-out;
}
.mbb-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:mbbSpin 12s linear infinite;}
.mbb-orbit-1{left:12px;top:12px;width:40px;height:40px;}
.mbb-orbit-2{left:4px;top:4px;width:56px;height:56px;animation-duration:18s;}
.mbb-planet{position:absolute;top:-3px;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:50%;}
.mbb-planet-1{background:#7af0ff;box-shadow:0 0 8px rgba(122,240,255,.8);}
.mbb-planet-2{background:#ff6fd8;box-shadow:0 0 8px rgba(255,111,216,.8);}
.mbb-star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;opacity:.7;animation:mbbTwinkle 2.8s infinite ease-in-out;}
.mbb-star-1{right:28px;top:18px;}
.mbb-star-2{right:56px;top:30px;animation-delay:.6s;}
.mbb-star-3{right:90px;top:16px;animation-delay:1.1s;}
.mbb-star-4{right:120px;top:38px;animation-delay:1.7s;}
@keyframes mbbSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes mbbTwinkle{0%,100%{opacity:.25;transform:scale(.8);}50%{opacity:.95;transform:scale(1.25);}}
@keyframes mbbPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.12);}}
@media (max-width:480px){
.mbb-cosmic-bg,.mbb-nav-shell{width:calc(100vw - 14px);} 
.mbb-cosmic-bg{bottom:6px;height:68px;border-radius:22px;} 
.mbb-nav-shell{margin-bottom:6px;padding:8px 10px;} 
.mbb-item{min-height:50px;border-radius:16px;} 
}