.mh-stage{position:relative;width:100%;min-width:0;margin-inline:auto;max-width:36rem;aspect-ratio:5/4;overflow:hidden}@media (min-width:1024px){.mh-stage{margin-inline:0;max-width:none;aspect-ratio:4/3;min-height:380px}}.mh-glow{inset:6%;z-index:-1;border-radius:var(--token-radius-xl);background-image:linear-gradient(to right,var(--primary),var(--accent));opacity:.45;filter:blur(48px)}.mh-glow,.mh-glow-soft{pointer-events:none;position:absolute}.mh-glow-soft{inset:18%;background:radial-gradient(closest-side,color-mix(in srgb,var(--primary) 35%,transparent),transparent 70%);opacity:.55;filter:blur(32px)}.mh-glow-soft,.mh-status-badge{border-radius:var(--token-radius-full)}.mh-status-badge{display:inline-flex;align-items:center;padding:4px 8px;font-family:var(--font-family-sans);font-size:10px;font-weight:600;background:color-mix(in srgb,var(--primary) 14%,var(--background))}.mh-avatar-initial,.mh-status-badge{color:color-mix(in srgb,var(--primary) 72%,black)}.mh-float{position:absolute;z-index:3;display:flex;align-items:flex-start;gap:10px;min-width:140px;max-width:188px;padding:12px 14px;border-radius:var(--token-radius-lg);border:1px solid var(--hp-card-border,var(--border));background:color-mix(in srgb,var(--background) 92%,white);box-shadow:var(--token-shadow-sm),0 18px 36px -24px color-mix(in srgb,var(--primary) 35%,transparent);backdrop-filter:blur(10px);animation:mh-bob 6.5s ease-in-out infinite}.mh-float-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--token-radius-md);background:color-mix(in srgb,var(--primary) 10%,var(--background));color:var(--primary);flex-shrink:0}.mh-panel{border-radius:var(--token-radius-xl);border:1px solid var(--hp-card-border,var(--border));background:color-mix(in srgb,var(--background) 94%,white);box-shadow:var(--token-shadow-sm),0 16px 32px -20px color-mix(in srgb,var(--primary) 28%,transparent);overflow:hidden}.mh-browser-chrome{display:flex;align-items:center;gap:var(--space-1);padding:10px 12px;border-bottom:1px solid var(--hp-card-border,var(--border));background:color-mix(in srgb,var(--surface) 80%,white)}.mh-browser-dots{display:flex;gap:5px}.mh-browser-dots span{width:8px;height:8px;border-radius:var(--token-radius-full);background:color-mix(in srgb,var(--muted) 55%,white)}.mh-browser-url{flex:1;min-width:0;border-radius:var(--token-radius-md);border:1px solid var(--hp-card-border,var(--border));padding:4px 10px;font-family:var(--font-family-sans);font-size:10px;font-weight:600;color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis}.mh-browser-url,.mh-phone{background:var(--background);overflow:hidden}.mh-phone{border-radius:calc(var(--token-radius-xl) + 6px);border:2px solid var(--hp-card-border,var(--border));box-shadow:var(--token-shadow-sm),0 20px 40px -24px color-mix(in srgb,var(--primary) 40%,transparent)}.mh-phone-notch{margin:8px auto 0;width:36%;height:6px;border-radius:var(--token-radius-full);background:color-mix(in srgb,var(--muted) 40%,white)}.mh-bob{animation:mh-bob 7s ease-in-out infinite}.mh-bob-delay-1{animation-delay:.6s}.mh-bob-delay-2{animation-delay:1.2s}.mh-bob-delay-3{animation-delay:1.8s}@keyframes mh-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width:639px){.mh-hide-sm{display:none!important}.mh-float{min-width:120px;max-width:150px;padding:10px 12px}}@media (prefers-reduced-motion:reduce){.mh-bob,.mh-bob-delay-1,.mh-bob-delay-2,.mh-bob-delay-3,.mh-float{animation:none!important;transform:none!important}}