.mobile-actions{display:none}

@media(max-width:767.98px){
    body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
    .mobile-actions{position:fixed;z-index:500;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(64px + env(safe-area-inset-bottom,0px));padding:6px 6px env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);background:rgba(15,17,21,.97);box-shadow:0 -8px 24px rgba(0,0,0,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
    .mobile-actions__link{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:8px;color:var(--muted);font-size:10px;font-weight:600;line-height:1;transition:color 150ms ease,background 150ms ease,transform 150ms ease;-webkit-tap-highlight-color:transparent}
    .mobile-actions__link>svg{width:20px;height:20px;fill:currentColor}
    .mobile-actions__link:hover,.mobile-actions__link:focus-visible{background:var(--bg-elevated);color:var(--text)}
    .mobile-actions__link:active{transform:scale(.96)}
    .mobile-actions__link--cta{color:#fff}
    .mobile-actions__link--cta:hover,.mobile-actions__link--cta:focus-visible{background:transparent;color:#fff}
    .mobile-actions__cta-icon{width:42px;height:42px;display:grid;place-items:center;margin-top:-25px;border:4px solid var(--bg-surface);border-radius:11px;background:var(--primary);box-shadow:0 7px 18px rgba(0,0,0,.35)}
    .mobile-actions__cta-icon svg{width:21px;height:21px;fill:currentColor}
    .mobile-actions__link--cta>span:last-child{margin-top:-1px}
}

@media(max-width:359px){
    .mobile-actions{padding-inline:2px}
    .mobile-actions__link{font-size:9px}
    .mobile-actions__link>svg{width:18px;height:18px}
}

@media(prefers-reduced-motion:reduce){
    .mobile-actions__link{transition:none}
}
