Add CSS styles for VR client interface: Move inline styles from index.html to a new app.css file

[skim0119]

TL;DR

Extracted inline CSS styles from the HTML file into a separate stylesheet

What changed?

Moved all CSS styles from the <style> tag in index.html to a new external stylesheet app.css. The HTML file now references the external CSS file using a <link> tag instead of containing inline styles.

How to test?

1. Open the VR client application in a browser
2. Verify that all visual styling remains identical to before
3. Confirm that the status panel, start button, join panel, and arm camera panel all display with the same positioning and appearance
4. Check that the monospace font family is still applied to all UI elements

Why make this change?

Separating CSS into an external file improves code organization, makes styles more maintainable, and follows web development best practices by keeping presentation logic separate from markup.

[skim0119]

• spectator view sharing other session objects #50
• restructure app code for modularizing and organization #49
• math-utility #48
• Add CSS styles for VR client interface: Move inline styles from index.html to a new app.css file #47 👈 (View in Graphite)
• Add VR client functionality: Implement app.js for the VR client, including WebSocket connection handling, scene setup with Three.js, and basic event listeners for VR interaction. This file lays the groundwork for character mode selection and input handl #46
• Enhance add VR README for the VR directory, detailing setup, usage, and publishing instructions #44
• meta2quest-integration

This stack of pull requests is managed by Graphite. Learn more about stacking.

[skim0119]

Merge activity

• Apr 15, 1:56 AM UTC: A user started a stack merge that includes this pull request via Graphite.
• Apr 15, 1:57 AM UTC: Graphite rebased this pull request as part of a merge.
• Apr 15, 1:58 AM UTC: @skim0119 merged this pull request with Graphite.