.hf-press{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s cubic-bezier(.22,1,.36,1),border-color .18s,background-color .18s}.hf-press:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.hf-lift{transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .2s}.hf-lift:hover{transform:translateY(-4px)}}.hf-surface{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:linear-gradient(#ffffff24,#ffffff13);border:1px solid #fff3;box-shadow:inset 0 1px #ffffff29,0 10px 28px -14px #000000b3}@media (hover:hover) and (pointer:fine){button.hf-surface:hover{background:linear-gradient(#ffffff2b,#ffffff17);border-color:#46f0fe8c}}.hf-surface-on{color:#fff;background:linear-gradient(135deg,#46f0fe42,#1886f538);border:1px solid #46f0fe;box-shadow:inset 0 1px #fff3,0 0 0 3px #46f0fe24,0 12px 32px -12px #46f0fe8c}.hf-slot{background:#ffffff14;border:2px dashed #ffffff57}@keyframes hf-spin{to{transform:rotate(360deg)}}.hf-spin{animation:.9s linear infinite hf-spin}@keyframes hf-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hf-shimmer{animation:1.6s ease-in-out infinite hf-shimmer}@keyframes hf-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}.hf-breathe{animation:2.4s ease-in-out infinite hf-breathe}@media (prefers-reduced-motion:reduce){.hf-root *,.hf-root :before,.hf-root :after{animation-duration:.001ms!important;animation-iteration-count:1!important}}