tonapse: improve the visual styling nf-4i4w ← Beads

Twinned from https://github.com/cfsh/ninefold/issues/54 by tools/beads/import_github.py's reconcile pass.

e.g. consider how you would prototype this in HTML to be pleasing to look at, round off the corners a bit etc.

take a look at these two HTML files from Claude chat

[tonapse-ux (1).html](https://github.com/user-attachments/files/30147344/tonapse-ux.1.html) [tonapse_fixes_loop_placement_ticker_gating_per_sound_wave (1).html](https://github.com/user-attachments/files/30147343/tonapse_fixes_loop_placement_ticker_gating_per_sound_wave.1.html)

perhaps we should have a workflow where u prototype in HTML (e.g. as a claude artifact), and then once we align on the visual appeal there, u can implement it in Godot. WDYT?