# Cosmos Luminosity Audio Boosts web platform pattern

Use when Margarita asks to build, specify, or write copy for a web section/platform for Cosmos Luminosity Audio Boosts.

## Product shape

Audio Boosts are a public site section with:

- `/audio-boosts` library page with cards;
- individual audio boost pages with title, description, tags, duration, and Play button;
- upload/admin flow to add an audio file plus text/voice-derived description;
- local server storage when she asks to host on the current server;
- public access by default, with authorization/paywall added later for special sections.

## Copy positioning

Do not describe Audio Boost as ordinary meditation/hypnosis/affirmations. Preferred positioning:

> Audio Boost — звуковая настройка состояния в Cosmos Luminosity: голос, музыка, смысловые формулы и полевая архитектура помогают телу войти в новый код ясности, опоры, масштаба или действия.

Neighboring modalities may be included as ingredients: music, voice, hypnotic rhythm, constellation-style phrases, archetypal images, semantic formulas, body attention.

Strong reusable phrase:

> Audio Boost — это звуковой код состояния: голос ведёт внимание, музыка держит поле, формулировки перестраивают смысловую сборку, а тело получает новый внутренний код опоры, ясности, масштаба или действия.

## Minimal technical implementation pattern

A quick local MVP can be implemented as a Node/Express app:

- `server.js` with Express routes;
- `multer` upload to local `uploads/`;
- metadata in `data/boosts.json` for early MVP;
- static CSS/JS under `public/`;
- `/stream/:id` endpoint with `Accept-Ranges: bytes` and `Content-Disposition: inline`;
- custom HTML5 audio UI instead of native controls to avoid visible download button;
- `client_max_body_size` at nginx layer for long 5–60 minute files.

Important truth to state: browser playback cannot be made impossible to download. You can hide download UI and make casual downloads harder with private storage, signed/temporary URLs, HLS/streaming, access control, and watermarking.

## Mobile/background playback notes

- Use user-initiated playback (`Play` click), especially for iOS Safari.
- HTML5 audio usually continues in background/lock screen if started by the user.
- Add metadata/artwork later if native lock-screen experience matters.
- Keep hit targets at least 44px and avoid relying on hover.

## Deployment pattern from session

If running on the current server:

1. Create app under `/home/spazio/cosmos-audio-boosts` or another explicit project path.
2. Serve internally on a high port such as `8799`.
3. Add a user systemd service with `WorkingDirectory` pointing to the app and `ExecStart` using the actual `node` path.
4. Point nginx vhost for domain/subdomain to `http://127.0.0.1:<port>`.
5. Set `client_max_body_size 1200M`, `proxy_request_buffering off`, and long `proxy_read_timeout/proxy_send_timeout` for large uploads and long audio.
6. Use certbot/nginx for HTTPS.

Example nginx location:

```nginx
client_max_body_size 1200M;
location / {
    proxy_pass http://127.0.0.1:8799;
    proxy_http_version 1.1;
    proxy_set_header Host $host;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_read_timeout 3600;
    proxy_send_timeout 3600;
    proxy_request_buffering off;
}
```

## Design style

Visual direction: premium cosmic, dark violet/black field, gold accents, spacious editorial typography, cards that feel like portals/state capsules rather than SaaS feature boxes. Avoid generic dashboard metrics or fake testimonials.