.bar{z-index:40;left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#141416b8;border:1px solid #ffffff14;border-radius:24px;flex-direction:row;justify-content:space-around;align-items:center;gap:4px;width:min(100% - 24px,420px);padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 24px 60px -20px #000000e6,inset 0 1px #ffffff0d}.bar .brand,.bar .sep{display:none}.tab{height:54px;color:var(--mu);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;transition:color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.tab svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.tab-label{font:700 10px var(--hd);letter-spacing:.08em;text-transform:uppercase}.tab:hover{color:var(--tx)}.tab.on{color:#fff;box-shadow:inset 0 1px 0 #ffffff14, 0 0 18px -6px var(--red);background:#ffffff12}.tab.on svg{stroke:var(--red2)}.tab:focus-visible{outline:2px solid var(--red2);outline-offset:2px}.tab-badge{background:var(--red);color:#fff;min-width:16px;height:16px;font:700 10px/16px var(--hd);text-align:center;border-radius:99px;padding:0 4px;position:absolute;top:7px;right:calc(50% - 22px);box-shadow:0 0 0 2px #141416}.scr{padding-bottom:100px}@media (min-width:900px){.bar{border-radius:999px;flex-direction:column;justify-content:flex-start;gap:8px;width:68px;padding:16px 11px;top:50%;bottom:auto;left:20px;transform:translateY(-50%)}.bar .brand{filter:drop-shadow(0 6px 14px #e11d2e59);justify-content:center;align-items:center;width:46px;height:46px;margin-top:5px;margin-bottom:-15px;display:flex}.bar .brand img{object-fit:contain;-webkit-user-select:none;user-select:none;width:40px;height:40px}.bar .sep{background:var(--line);width:24px;height:1px;margin:6px 0;display:block}.tab{border:1px solid #0000;border-radius:50%;flex:none;width:46px;height:46px}.tab:hover{background:#ffffff0d}.tab.on{border-color:#ffffff24}.tab.on:before{content:"";background:var(--red);width:3px;height:24px;box-shadow:0 0 12px 2px var(--red);border-radius:99px;position:absolute;top:50%;left:-15px;transform:translateY(-50%)}.tab-label{white-space:nowrap;color:#fff;opacity:0;pointer-events:none;background:#141416;border:1px solid #ffffff1a;border-radius:10px;padding:7px 12px;font-size:12px;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 20px);transform:translate(-6px,-50%);box-shadow:0 10px 30px -10px #000c}.tab:hover .tab-label,.tab:focus-visible .tab-label{opacity:1;transform:translateY(-50%)}.tab-badge{top:2px;right:0}.scr{padding-bottom:24px;padding-left:96px}}@media (prefers-reduced-motion:reduce){.tab,.tab-label{transition:none}}