.exploreBar{display:none}
@media(max-width:780px){
 body:has(.exploreBar){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
 .exploreBar{display:flex;position:fixed;inset:auto 0 0;z-index:40;align-items:center;justify-content:flex-start;padding:10px 6vw calc(10px + env(safe-area-inset-bottom,0px));background:rgba(244,240,233,.96);border-top:1px solid rgba(37,37,43,.22);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease}
 .exploreBar.isVisible{opacity:1;visibility:visible;pointer-events:auto}
 .exploreBar a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 19px;border:1px solid rgba(37,37,43,.55);border-radius:999px;background:transparent;color:var(--ink,#25252b);font:700 12px/1.2 Manrope,sans-serif;letter-spacing:.025em;text-decoration:none}
 .exploreBar a:hover{background:rgba(233,181,184,.15)}
 .exploreBar a:focus-visible{outline:2px solid var(--ink,#25252b);outline-offset:3px}
 .exploreBar svg{width:14px;height:14px;flex:none}
}
@media(prefers-reduced-motion:reduce){.exploreBar{transition:none}}