# Make It Yours

The default experience is great. But you might want it perfect.
Customize every pixel.

## Cinema Mode

Why view the future through a tiny keyhole?
Voyager lets you expand the chat width.

- **Wide**: 1400px for coding and complex tables.
- **Focused**: 800px for reading.
- **You decide**: Use the slider to find your sweet spot.

## Control

Click the extension icon to access the control center.

- **Scroll Mode**: Natural or classic.
- **Timeline Position**: Put it where it feels right.
- **Visual Effects**: Pick `Snow`, `Sakura`, or `Rain` for a seasonal atmosphere.

## Custom Order

Too many sections in the popup, and the ones you use most are buried at the bottom?

Hover over any settings card and ▲/▼ arrows appear in the top-right corner. Click to move a card up or down. Your layout is saved automatically and persists across sessions.

## Atmosphere

Voyager is not limited to utility tweaks. You can also change the mood of the page.

- **Snow**: Soft drifting flakes for a calm winter feel.
- **Sakura**: Floating cherry blossom petals for a lighter spring vibe.
- **Rain**: A cinematic rain overlay with angled streaks and subtle splash ripples.
- **Smooth switching**: Turning an effect off or switching to another one lets existing particles fade out naturally.

<div style="display: flex; gap: 20px; margin-top: 20px;">
  <div style="flex: 1; text-align: center;">
    <p><b>Open Settings</b></p>
    <img src="/assets/gemini-open-settings-guide.png" alt="Open settings guide" style="border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);"/>
  </div>
  <div style="flex: 1; text-align: center;">
    <p><b>Adjust Width</b></p>
    <img src="/assets/gemini-chatwidth.png" alt="Chat width adjustment" style="border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);"/>
  </div>
</div>