[mateusaranha]

Summary

Follow-up refinement after the merge of #36, based on details observed in real use during the first pass of #34.

This PR is intentionally small and scoped to four post-merge polish items only.

Refs #34. Context: #36.

What changed

• adds a little more breathing room between the Recolhimento video and the lower three-dot/line ornament, with a smaller adjustment on mobile;
• makes the top backup ··· menu close on outside pointer interaction and on Escape, while preserving native <details> behavior and the existing close-on-action behavior;
• adds aria-haspopup / synchronized aria-expanded semantics to the backup trigger without adding dependencies;
• structurally centers the ornament below ANALOGION by centering the wordmark/ornament wrapper rather than applying an arbitrary horizontal offset;
• slightly increases the queue number column width on desktop and mobile so titles have a little more horizontal breathing room.

Scope

No playback, YouTube iframe, repeat, persistence/localStorage, curated-library, publication, animation, glow intensity, typography, palette, gradients, shadows, or dependencies are changed.

Validation

• diff reviewed against current main;
• only three focused files are changed: one small behavior component, one focused polish stylesheet, and the entry-point imports;
• desktop/mobile-specific values are included for Recolhimento spacing and queue spacing;
• GitHub Actions CI completed successfully: dependency installation, catalog validation/TypeScript/Vite production build all passed through pnpm build.

Manual behavior to verify in review:

• backup menu closes on outside click;
• backup menu closes on Escape;
• Exportar backup and Importar backup still close the menu after activation;
• clicks inside the menu do not close it unless an action is selected;
• ornament is centered under ANALOGION;
• Recolhimento lower ornament has slightly more separation from the video;
• queue numbers have only a modest extra gap before the title.