.hmfu-backdrop{position:fixed;inset:0;z-index:135;display:flex;justify-content:center;background:rgba(0,0,0,.5);padding:16px;animation:hmfu-fade .15s ease-out both}.hmfu-backdrop--sheet{align-items:flex-end;padding:0}.hmfu-backdrop--card{align-items:center}.hmfu-dialog{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;background:var(--hm-surface);color:var(--hm-text);border:1px solid var(--hm-border);border-radius:20px;padding:20px 16px calc(20px + env(safe-area-inset-bottom, 0px));box-shadow:0 16px 48px rgba(0,0,0,.35);outline:none;text-align:center}.hmfu-dialog--sheet{border-radius:20px 20px 0 0;border-bottom:0;animation:hmfu-sheet-in .24s cubic-bezier(.22,1,.36,1) both}@media (min-width:640px){.hmfu-backdrop--sheet{align-items:center;padding:16px}.hmfu-dialog--sheet{border-radius:20px;border-bottom:1px solid var(--hm-border)}}.hmfu-dialog--card{overflow-x:hidden}.hmfu-close{position:absolute;top:8px;inset-inline-end:8px;z-index:3}@keyframes hmfu-fade{0%{opacity:0}to{opacity:1}}@keyframes hmfu-sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.hmfu-bar{position:relative;height:8px;border-radius:999px;background:var(--hm-surface-3,var(--hm-surface-2));overflow:hidden}.hmfu-bar>span{position:absolute;inset:0;border-radius:inherit;background:var(--hm-primary);transform-origin:0 50%}[dir=rtl] .hmfu-bar>span{transform-origin:100% 50%}.hmfu-bar--grow>span{animation:hmfu-bar-grow .6s cubic-bezier(.22,1,.36,1) .52s both}@keyframes hmfu-bar-grow{0%{transform:scaleX(0)}}.hmfu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;list-style:none;margin:0;padding:0}.hmfu-tile{display:flex;width:100%;min-height:140px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:16px;border:1px solid var(--hm-border);background:var(--hm-surface);color:var(--hm-text);cursor:pointer;touch-action:manipulation}.hmfu-tile:hover{background:var(--hm-surface-2)}.hmfu-tile[aria-current=true]{border-color:var(--hm-primary);box-shadow:inset 0 0 0 1px var(--hm-primary)}.hmfu-tile--locked .hmf-box{opacity:.5;filter:grayscale(.5)}.hmfu-chip{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;line-height:18px;background:var(--hm-surface-2);color:var(--hm-text-2)}.hmfu-chip--on{background:rgb(var(--hm-primary-rgb)/.14);color:var(--hm-text)}.hmfu-stage{position:relative;display:grid;place-items:center;margin:8px auto 4px;width:176px;height:176px}.hmfu-glow{position:absolute;inset:20px;border-radius:50%;background:var(--hmfu-accent,var(--hm-primary));filter:blur(24px);opacity:.55;animation:hmfu-glow .9s ease-out .2s both}@keyframes hmfu-glow{0%{opacity:0}to{opacity:.55}}.hmfu-frame-in{position:relative;z-index:1;animation:hmfu-frame-in .64s cubic-bezier(.34,1.56,.64,1) both}@keyframes hmfu-frame-in{0%{transform:scale(.6) rotate(-24deg);opacity:0}to{transform:none;opacity:1}}.hmfu-sparkle{position:absolute;left:50%;top:50%;z-index:2;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:2px;background:var(--hmfu-accent,var(--hm-primary));opacity:0;pointer-events:none;animation:hmfu-sparkle .9s ease-out both;animation-delay:calc(.24s + var(--i) * 40ms)}[dir=rtl] .hmfu-sparkle{left:auto;right:50%;margin:-4px -4px 0 0}@keyframes hmfu-sparkle{0%{transform:rotate(var(--a)) translateY(0) rotate(45deg) scale(.4);opacity:0}30%{opacity:1}to{transform:rotate(var(--a)) translateY(-110px) rotate(45deg) scale(1);opacity:0}}.hmfu-text-in{animation:hmfu-text-in .28s ease-out .38s both}@keyframes hmfu-text-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.hmfu-drop{position:relative;z-index:1;animation:hmfu-drop .72s cubic-bezier(.34,1.56,.64,1) both}@keyframes hmfu-drop{0%{transform:translateY(-48px);opacity:0}to{transform:none;opacity:1}}.hmfu-particle{position:absolute;left:50%;top:50%;z-index:2;font-size:18px;line-height:1;margin:-9px 0 0 -9px;opacity:0;pointer-events:none;animation:hmfu-particle 1.6s ease-out both;animation-delay:calc(.3s + var(--i) * 30ms)}[dir=rtl] .hmfu-particle{left:auto;right:50%;margin:-9px -9px 0 0}@keyframes hmfu-particle{0%{transform:rotate(var(--a)) translateY(-20px) rotate(calc(-1 * var(--a))) scale(.5);opacity:0}20%{opacity:1}to{transform:rotate(var(--a)) translateY(-120px) rotate(calc(-1 * var(--a))) translateY(24px) scale(1);opacity:0}}.hmfu-nudge{position:fixed;inset-inline:16px;bottom:calc(var(--hm-nav-h, 64px) + env(safe-area-inset-bottom, 0px) + 12px);z-index:130;margin:0 auto;max-width:440px;display:flex;align-items:center;gap:12px;padding-block:12px;padding-inline:16px 12px;border-radius:16px;border:1px solid var(--hm-border);background:var(--hm-surface);color:var(--hm-text);box-shadow:0 12px 32px rgba(0,0,0,.3);animation:hmfu-sheet-in .24s cubic-bezier(.22,1,.36,1) both}@media (min-width:1024px){.hmfu-nudge{bottom:24px}}@media (prefers-reduced-motion:reduce){.hmfu-bar--grow>span,.hmfu-dialog,.hmfu-drop,.hmfu-frame-in,.hmfu-glow,.hmfu-nudge,.hmfu-text-in{animation:none!important}.hmfu-particle,.hmfu-sparkle{display:none}}