.hf-whatnow{z-index:4000;left:var(--hf-s3);bottom:var(--hf-s3);align-items:flex-start;gap:var(--hf-s2);max-width:min(320px, calc(100% - 2 * var(--hf-s3)));flex-direction:column;display:flex;position:absolute}.hf-whatnow-bubble{padding:var(--hf-s2) var(--hf-s3);border:2px solid var(--hf-gold);border-radius:var(--hf-radius);background:var(--hf-parchment-light);color:var(--hf-ink);box-shadow:var(--hf-shadow-lg);font-size:var(--hf-text-sm);margin:0}.hf-app:has(.hf-dock-open) .hf-whatnow{display:none}.hf-whatnow--column{z-index:auto;padding:var(--hf-s3) var(--hf-s2) 0;align-items:center;max-width:none;margin-top:auto;position:static}.hf-whatnow--column .hf-whatnow-bubble{align-self:stretch}.hf-right .hf-whatnow--column+.hf-version{padding-top:var(--hf-s2);margin-top:0}@media (width<=600px),(height<=500px) and (pointer:coarse){.hf-whatnow:not(.hf-whatnow--column){left:auto;right:var(--hf-s3);bottom:calc(var(--hf-bottom-nav-h) + var(--hf-safe-bottom) + var(--hf-s3));max-width:min(320px, calc(100vw - 2 * var(--hf-s3)));align-items:flex-end;position:fixed}}
