.mobile-dock{--bar:#20201f;--icon:#f2f2f2;--muted:#bababa;--purple:#7d2bd1;--purple-light:#a85cf0;position:fixed;z-index:1050;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 22px));height:84px;padding:8px 16px 15px;border:0;border-radius:24px;background:var(--bar);box-shadow:0 16px 38px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:space-between;gap:3px;overflow:visible;isolation:isolate}.mobile-dock:after{content:"";position:absolute;bottom:7px;left:50%;width:88px;height:4px;transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.72)}.mobile-dock:before,.mobile-dock .dock-glow{display:none}.mobile-dock a{position:relative;flex:1 1 0;min-width:0;height:61px;margin:0;padding:6px 2px;border-radius:13px;background:transparent!important;box-shadow:none!important;color:var(--icon)!important;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;transition:color .2s ease,transform .16s ease}.mobile-dock a:hover{color:var(--purple-light)!important}.mobile-dock a:active{transform:scale(.91)}.mobile-dock .dock-icon{width:30px;height:28px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;font-size:19px;transform:none;transition:transform .2s ease,color .2s ease}.mobile-dock .dock-label{display:block;position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;white-space:nowrap;color:var(--muted);font-size:9px;font-weight:700;line-height:1;transition:color .2s ease}.mobile-dock a.active:not(.dock-wallet){color:var(--purple-light)!important;background:transparent!important}.mobile-dock a.active:not(.dock-wallet) .dock-icon{color:var(--purple-light);transform:translateY(-1px)}.mobile-dock a.active:not(.dock-wallet) .dock-label{color:var(--purple-light)}.mobile-dock a.active:not(.dock-wallet):after{content:"";position:absolute;top:9px;right:50%;width:5px;height:5px;transform:translate(13px,-1px);border-radius:50%;background:#c28bff;box-shadow:0 0 8px rgba(184,118,255,.8)}.mobile-dock .dock-wallet{flex:0 0 74px;width:74px;height:82px;align-self:flex-start;margin:0;transform:translateY(-30px)!important;justify-content:flex-start;padding:0;background:transparent!important;color:#fff!important;overflow:visible}.mobile-dock .dock-wallet .dock-icon{width:56px;height:56px;flex:0 0 56px;border:0;border-radius:15px;background:linear-gradient(145deg,#8c34dc,#6420b9);color:#fff;font-size:22px;box-shadow:0 10px 22px rgba(102,31,184,.4),inset 0 1px 0 rgba(255,255,255,.24);transform:rotate(45deg);transition:transform .2s ease,box-shadow .2s ease}.mobile-dock .dock-wallet .dock-icon i{transform:rotate(-45deg)}.mobile-dock .dock-wallet .dock-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mobile-dock .dock-wallet:hover .dock-icon,.mobile-dock .dock-wallet.active .dock-icon{transform:rotate(45deg) translate(-2px,-2px);box-shadow:0 13px 27px rgba(102,31,184,.5),0 0 0 5px rgba(139,50,220,.1),inset 0 1px 0 rgba(255,255,255,.28)}.mobile-dock .dock-wallet:active{transform:translateY(-30px) scale(.9)!important}.mobile-dock .dock-wallet:after{display:none}.mobile-dock a:focus-visible{outline:2px solid var(--purple-light);outline-offset:-3px}
html[data-theme=light] .mobile-dock{--bar:#fff;--icon:#242424;--muted:#686868;background:#fff;box-shadow:0 15px 36px rgba(63,39,91,.15)}html[data-theme=light] .mobile-dock:after{background:#bcbcbc}
@media(max-width:430px){.mobile-dock{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 16px);height:78px;padding:7px 9px 14px;border-radius:22px}.mobile-dock:after{bottom:6px;width:74px;height:3px}.mobile-dock a{height:57px}.mobile-dock .dock-icon{font-size:18px}.mobile-dock .dock-label{font-size:8px}.mobile-dock .dock-wallet{flex-basis:66px;width:66px;height:76px;transform:translateY(-27px)!important}.mobile-dock .dock-wallet:active{transform:translateY(-27px) scale(.9)!important}.mobile-dock .dock-wallet .dock-icon{width:52px;height:52px;flex-basis:52px;border-radius:14px;font-size:20px}}
@media(max-width:350px){.mobile-dock{padding-inline:5px}.mobile-dock .dock-wallet{flex-basis:59px;width:59px}.mobile-dock .dock-label{font-size:7.5px}.mobile-dock .dock-icon{font-size:17px}}
@media(prefers-reduced-motion:reduce){.mobile-dock a,.mobile-dock .dock-icon{transition:none}}.mobile-dock .dock-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.mobile-dock .dock-wallet .dock-icon svg{width:23px;height:23px;transform:rotate(-45deg);stroke-width:1.65}.mobile-dock .dock-wallet .dock-icon i{display:none}@media(max-width:430px){.mobile-dock .dock-icon svg{width:20px;height:20px}.mobile-dock .dock-wallet .dock-icon svg{width:22px;height:22px}}.mobile-dock.guest-dock>a:nth-of-type(1){order:1}.mobile-dock.guest-dock>a:nth-of-type(2){order:3}.mobile-dock.guest-dock>.dock-wallet{order:2}.mobile-dock.guest-dock>a{flex:1 1 0}.mobile-dock.guest-dock>.dock-wallet{flex:0 0 74px}@media(max-width:430px){.mobile-dock.guest-dock>.dock-wallet{flex-basis:66px}}
@media(min-width:769px){.mobile-dock{display:none!important}}