.hpc{aspect-ratio:1;width:100%;max-width:600px;margin-inline:auto;position:relative;container-type:inline-size}.hpc-drift{animation:hpc-float var(--drift-dur,8s) ease-in-out var(--drift-delay,0s) infinite alternate}@keyframes hpc-float{0%{transform:translateY(-1.1cqw)}to{transform:translateY(1.3cqw)}}@media (prefers-reduced-motion:reduce){.hpc-drift{animation:none}}.hpc-card{border:1px solid var(--rule-warm);background:#fff;border-radius:clamp(14px,3.4cqw,18px);padding:clamp(10px,2.5cqw,14px) clamp(11px,2.7cqw,15px);box-shadow:0 1px 2px #2b27220a,0 24px 48px -18px #2b272238,0 10px 30px #fc5f2b0f}.hpc-mono{font-family:var(--font-mono,ui-monospace, monospace);text-transform:uppercase;letter-spacing:.04em;font-feature-settings:"zero";color:var(--fg-2);font-size:clamp(8px,1.9cqw,10px);font-weight:600}.hpc-num{font-variant-numeric:tabular-nums slashed-zero}