.hka{background-color:var(--ab-bg);background-image:radial-gradient(60% 42% at 50% 30%, var(--ab-orange-soft), transparent 70%);color:var(--ab-ink);font-family:var(--font-outfit), system-ui, -apple-system, "Segoe UI", sans-serif;grid-template-rows:auto minmax(0,1fr);font-size:16px;line-height:1.35;display:grid;position:fixed;inset:0;overflow-y:auto}.hka-top{align-items:center;height:64px;padding:0 16px;display:flex}.hka-mark{width:112px;display:block}.hka-stage{place-items:center;min-height:0;padding:0 16px 32px;display:grid}.hka-beat{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:640px;display:flex}.hka-art{aspect-ratio:1;width:clamp(120px,26dvh,200px);position:relative}.hka-h{letter-spacing:-.02em;text-wrap:balance;font-size:32px;font-weight:600;line-height:1.15}.hka-p{color:color-mix(in srgb, var(--ab-ink) 86%, transparent);text-wrap:pretty;max-width:420px;font-size:16px;line-height:1.4}.hka-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:8px;display:flex}.hka-busy{background:var(--ab-orange-soft);color:var(--ab-accent-ink);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;font-weight:500;display:inline-flex}@media (max-width:560px){.hka-top{height:56px}.hka-h{font-size:28px}.hka-beat{gap:12px}.hka-actions>*{flex:100%}}@media (prefers-reduced-motion:no-preference){@keyframes hka-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hka-beat{animation:.5s cubic-bezier(.2,.8,.3,1) both hka-rise}}