update

Merge pull request #2737 from PR0M3TH3AN/refactor-delete-modal-truncate-middle-16500239099294325231
🧹 Refactor: Remove duplicated string truncation logic in DeleteModal.js
2026-10-27 07:52:24 +00:00 · 2026-03-04 11:22:49 -05:00 · 2026-02-26 14:40:38 -05:00 · 2026-02-26 18:03:17 +00:00 · 2026-02-26 12:25:42 -05:00 · 2026-02-26 17:25:21 +00:00
711 changed files with 244837 additions and 858 deletions
@@ -0,0 +1,466 @@
+# CLAUDE.md — AI Assistant Guide for bitvid
+
+This document provides context and guidance for AI assistants working with the bitvid codebase. It explains the project structure, development workflows, conventions, and key architectural decisions.
+
+---
+
+## Project Overview
+
+**bitvid** is a decentralized video sharing platform built on the Nostr protocol. It operates as a static client — no backend server, no custody of user keys, no server-side signing. All authentication and state management happens client-side or via connected Nostr signers.
+
+### Key Technologies
+- **Nostr**: Decentralized identity and event protocol (NIP-07, NIP-33, NIP-44, NIP-46, NIP-51, NIP-71, etc.)
+- **WebTorrent**: P2P video streaming fallback
+- **Tailwind CSS**: Utility-first styling with custom design tokens
+- **Playwright**: E2E and visual regression testing
+- **Node.js 20+**: Development environment
+
+### License
+GPL-3.0-or-later (see `LICENSE`)
+
+---
+
+## Codebase Structure
+
+```
+bitvid/
+├── js/                     # Main application JavaScript
+│   ├── app.js              # Main orchestrator (bitvidApp)
+│   ├── nostr/              # Nostr protocol implementation
+│   │   ├── client.js       # Core Nostr client with signer adapters
+│   │   ├── nip71.js        # NIP-71 video note parsing
+│   │   ├── sessionActor.js # Anonymous session actors for telemetry
+│   │   └── adapters/       # NIP-07, NIP-46, nsec signer adapters
+│   ├── services/           # Business logic services
+│   │   └── playbackService.js  # Video playback orchestration
+│   ├── ui/                 # UI components and controllers
+│   ├── state/              # State management (cache.js)
+│   ├── utils/              # Utility functions
+│   ├── constants.js        # Feature flags and WSS trackers
+│   ├── config.js           # Re-exports from instance config
+│   ├── magnetUtils.js      # Magnet URI helpers
+│   ├── nostrEventSchemas.js    # Event schema definitions (source of truth)
+│   └── nostrClientFacade.js    # Main Nostr client entry point
+├── config/
+│   └── instance-config.js  # Deployment configuration
+├── css/
+│   ├── tokens.css          # Design token definitions
+│   ├── tailwind.source.css # Tailwind input file
+│   └── tailwind.generated.css  # Generated (gitignored)
+├── tests/                  # Test suites
+│   ├── unit/               # Unit tests
+│   ├── e2e/                # End-to-end tests
+│   ├── visual/             # Visual regression tests
+│   ├── nostr/              # Nostr-specific tests
+│   └── moderation/         # Moderation feature tests
+├── docs/                   # Documentation
+│   ├── nostr-event-schemas.md  # Event schema reference
+│   ├── playback-fallback.md    # Playback architecture
+│   ├── moderation/         # Moderation system docs
+│   └── nips/               # NIP reference documentation
+├── views/                  # HTML view templates
+├── components/             # HTML component templates
+├── content/                # Markdown content (docs, roadmap)
+├── torrent/                # WebTorrent integration
+├── scripts/                # Build and utility scripts
+└── .github/workflows/      # CI/CD configuration
+```
+
+---
+
+## Essential Files to Know
+
+| File | Purpose |
+|------|---------|
+| `AGENTS.md` | AI agent guide with architectural rules and mission |
+| `KNOWN_ISSUES.md` | Pre-existing test failures and environmental quirks |
+| `CONTRIBUTING.md` | Developer setup and contribution guidelines |
+| `js/app.js` | Main application orchestrator (`bitvidApp`) |
+| `js/nostr/client.js` | Core Nostr client with signer registry |
+| `js/nostrEventSchemas.js` | **Source of truth** for all Nostr event schemas |
+| `js/constants.js` | Feature flags and runtime configuration |
+| `config/instance-config.js` | Deployment-specific settings |
+| `docs/nostr-event-schemas.md` | Event schema documentation |
+
+---
+
+## Development Workflow
+
+### Initial Setup
+
+```bash
+# Clone and install
+git clone https://github.com/PR0M3TH3AN/bitvid.git
+cd bitvid
+npm ci                    # Use ci for exact lockfile deps
+
+# Build (generates Tailwind CSS)
+npm run build
+
+# Start local server
+python -m http.server 8000
+# or
+npx serve
+```
+
+### Before Every PR
+
+```bash
+# Required checks
+npm run format            # Format CSS/HTML/MD
+npm run lint              # All lint checks
+npm run test:unit         # Or use shards for faster feedback
+
+# Recommended for UI changes
+npm run test:visual
+```
+
+### Available Scripts
+
+| Script | Purpose |
+|--------|---------|
+| `npm run build` | Full build (Tailwind + dist) |
+| `npm run build:css` | Regenerate Tailwind only |
+| `npm run format` | Format with Prettier |
+| `npm run lint` | Run all linting checks |
+| `npm run lint:css` | CSS token validation |
+| `npm run lint:inline-styles` | Block inline styles |
+| `npm run lint:tokens` | Design token enforcement |
+| `npm run test:unit` | Full unit test suite |
+| `npm run test:unit:shard1` | Shard 1/3 (faster local dev) |
+| `npm run test:unit:shard2` | Shard 2/3 |
+| `npm run test:unit:shard3` | Shard 3/3 |
+| `npm run test:dm:unit` | Direct message unit tests |
+| `npm run test:dm:integration` | DM integration tests |
+| `npm run test:e2e` | Headless E2E tests |
+| `npm run test:visual` | Visual regression tests |
+
+---
+
+## CI/CD Pipeline
+
+The CI workflow (`.github/workflows/ci.yml`) runs on every push to `main` and all PRs:
+
+| Job | Timeout | Description |
+|-----|---------|-------------|
+| `build` | 45 min | Lint, build, visual regression |
+| `unit-tests` | 30 min | Sharded unit tests (3 shards) |
+| `dm-unit-tests` | 20 min | Direct message unit tests |
+| `dm-integration-tests` | 30 min | DM integration tests |
+| `e2e-headless` | 45 min | Playwright E2E tests |
+
+**Concurrency**: `cancel-in-progress: true` — new commits cancel running jobs.
+
+---
+
+## Code Conventions
+
+### Logging
+
+**Always use the logger utility**, never call `console.*` directly:
+
+```javascript
+import { logger } from './utils/logger.js';
+
+logger.user.error('User-facing error');  // Production visible
+logger.dev.log('Debug info');            // Dev mode only (IS_DEV_MODE)
+```
+
+### Styling Rules
+
+1. **Token-first**: Use design tokens from `css/tokens.css`, never raw hex colors
+2. **No inline styles**: `style=` attributes and `element.style` are blocked by lint
+3. **Semantic tokens**: Use `bg`, `text`, `accent`, `border`, `danger`, etc.
+4. **Theme scopes**: Toggle themes via `data-theme` attribute, not code
+
+### Nostr Event Schemas
+
+All Nostr events must be defined in `js/nostrEventSchemas.js`:
+
+```javascript
+import { buildVideoPostEvent, NOTE_TYPES } from './nostrEventSchemas.js';
+
+const event = buildVideoPostEvent({
+  pubkey: hexPubkey,
+  created_at: Math.floor(Date.now() / 1000),
+  dTagValue: 'video-id',
+  content: {
+    version: 3,
+    title: 'My Video',
+    videoRootId: 'video-id',
+    url: 'https://example.com/video.mp4'
+  }
+});
+```
+
+### Magnet Handling
+
+**Critical rules** — magnets are fragile:
+
+```javascript
+import { safeDecodeMagnet, normalizeAndAugmentMagnet } from './magnetUtils.js';
+
+// Always decode first
+const raw = safeDecodeMagnet(userInput);
+
+// Then normalize with hints
+const enriched = normalizeAndAugmentMagnet(raw, { wsHint, xsHint });
+
+// NEVER use new URL() on magnets — it corrupts hashes!
+```
+
+- WSS trackers only (from `js/constants.js`)
+- Persist raw magnet strings, decode only at playback
+- Include HTTPS `ws=`/`xs=` hints when available
+
+### Architecture Pattern
+
+**Separation of concerns**:
+
+- `bitvidApp` (js/app.js) — Orchestrator, manages app-wide state
+- UI Controllers — Handle specific UI components (e.g., `ProfileModalController`)
+- Services — Business logic (e.g., `playbackService.js`)
+- State — Central truth in `js/state/cache.js`
+
+**Data flow**:
+1. User action triggers controller event handler
+2. Controller invokes callback provided by `bitvidApp`
+3. `bitvidApp` executes logic, updates central state
+4. `bitvidApp` notifies controller to re-render
+
+---
+
+## Feature Flags
+
+Feature flags in `js/constants.js` gate experimental behavior:
+
+| Flag | Default | Purpose |
+|------|---------|---------|
+| `URL_FIRST_ENABLED` | Depends on config | Try URL before magnet |
+| `FEATURE_WATCH_HISTORY_V2` | true | Watch history system |
+| `FEATURE_PUBLISH_NIP71` | false | NIP-71 video publishing |
+| `FEATURE_SEARCH_FILTERS` | Dev mode only | Advanced search |
+| `FEATURE_TRUST_SEEDS` | true | Baseline trust seeds |
+
+Toggle at runtime:
+```javascript
+import { setUrlFirstEnabled } from './constants.js';
+setUrlFirstEnabled(false);  // Disable URL-first playback
+```
+
+---
+
+## Nostr Integration
+
+### Key NIPs Used
+
+| NIP | Purpose |
+|-----|---------|
+| NIP-07 | Browser extension signing |
+| NIP-33 | Parameterized replaceable events (videos) |
+| NIP-04 | Legacy DM encryption |
+| NIP-44 | Modern encryption |
+| NIP-46 | Remote signing |
+| NIP-51 | Lists (mute, admin) |
+| NIP-56 | Moderation reports |
+| NIP-71 | Video events |
+
+### Signer Adapters
+
+```javascript
+import { nostrClient } from './nostrClientFacade.js';
+import { setActiveSigner } from './nostr/client.js';
+
+// Register a signer
+setActiveSigner({
+  pubkey,
+  signEvent: (event) => signer.sign(event),
+  nip04Encrypt: (target, text) => signer.nip04.encrypt(target, text),
+  nip04Decrypt: (actor, cipher) => signer.nip04.decrypt(actor, cipher),
+  // Optional: nip44Encrypt, nip44Decrypt
+});
+```
+
+### NIP-33 Addressing (Important!)
+
+Video events are addressed by `kind + pubkey + d-tag`:
+
+```javascript
+// CORRECT: Use the d-tag for addressing
+const dTag = event.tags.find(t => t[0] === 'd')?.[1];
+
+// WRONG: Don't use logical IDs like videoRootId for relay lookups
+```
+
+---
+
+## Testing Guidelines
+
+### Before Starting Work
+
+1. Read `KNOWN_ISSUES.md` for pre-existing failures
+2. Run relevant test shard to verify baseline
+
+### Running Tests
+
+```bash
+# Fast feedback during development
+npm run test:unit:shard1
+
+# Full suite before PR
+npm run test:unit
+
+# Visual changes
+npm run test:visual
+
+# DM features
+npm run test:dm:unit && npm run test:dm:integration
+
+# E2E journeys
+npm run test:e2e
+```
+
+### Test Artifacts
+
+Failed visual tests store artifacts in `artifacts/test-results/`:
+- Screenshots
+- Videos
+- Traces
+
+View with: `./scripts/show-artifacts.sh`
+
+---
+
+## Common Tasks
+
+### Adding a New Nostr Event Type
+
+1. Define schema in `js/nostrEventSchemas.js`
+2. Add builder function
+3. Document in `docs/nostr-event-schemas.md`
+4. Add tests
+
+### Creating UI Components
+
+1. Create controller in `js/ui/`
+2. Wire callbacks through `bitvidApp`
+3. Read state via provided getters, never directly
+4. Use design tokens for styling
+
+### Modifying Playback Behavior
+
+1. Check `js/services/playbackService.js` for stream handling
+2. Update `js/constants.js` feature flags if needed
+3. Test with both URL and magnet sources
+4. Document rollback steps in PR
+
+---
+
+## Troubleshooting
+
+### Build Issues
+
+```bash
+# Browserslist warning
+npx update-browserslist-db@latest
+
+# Tailwind not regenerating
+rm css/tailwind.generated.css && npm run build:css
+```
+
+### Test Hangs
+
+- Unit tests may hang after completion — use `Ctrl+C`
+- Use shards for faster local runs
+- Set `UNIT_TEST_TIMEOUT_MS=120000` for slow tests
+
+### Lint Failures
+
+- **Inline styles**: Move to CSS classes or tokens
+- **Hex colors**: Use design tokens
+- **Design tokens**: Use `theme()` or existing utilities
+
+---
+
+## Release Channels
+
+- **Main**: Production track — preserve UX, atomic commits, feature flags default off
+- **Unstable**: Experimentation — gate risky features behind flags
+
+### Emergency Response
+
+If a change breaks playback or magnet handling:
+1. Revert immediately
+2. Note rollback in PR
+3. Document in AGENTS.md
+
+---
+
+## Key Documentation
+
+| Document | What It Covers |
+|----------|---------------|
+| `AGENTS.md` | AI agent rules, mission, architectural decisions |
+| `CONTRIBUTING.md` | Setup, PR process, DCO |
+| `KNOWN_ISSUES.md` | Pre-existing test failures |
+| `docs/nostr-event-schemas.md` | Event definitions |
+| `docs/playback-fallback.md` | URL-first strategy |
+| `docs/moderation/README.md` | Moderation system |
+| `docs/logging.md` | Logger usage |
+
+---
+
+## Quick Reference
+
+### Import Patterns
+
+```javascript
+// Nostr client
+import { nostrClient } from './nostrClientFacade.js';
+
+// View events (analytics)
+import { recordVideoView } from './nostrViewEventsFacade.js';
+
+// Watch history
+import { updateWatchHistoryListWithDefaultClient } from './nostrWatchHistoryFacade.js';
+
+// Event building
+import { buildVideoPostEvent } from './nostrEventSchemas.js';
+
+// Feature flags
+import { URL_FIRST_ENABLED, setUrlFirstEnabled } from './constants.js';
+
+// Logger
+import { logger } from './utils/logger.js';
+```
+
+### Content Schema v3
+
+```javascript
+{
+  version: 3,
+  title: string,           // Required
+  url?: string,            // HTTPS video URL
+  magnet?: string,         // WebTorrent magnet
+  thumbnail?: string,
+  description?: string,
+  mode: 'live' | 'dev',
+  isPrivate: boolean,
+  deleted: boolean,
+  videoRootId: string      // Stable identifier
+}
+```
+
+Validation: Must have `title` + at least one of `url` or `magnet`.
+
+---
+
+## Final Notes
+
+1. **Read AGENTS.md first** — it contains mission-critical architectural decisions
+2. **Check KNOWN_ISSUES.md** — avoid investigating pre-existing failures
+3. **Use sharded tests** — faster feedback during development
+4. **Never commit generated CSS** — `css/tailwind.generated.css` is gitignored
+5. **Token-first styling** — no raw colors, no inline styles
+6. **Keep magnets raw** — decode only at playback time
+7. **Document rollback steps** — especially for playback changes
@@ -0,0 +1 @@
+/* /index.html 200
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Scroll Spy Benchmark</title>
+    <style>
+        body { font-family: sans-serif; line-height: 1.6; margin: 0; padding: 0; }
+        nav { position: fixed; top: 0; left: 0; width: 200px; height: 100vh; overflow-y: auto; background: #f0f0f0; padding: 20px; box-sizing: border-box; }
+        main { margin-left: 220px; padding: 20px; }
+        section { height: 800px; border-bottom: 1px solid #ccc; padding-top: 100px; }
+        .active { color: red; font-weight: bold; }
+        h2 { margin: 0; }
+        .heavy {
+            display: flex;
+            flex-wrap: wrap;
+        }
+        .heavy div {
+            width: 10px;
+            height: 10px;
+            margin: 1px;
+            background: #ddd;
+        }
+    </style>
+</head>
+<body>
+    <nav id="toc"></nav>
+    <main id="content"></main>
+
+    <script>
+        const NUM_SECTIONS = 200;
+        const OFFSET = 96;
+        const headings = [];
+
+        const toc = document.getElementById('toc');
+        const content = document.getElementById('content');
+
+        for (let i = 0; i < NUM_SECTIONS; i++) {
+            const id = `section-${i}`;
+            const link = document.createElement('a');
+            link.href = `#${id}`;
+            link.textContent = `Section ${i}`;
+            link.style.display = 'block';
+            link.id = `link-${id}`;
+            toc.appendChild(link);
+
+            const section = document.createElement('section');
+            const h2 = document.createElement('h2');
+            h2.id = id;
+            h2.textContent = `Section ${i}`;
+            section.appendChild(h2);
+
+            const heavy = document.createElement('div');
+            heavy.className = 'heavy';
+            for (let j = 0; j < 500; j++) {
+                const d = document.createElement('div');
+                heavy.appendChild(d);
+            }
+            section.appendChild(heavy);
+
+            content.appendChild(section);
+            headings.push(h2);
+        }
+
+        let activeId = "";
+        function setActive(id) {
+            if (activeId === id) return;
+            if (activeId) {
+                const prev = document.getElementById(`link-${activeId}`);
+                if (prev) prev.classList.remove('active');
+            }
+            activeId = id;
+            if (id) {
+                const next = document.getElementById(`link-${id}`);
+                if (next) next.classList.add('active');
+            }
+        }
+
+        let totalTime = 0;
+        let count = 0;
+
+        function updateLegacy() {
+            const start = performance.now();
+            let nextId = headings[0].id;
+            for (const heading of headings) {
+                const top = heading.getBoundingClientRect().top - OFFSET;
+                if (top <= 0) {
+                    nextId = heading.id;
+                } else {
+                    break;
+                }
+            }
+            setActive(nextId);
+            totalTime += (performance.now() - start);
+            count++;
+        }
+
+        let observer;
+        function setupOptimized() {
+            if (observer) observer.disconnect();
+
+            observer = new IntersectionObserver((entries) => {
+                const start = performance.now();
+                entries.forEach(entry => {
+                    if (entry.isIntersecting) {
+                        setActive(entry.target.id);
+                    } else if (entry.boundingClientRect.top > 96) {
+                        // Scrolling up simulation
+                        const index = headings.findIndex((h) => h.id === entry.target.id);
+                        if (index > 0) {
+                            setActive(headings[index - 1].id);
+                        }
+                    }
+                });
+                totalTime += (performance.now() - start);
+                count++;
+            }, {
+                rootMargin: "-96px 0px -50% 0px",
+                threshold: 0
+            });
+
+            headings.forEach(h => observer.observe(h));
+        }
+
+        let rafId;
+        window.startLegacy = () => {
+            totalTime = 0;
+            count = 0;
+            window.onScrollLegacy = () => {
+                // To measure pure layout thrashing cost, we should NOT wrap in RAF in the benchmark logic
+                // if we want to ensure it runs every scroll event.
+                // But realistically, it IS wrapped in RAF in production.
+                // So we stick to RAF, but we measure the execution time of the *inner* function.
+                if (rafId) return;
+                rafId = requestAnimationFrame(() => {
+                    updateLegacy();
+                    rafId = null;
+                });
+            };
+            window.addEventListener('scroll', window.onScrollLegacy);
+        };
+
+        window.stopLegacy = () => {
+             window.removeEventListener('scroll', window.onScrollLegacy);
+             if (rafId) cancelAnimationFrame(rafId);
+             rafId = null;
+        };
+
+        window.startOptimized = () => {
+            totalTime = 0;
+            count = 0;
+            setupOptimized();
+        };
+
+        window.stopOptimized = () => {
+            if (observer) observer.disconnect();
+        }
+
+        window.getMetrics = () => ({
+            avgTime: count ? totalTime / count : 0,
+            totalTime,
+            count
+        });
+    </script>
+</body>
+</html>
@@ -0,0 +1,82 @@
+import { chromium } from 'playwright';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+(async () => {
+  const browser = await chromium.launch();
+  const page = await browser.newPage();
+  const filePath = `file://${path.join(__dirname, 'docs_scroll_spy.html')}`;
+
+  console.log(`Loading ${filePath}`);
+  await page.goto(filePath);
+
+  // --- LEGACY ---
+  console.log('Running Legacy Benchmark...');
+  await page.evaluate(() => window.startLegacy());
+
+  await page.evaluate(async () => {
+      return new Promise(resolve => {
+          let scrollY = 0;
+          let steps = 0;
+          const maxSteps = 200;
+          const stepSize = 200;
+          function step() {
+              scrollY += stepSize;
+              window.scrollTo(0, scrollY);
+              steps++;
+              if (steps < maxSteps) {
+                  requestAnimationFrame(step);
+              } else {
+                  resolve();
+              }
+          }
+          step();
+      });
+  });
+
+  // Wait for RAFs to flush
+  await page.waitForTimeout(500);
+
+  const legacyMetrics = await page.evaluate(() => window.getMetrics());
+  console.log('Legacy Metrics:', legacyMetrics);
+
+  await page.evaluate(() => window.stopLegacy());
+  await page.evaluate(() => window.scrollTo(0, 0));
+
+  await page.waitForTimeout(1000);
+
+  // --- OPTIMIZED ---
+  console.log('Running Optimized Benchmark...');
+  await page.evaluate(() => window.startOptimized());
+
+  await page.evaluate(async () => {
+      return new Promise(resolve => {
+          let scrollY = 0;
+          let steps = 0;
+          const maxSteps = 200;
+          const stepSize = 200;
+          function step() {
+              scrollY += stepSize;
+              window.scrollTo(0, scrollY);
+              steps++;
+              if (steps < maxSteps) {
+                  requestAnimationFrame(step);
+              } else {
+                  resolve();
+              }
+          }
+          step();
+      });
+  });
+
+   // Wait for IO to flush
+  await page.waitForTimeout(500);
+
+  const optimizedMetrics = await page.evaluate(() => window.getMetrics());
+  console.log('Optimized Metrics:', optimizedMetrics);
+
+  await browser.close();
+})();
@@ -0,0 +1,2 @@
+/*
+  Content-Security-Policy: frame-ancestors *
@@ -0,0 +1 @@
+/* /index.html 200
@@ -0,0 +1,7 @@
+{
+  "css/docs.css": "css/docs.fe4863d7877544b1.css",
+  "css/tailwind.generated.css": "css/tailwind.generated.31c8693d9b82d026.css",
+  "js/embed.js": "js/embed.98945fd2b67db09c.js",
+  "js/index.js": "js/index.d1b55d32505a5ef6.js",
+  "js/nostrToolsBootstrap.js": "js/nostrToolsBootstrap.8f9629740a8f3b78.js"
+}
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,0C5.373,0 0,5.373 0,12C0,18.627 5.373,24 12,24C18.627,24 24,18.627 24,12C24,5.373 18.627,0 12,0ZM9.967,16.01C10.531,14.221 11.599,12.078 11.788,11.536C12.061,10.749 11.577,10.4 10.048,11.745L9.708,11.105C11.452,9.208 15.043,8.779 13.821,11.718C13.058,13.553 12.512,14.792 12.2,15.748C11.745,17.141 12.894,16.576 14.019,15.537C14.172,15.787 14.222,15.868 14.375,16.156C11.877,18.534 9.104,18.744 9.967,16.01ZM14.709,7.841C14.177,8.294 13.389,8.284 12.948,7.819C12.507,7.354 12.581,6.611 13.112,6.158C13.644,5.705 14.432,5.716 14.873,6.18C15.312,6.646 15.24,7.389 14.709,7.841Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g transform="matrix(0.0349343,0,0,0.0349343,-55.5414,-28.6416)">
+        <path d="M1878.62,1496.58C1719.5,1470.41 1597.95,1332.09 1597.95,1165.6C1597.95,980.47 1748.25,830.166 1933.38,830.166C2118.51,830.166 2268.82,980.47 2268.82,1165.6C2268.82,1331.86 2147.6,1470.03 1988.8,1496.47L1988.8,1466.79C2131.38,1440.68 2239.59,1315.68 2239.59,1165.6C2239.59,996.604 2102.38,859.399 1933.38,859.399C1764.39,859.399 1627.18,996.604 1627.18,1165.6C1627.18,1315.91 1735.72,1441.07 1878.62,1466.91L1878.62,1496.58ZM1878.62,1400.68C1771.77,1375.85 1692.06,1279.96 1692.06,1165.6C1692.06,1032.41 1800.19,924.274 1933.38,924.274C2066.57,924.274 2174.71,1032.41 2174.71,1165.6C2174.71,1279.73 2095.32,1375.46 1988.8,1400.53L1988.8,1370.37C2079.02,1345.98 2145.48,1263.49 2145.48,1165.6C2145.48,1048.54 2050.44,953.507 1933.38,953.507C1816.33,953.507 1721.29,1048.54 1721.29,1165.6C1721.29,1263.73 1788.07,1346.38 1878.62,1370.55L1878.62,1400.68ZM1878.62,1304.01C1823.55,1282.18 1784.56,1228.41 1784.56,1165.6C1784.56,1083.46 1851.24,1016.77 1933.38,1016.77C2015.52,1016.77 2082.21,1083.46 2082.21,1165.6C2082.21,1228.16 2043.53,1281.76 1988.8,1303.75L1988.8,1271.59C2026.93,1251.59 2052.98,1211.62 2052.98,1165.6C2052.98,1099.6 1999.39,1046.01 1933.38,1046.01C1867.38,1046.01 1813.79,1099.6 1813.79,1165.6C1813.79,1211.88 1840.13,1252.05 1878.62,1271.93L1878.62,1304.01ZM1933.38,1109.82C1964.17,1109.82 1989.16,1134.82 1989.16,1165.6C1989.16,1196.39 1964.17,1221.38 1933.38,1221.38C1902.6,1221.38 1877.6,1196.39 1877.6,1165.6C1877.6,1134.82 1902.6,1109.82 1933.38,1109.82Z" fill="#5C6F8A"/>
+    </g>
+</svg>
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g transform="matrix(1.09255,0,0,1.09255,-0.61419,-0.557138)">
+        <path d="M11.546,1.337C17.151,1.337 21.702,5.888 21.702,11.493C21.702,17.099 17.151,21.65 11.546,21.65C5.94,21.65 1.389,17.099 1.389,11.493C1.389,5.888 5.94,1.337 11.546,1.337ZM10.288,13.666C10.735,14.248 11.352,14.54 12.138,14.54C12.878,14.54 13.491,14.29 13.975,13.792C14.46,13.293 14.702,12.697 14.702,12.003C14.702,11.141 14.3,10.526 13.495,10.158C13.924,9.994 14.274,9.743 14.544,9.407C14.814,9.071 14.949,8.687 14.949,8.254C14.949,7.757 14.757,7.325 14.375,6.959C13.992,6.593 13.445,6.409 12.734,6.409C11.929,6.409 11.274,6.652 10.768,7.136C10.262,7.62 9.882,8.454 9.628,9.638L8.143,16.578L9.666,16.578L10.288,13.666ZM11.8,9.445L11.532,10.619C11.611,10.616 11.672,10.614 11.715,10.614C12.741,10.614 13.254,11.043 13.254,11.901C13.254,12.398 13.108,12.773 12.817,13.025C12.525,13.277 12.221,13.403 11.902,13.403C11.566,13.403 11.283,13.287 11.052,13.057C10.822,12.826 10.706,12.491 10.706,12.051C10.706,11.819 10.744,11.524 10.819,11.166L11.162,9.595C11.266,9.112 11.373,8.744 11.484,8.49C11.595,8.236 11.76,8.03 11.98,7.871C12.2,7.712 12.449,7.632 12.728,7.632C12.953,7.632 13.137,7.698 13.278,7.831C13.419,7.963 13.49,8.124 13.49,8.313C13.49,8.592 13.372,8.851 13.136,9.091C12.9,9.33 12.53,9.45 12.026,9.45C11.983,9.45 11.908,9.448 11.8,9.445Z" fill="#5C6F8A"/>
+    </g>
+</svg>
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M13.744,8C13.744,8 15.266,0 10.409,0L2,0L2,24L22,24L22,11C22,7.581 16.753,7.255 13.744,8ZM18,19L6,19L6,18L18,18L18,19ZM18,16L6,16L6,15L18,15L18,16ZM18,13L6,13L6,12L18,12L18,13ZM14.568,0.075C16.77,1.249 20.506,4.958 22,6.956C20.714,6.056 17.956,5.299 15.909,5.777C16.131,4.309 15.724,1.243 14.568,0.075Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.374 20.235c2.444-2.981 6.626-8.157 6.626-8.157l-3.846-3.092s-2.857 3.523-6.571 8.097c-4.312 5.312-11.881-2.41-6.671-6.671 4.561-3.729 8.097-6.57 8.097-6.57l-3.092-3.842s-5.173 4.181-8.157 6.621c-2.662 2.175-3.76 4.749-3.76 7.24 0 5.254 4.867 10.139 10.121 10.139 2.487 0 5.064-1.095 7.253-3.765zm4.724-7.953l-1.699 2.111-1.74-1.397 1.701-2.114 1.738 1.4zm-10.386-10.385l1.4 1.738-2.113 1.701-1.397-1.74 2.11-1.699z"/></svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,0C5.373,0 0,5.373 0,12C0,18.627 5.373,24 12,24C18.627,24 24,18.627 24,12C24,5.373 18.627,0 12,0ZM12,22C8.877,22 6.086,20.559 4.251,18.31C4.51,17.722 5.034,17.315 6.118,17.064C8.362,16.546 10.577,16.083 9.511,14.119C6.356,8.299 8.612,5 12,5C15.322,5 17.634,8.177 14.489,14.119C13.454,16.071 15.589,16.535 17.882,17.064C18.964,17.314 19.492,17.719 19.753,18.305C17.917,20.558 15.125,22 12,22Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,0C18.623,0 24,5.377 24,12C24,18.623 18.623,24 12,24C5.377,24 0,18.623 0,12C0,5.377 5.377,0 12,0M14.557,16L9.442,16C9.988,18.46 10.883,20.114 12,21.744C13.194,20.003 14.041,18.334 14.557,16M7.4,16L2.833,16C4.069,18.825 6.537,20.972 9.588,21.716C8.54,19.983 7.805,18.058 7.4,16M21.167,16L16.6,16C16.209,17.988 15.505,19.887 14.425,21.694C17.437,20.931 19.942,18.799 21.167,16M7.162,10L2.2,10C1.933,11.313 1.933,12.685 2.2,14L7.115,14C6.996,12.671 7.014,11.328 7.162,10M14.823,10L9.176,10C9.011,11.326 8.991,12.672 9.123,14L14.876,14C15.009,12.672 14.987,11.327 14.823,10M21.8,10L16.837,10C16.985,11.328 17.003,12.671 16.885,14L21.8,14C22.06,12.715 22.073,11.352 21.8,10M9.644,2.271C6.567,3.003 4.077,5.157 2.833,8L7.486,8C7.921,5.958 8.664,4.015 9.644,2.271M11.999,2.223C10.91,3.993 10.089,5.676 9.536,8L14.463,8C13.929,5.754 13.126,4.052 11.999,2.223M14.367,2.292C15.38,4.104 16.1,6.052 16.513,8L21.167,8C19.935,5.184 17.405,3.042 14.367,2.292" fill="#5C6F8A"/>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="5" cy="12" r="2" fill="#ffffff" />
+  <circle cx="12" cy="12" r="2" fill="#ffffff" />
+  <circle cx="19" cy="12" r="2" fill="#ffffff" />
+</svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,0C18.623,0 24,5.377 24,12C24,18.623 18.623,24 12,24C5.377,24 0,18.623 0,12C0,5.377 5.377,0 12,0ZM12,2C17.519,2 22,6.481 22,12C22,17.519 17.519,22 12,22C6.481,22 2,17.519 2,12C2,6.481 6.481,2 12,2ZM13.476,14.955C14.464,14.55 15.233,13.744 15.592,12.739L18,6L11.328,8.387C10.322,8.747 9.517,9.518 9.112,10.506L6.047,18L13.476,14.955ZM13.354,10.669C13.905,11.22 13.905,12.115 13.354,12.665C12.803,13.216 11.909,13.216 11.358,12.665C10.807,12.115 10.807,11.22 11.358,10.669C11.909,10.118 12.803,10.118 13.354,10.669Z" fill="#5C6F8A"/>
+</svg>
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g id="iconmonstr-weather-64.svg" transform="matrix(1,0,0,1,12,12)">
+        <g id="iconmonstr-filter-down-lined.svg" transform="matrix(1,0,0,1,-12,-12)">
+            <path d="M15.344,17.778C15.344,17.364 15.008,17.028 14.594,17.028L9.434,17.028C9.02,17.028 8.684,17.364 8.684,17.778C8.684,18.192 9.02,18.528 9.434,18.528L14.594,18.528C15.008,18.528 15.344,18.192 15.344,17.778ZM17.55,13.778C17.55,13.364 17.214,13.028 16.8,13.028L7.204,13.028C6.79,13.028 6.454,13.364 6.454,13.778C6.454,14.192 6.79,14.528 7.204,14.528L16.8,14.528C17.214,14.528 17.55,14.192 17.55,13.778ZM20,9.778C20,9.364 19.664,9.028 19.25,9.028L4.75,9.028C4.336,9.028 4,9.364 4,9.778C4,10.192 4.336,10.528 4.75,10.528L19.25,10.528C19.664,10.528 20,10.192 20,9.778ZM22,5.778C22,5.364 21.664,5.028 21.25,5.028L2.75,5.028C2.336,5.028 2,5.364 2,5.778C2,6.192 2.336,6.528 2.75,6.528L21.25,6.528C21.664,6.528 22,6.192 22,5.778Z" fill="#5C6F8A" fill-rule="nonzero"/>
+        </g>
+        <g id="iconmonstr-filter-down-lined.svg1" serif:id="iconmonstr-filter-down-lined.svg">
+        </g>
+    </g>
+</svg>
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M5 5a2 2 0 1 1 4 0h9a1 1 0 1 1 0 2H9a2 2 0 1 1-4 0H4a1 1 0 1 1 0-2h1Zm10 6a2 2 0 1 1 4 0h1a1 1 0 1 1 0 2h-1a2 2 0 1 1-4 0H4a1 1 0 1 1 0-2h11Zm-6 7a2 2 0 1 1 4 0h6a1 1 0 1 1 0 2h-6a2 2 0 1 1-4 0H4a1 1 0 1 1 0-2h5Z" />
+</svg>
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g id="iconmonstr-weather-64.svg" transform="matrix(1,0,0,1,12,12)">
+        <g transform="matrix(1,0,0,1,-12,-12)">
+            <path d="M11,10L0,10L0,8L11,8C11.552,8 12,7.552 12,7C12,6.448 11.552,6 11,6C10.597,6 10.253,6.242 10.095,6.587L8.346,5.631C8.845,4.666 9.84,4 11,4C14.971,4 14.969,10 11,10ZM18,17C18,15.344 16.656,14 15,14L0,14L0,16L15,16C15.552,16 16,16.448 16,17C16,17.552 15.552,18 15,18C14.597,18 14.253,17.758 14.095,17.413L12.346,18.369C12.845,19.334 13.84,20 15,20C16.656,20 18,18.656 18,17ZM19.014,9.345C19.096,8.592 19.726,8 20.5,8C21.327,8 22,8.673 22,9.5C22,10.327 21.327,11 20.5,11L0,11L0,13L20.5,13C22.432,13 24,11.432 24,9.5C24,7.568 22.432,6 20.5,6C18.876,6 17.523,7.116 17.128,8.617L19.014,9.345Z" fill="#5C6F8A" fill-rule="nonzero"/>
+        </g>
+    </g>
+</svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M6.676,9.18C5.25,9.171 3.459,9.944 2.093,11.31C1.572,11.831 1.114,12.439 0.76,13.122C1.992,12.189 3.307,11.897 4.846,12.761C5.299,11.562 5.902,10.343 6.676,9.18ZM14.83,17.323C13.566,18.149 12.324,18.745 11.249,19.165C12.112,20.705 11.82,22.018 10.888,23.25C11.572,22.897 12.179,22.438 12.7,21.916C14.07,20.547 14.844,18.751 14.83,17.323ZM19.957,4.035C19.613,4.011 19.276,4 18.946,4C11.777,4 7.697,9.465 6.213,13.86L10.152,17.8C14.677,16.18 20,12.251 20,5.158C20,4.792 19.986,4.418 19.957,4.035ZM11.717,12.293C11.391,11.968 11.391,11.44 11.717,11.115C12.042,10.789 12.57,10.789 12.895,11.115C13.221,11.441 13.221,11.968 12.895,12.293C12.569,12.619 12.042,12.619 11.717,12.293ZM14.073,9.937C13.422,9.287 13.422,8.231 14.073,7.58C14.724,6.929 15.779,6.929 16.429,7.58C17.08,8.231 17.08,9.286 16.429,9.937C15.779,10.587 14.725,10.587 14.073,9.937ZM1.641,20.315L0.886,19.56L5.226,15.237L5.981,15.992L1.641,20.315ZM5.79,21.862L5.035,21.107L8.064,18.053L8.819,18.808L5.79,21.862ZM0.755,24L-0,23.245L5.373,17.881L6.129,18.636L0.755,24ZM21.838,9.709C21.65,10.327 21.165,10.811 20.547,11C21.165,11.188 21.65,11.672 21.838,12.291C22.027,11.672 22.511,11.188 23.129,11C22.511,10.812 22.027,10.328 21.838,9.709ZM7.183,3.205C6.936,4.015 6.302,4.648 5.493,4.895C6.303,5.142 6.936,5.776 7.183,6.585C7.431,5.776 8.064,5.142 8.873,4.895C8.063,4.648 7.431,4.015 7.183,3.205ZM5.356,0C5.157,0.649 4.65,1.157 4,1.355C4.65,1.554 5.157,2.062 5.356,2.71C5.554,2.061 6.062,1.553 6.71,1.355C6.062,1.157 5.555,0.649 5.356,0ZM10.743,0C10.427,1.035 9.616,1.846 8.58,2.163C9.616,2.479 10.427,3.289 10.743,4.326C11.059,3.29 11.87,2.48 12.905,2.163C11.87,1.846 11.06,1.035 10.743,0ZM21.838,13.64C21.522,14.676 20.711,15.486 19.675,15.803C20.711,16.119 21.522,16.965 21.838,18C22.154,16.964 22.965,16.119 24,15.803C22.965,15.486 22.154,14.676 21.838,13.64Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,0C5.374,0 0,5.373 0,12C0,17.302 3.438,21.8 8.207,23.387C8.806,23.498 9,23.126 9,22.81L9,20.576C5.662,21.302 4.967,19.16 4.967,19.16C4.421,17.773 3.634,17.404 3.634,17.404C2.545,16.659 3.717,16.675 3.717,16.675C4.922,16.759 5.556,17.912 5.556,17.912C6.626,19.746 8.363,19.216 9.048,18.909C9.155,18.134 9.466,17.604 9.81,17.305C7.145,17 4.343,15.971 4.343,11.374C4.343,10.063 4.812,8.993 5.579,8.153C5.455,7.85 5.044,6.629 5.696,4.977C5.696,4.977 6.704,4.655 8.997,6.207C9.954,5.941 10.98,5.808 12,5.803C13.02,5.808 14.047,5.941 15.006,6.207C17.297,4.655 18.303,4.977 18.303,4.977C18.956,6.63 18.545,7.851 18.421,8.153C19.191,8.993 19.656,10.064 19.656,11.374C19.656,15.983 16.849,16.998 14.177,17.295C14.607,17.667 15,18.397 15,19.517L15,22.81C15,23.129 15.192,23.504 15.801,23.386C20.566,21.797 24,17.3 24,12C24,5.373 18.627,0 12,0Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10" />
+  <path d="M2 12h20" />
+  <path d="M12 2c2.5 2.7 4 6.2 4 10s-1.5 7.3-4 10" />
+  <path d="M12 2c-2.5 2.7-4 6.2-4 10s1.5 7.3 4 10" />
+</svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M23.334,11.96C22.621,11.234 22.462,10.131 22.941,9.233C23.283,8.593 23.307,7.832 23.005,7.171C22.704,6.511 22.112,6.029 21.404,5.869C20.413,5.644 19.682,4.802 19.601,3.788C19.542,3.065 19.15,2.41 18.539,2.018C17.93,1.625 17.172,1.54 16.489,1.789C15.533,2.136 14.463,1.821 13.847,1.013C13.407,0.437 12.723,0.098 11.997,0.098C11.272,0.098 10.588,0.437 10.148,1.013C9.535,1.822 8.465,2.137 7.509,1.79C6.827,1.542 6.069,1.627 5.459,2.019C4.849,2.411 4.456,3.066 4.398,3.789C4.316,4.803 3.586,5.646 2.595,5.87C1.887,6.03 1.295,6.512 0.994,7.172C0.693,7.832 0.717,8.594 1.059,9.233C1.538,10.13 1.379,11.234 0.667,11.96C0.158,12.477 -0.08,13.202 0.023,13.92C0.126,14.638 0.559,15.267 1.193,15.62C2.081,16.115 2.545,17.13 2.337,18.125C2.19,18.835 2.381,19.573 2.856,20.121C3.332,20.67 4.036,20.965 4.758,20.919C5.774,20.856 6.711,21.459 7.075,22.408C7.334,23.086 7.895,23.603 8.592,23.807C9.287,24.011 10.039,23.879 10.623,23.45C11.442,22.847 12.559,22.847 13.377,23.45C13.961,23.88 14.713,24.012 15.408,23.807C16.105,23.603 16.666,23.085 16.926,22.408C17.289,21.459 18.227,20.855 19.242,20.919C19.966,20.965 20.669,20.67 21.144,20.121C21.619,19.573 21.811,18.835 21.663,18.125C21.456,17.13 21.919,16.115 22.808,15.62C23.441,15.266 23.873,14.638 23.977,13.92C24.081,13.202 23.842,12.477 23.334,11.96ZM10.75,17.39L6.25,13.026L8.107,11.169L10.75,13.675L16.393,7.891L18.25,9.748L10.75,17.39Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg
+  width="100%"
+  height="100%"
+  viewBox="0 0 24 24"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xml:space="preserve"
+  xmlns:serif="http://www.serif.com/"
+  fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"
+>
+  <g transform="matrix(1,0,0,1,12,12)">
+    <g transform="matrix(1,0,0,1,-12,-12)">
+      <path
+        d="M12,2C6.486,2 2,6.486 2,12C2,17.514 6.486,22 12,22C17.514,22 22,17.514 22,12C22,6.486 17.514,2 12,2ZM12,4C16.411,4 20,7.589 20,12C20,16.411 16.411,20 12,20C7.589,20 4,16.411 4,12C4,7.589 7.589,4 12,4ZM11,7C10.448,7 10,7.448 10,8L10,13C10,13.266 10.105,13.52 10.293,13.707L13.293,16.707C13.683,17.098 14.317,17.098 14.707,16.707C15.098,16.317 15.098,15.683 14.707,15.293L12,12.586L12,8C12,7.448 11.552,7 11,7Z"
+        fill="#5C6F8A" fill-rule="nonzero"
+      />
+    </g>
+  </g>
+</svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,6.453L21,14.828L21,24L15,24L15,18L9,18L9,24L3,24L3,14.828L12,6.453ZM24,12.148L12,1L0,12.133L1.361,13.598L12,3.73L22.639,13.613L24,12.148Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g id="iconmonstr-weather-64.svg" transform="matrix(1,0,0,1,12,12)">
+        <g id="iconmonstr-whats-hot-1.svg" transform="matrix(1,0,0,1,-12,-12)">
+            <clipPath id="_clip1">
+                <rect x="0" y="0" width="24" height="24"/>
+            </clipPath>
+            <g clip-path="url(#_clip1)">
+                <path d="M8.625,0C9.235,7.189 3,9.664 3,15.996C3,20.297 6.069,23.968 12,24C17.931,24.032 21,19.586 21,15.044C21,10.903 18.938,6.998 15.048,4.57C15.972,7.177 14.742,9.558 13.547,10.378C13.617,7.041 12.422,2.089 8.625,0ZM13.336,13C17.091,16.989 14.785,22 11.769,22C9.934,22 8.99,20.735 9,19.423C9.019,16.99 11.737,16.988 13.336,13Z" fill="#5C6F8A"/>
+            </g>
+        </g>
+        <g id="iconmonstr-whats-hot-1.svg1" serif:id="iconmonstr-whats-hot-1.svg">
+        </g>
+    </g>
+</svg>
@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="white"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
+</svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M21.337,0.458L17.4,4.394C14.951,2.928 11.73,3.25 9.62,5.36L5.359,9.622C3.249,11.732 2.926,14.953 4.391,17.402L0.456,21.337C-0.153,21.946 -0.153,22.934 0.456,23.544C1.065,24.154 2.054,24.153 2.663,23.544L6.598,19.609C9.047,21.074 12.268,20.753 14.378,18.642L18.639,14.381C20.749,12.271 21.072,9.05 19.607,6.6L23.543,2.664C24.152,2.055 24.152,1.067 23.543,0.457C22.934,-0.153 21.946,-0.152 21.337,0.458ZM16.475,12.215L12.214,16.476C11.319,17.37 10.038,17.645 8.904,17.303L10.536,15.671C11.145,15.062 11.145,14.074 10.536,13.464C9.927,12.854 8.938,12.855 8.329,13.464L6.698,15.096C6.355,13.963 6.631,12.681 7.524,11.787L11.785,7.526C12.68,6.632 13.961,6.357 15.095,6.699L13.464,8.329C12.855,8.938 12.855,9.926 13.464,10.536C14.073,11.146 15.062,11.145 15.671,10.536L17.301,8.906C17.644,10.039 17.368,11.321 16.475,12.215Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M22,16.75C22,16.336 21.664,16 21.25,16L2.75,16C2.336,16 2,16.336 2,16.75C2,17.164 2.336,17.5 2.75,17.5L21.25,17.5C21.664,17.5 22,17.164 22,16.75ZM22,11.75C22,11.336 21.664,11 21.25,11L2.75,11C2.336,11 2,11.336 2,11.75C2,12.164 2.336,12.5 2.75,12.5L21.25,12.5C21.664,12.5 22,12.164 22,11.75ZM22,6.75C22,6.336 21.664,6 21.25,6L2.75,6C2.336,6 2,6.336 2,6.75C2,7.164 2.336,7.5 2.75,7.5L21.25,7.5C21.664,7.5 22,7.164 22,6.75Z" fill="#111827" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g id="Artboard1" transform="matrix(0.217336,0,0,0.428004,4.79827,-2.20936)">
+        <rect x="-22.078" y="5.162" width="110.428" height="56.074" fill="none"/>
+        <g id="nostr-head.svg" transform="matrix(0.143477,0,0,0.0728563,33.1364,33.1991)">
+            <g transform="matrix(1,0,0,1,-310,-310)">
+                <path d="M620,270.227L620,597.655C620,609.968 610.081,619.961 597.859,619.961L332.161,619.961C319.938,619.961 310.02,609.968 310.02,597.655L310.02,536.678C311.23,461.931 319.079,390.332 335.558,357.759C345.438,338.168 361.722,327.506 380.427,321.802C415.768,311.102 477.779,318.419 504.099,317.16C504.099,317.16 583.605,320.346 583.605,274.987C583.605,238.48 548.07,241.352 548.07,241.352C508.902,242.374 479.068,239.699 459.738,232.028C427.365,219.203 426.272,195.678 426.155,187.81C424.554,96.934 291.549,86.037 174.359,108.579C46.235,133.127 175.765,318.143 175.765,565.121L175.765,598.088C175.531,610.204 165.807,620 153.702,620L22.142,620C9.919,620 0,610.008 0,597.694L0,31.393C0,19.08 9.919,9.088 22.142,9.088L145.813,9.088C158.036,9.088 167.955,19.08 167.955,31.393C167.955,49.687 188.378,59.876 203.139,49.215C247.617,17.113 304.709,0 368.595,0C511.714,0 619.922,84.031 619.922,270.227L620,270.227ZM382.419,203.782C382.419,177.424 361.214,156.062 335.051,156.062C308.887,156.062 287.683,177.424 287.683,203.782C287.683,230.14 308.887,251.501 335.051,251.501C361.214,251.501 382.419,230.14 382.419,203.782Z" fill="#5C6F8A" fill-rule="nonzero"/>
+            </g>
+        </g>
+    </g>
+</svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M23.961,8.429C23.13,9.411 22.347,10.347 22,12.204L22,18.887L18,21.366L18,12.205C17.653,10.348 16.87,9.412 16.039,8.43C15.131,7.355 14,6.019 14,3.801L14.019,3.456L12,2L6.455,6L0,2L0,20L6.455,24L12,20L17.545,24L24,20L24,8.382L23.961,8.429ZM11,18.255L7,21.14L7,8.073L11,5.187L11,18.255ZM20,0C17.9,0 16,1.702 16,3.801C16,6.922 19.188,7.252 20,12C20.812,7.252 24,6.922 24,3.801C24,1.702 22.1,0 20,0ZM20,5.5C19.172,5.5 18.5,4.829 18.5,4C18.5,3.171 19.172,2.5 20,2.5C20.828,2.5 21.5,3.171 21.5,4C21.5,4.829 20.828,5.5 20,5.5Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M23.822 20.88l-6.353-6.354c.93-1.465 1.467-3.2 1.467-5.059.001-5.219-4.247-9.467-9.468-9.467s-9.468 4.248-9.468 9.468c0 5.221 4.247 9.469 9.468 9.469 1.768 0 3.421-.487 4.839-1.333l6.396 6.396 3.119-3.12zm-20.294-11.412c0-3.273 2.665-5.938 5.939-5.938 3.275 0 5.94 2.664 5.94 5.938 0 3.275-2.665 5.939-5.94 5.939-3.274 0-5.939-2.664-5.939-5.939z" />
+</svg>
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 7c2.761 0 5 2.239 5 5s-2.239 5-5 5-5-2.239-5-5 2.239-5 5-5zm11.122 12.065c-.073.301-.122.611-.122.935 0 2.209 1.791 4 4 4s4-1.791 4-4-1.791-4-4-4c-1.165 0-2.204.506-2.935 1.301l-5.488-2.927c-.23.636-.549 1.229-.943 1.764l5.488 2.927zm7.878-15.065c0-2.209-1.791-4-4-4s-4 1.791-4 4c0 .324.049.634.122.935l-5.488 2.927c.395.535.713 1.127.943 1.764l5.488-2.927c.731.795 1.77 1.301 2.935 1.301 2.209 0 4-1.791 4-4z"/></svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M21.698,10.658L24,12L11.998,19L0,12L2.301,10.658L11.998,16.316L21.698,10.658ZM11.998,21.315L2.301,15.657L0,17L11.998,24L24,17L21.698,15.658L11.998,21.315ZM24,7L11.998,-0L0,7L11.998,14L24,7Z" fill="white" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M21.698,10.658L24,12L11.998,19L0,12L2.301,10.658L11.998,16.316L21.698,10.658ZM11.998,21.315L2.301,15.657L0,17L11.998,24L24,17L21.698,15.658L11.998,21.315ZM24,7L11.998,-0L0,7L11.998,14L24,7Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/></svg>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M24,13.616L24,10.384C22.349,9.797 21.306,9.632 20.781,8.365L20.781,8.364C20.254,7.093 20.881,6.23 21.628,4.657L19.343,2.372C17.782,3.114 16.91,3.747 15.636,3.219L15.635,3.219C14.366,2.693 14.2,1.643 13.616,0L10.384,0C9.802,1.635 9.635,2.692 8.365,3.219L8.364,3.219C7.093,3.747 6.232,3.121 4.657,2.372L2.372,4.657C3.117,6.225 3.747,7.091 3.219,8.364C2.692,9.635 1.635,9.802 0,10.384L0,13.616C1.632,14.196 2.692,14.365 3.219,15.635C3.749,16.917 3.105,17.801 2.372,19.342L4.657,21.628C6.219,20.885 7.091,20.253 8.364,20.781L8.365,20.781C9.635,21.307 9.801,22.36 10.384,24L13.616,24C14.198,22.364 14.366,21.31 15.643,20.778L15.644,20.778C16.906,20.254 17.764,20.879 19.342,21.629L21.627,19.343C20.883,17.78 20.252,16.91 20.779,15.637C21.306,14.366 22.367,14.197 24,13.616ZM12,16C9.791,16 8,14.209 8,12C8,9.791 9.791,8 12,8C14.209,8 16,9.791 16,12C16,14.209 14.209,16 12,16Z" fill="white" fill-rule="nonzero"/>
+</svg>
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <g transform="matrix(0.0349343 0 0 0.0349343 -55.5414 -28.6416)">
+    <path d="M1878.62 1496.58c-159.12-26.17-280.67-164.49-280.67-330.98 0-185.13 150.3-335.43 335.43-335.43s335.44 150.3 335.44 335.43c0 166.26-121.22 304.43-280.02 330.87v-29.68c142.58-26.11 250.79-151.11 250.8-301.19 0-169-137.21-306.21-306.21-306.21s-306.2 137.21-306.2 306.21c0 150.31 108.54 275.47 251.44 301.33v29.73Zm0-95.9c-106.85-24.83-186.56-120.72-186.56-235.08 0-133.19 108.13-241.33 241.32-241.33s241.33 108.14 241.33 241.33c0 113.13-79.39 208.86-185.91 233.93v-30.16c90.22-24.39 156.68-106.88 156.68-204.77 0-117.06-97.12-214.22-214.18-214.22s-214.18 97.12-214.18 214.22c0 97.13 66.78 179.78 157.33 203.95v32.08Zm0-96.67c-55.07-21.83-94.06-75.6-94.06-138.41 0-82.14 66.68-148.83 148.82-148.83s148.83 66.69 148.83 148.83c0 62.56-38.68 116.16-93.41 138.15v-32.16c38.13-20 64.18-59.97 64.18-106 0-66 53.59-119.59 119.6-119.59s119.59 53.59 119.59 119.59c0 46.28-26.34 86.45-64.83 106.33v32.08c-55.07 21.83-94.06 75.6-94.06 138.41 0 82.14 66.68 148.83 148.82 148.83s148.83-66.69 148.83-148.83c0-62.6-38.68-116.2-93.41-138.19v-32.08c38.13-20 64.18-59.97 64.18-106 0-66-53.59-119.59-119.6-119.59s-119.59 53.59-119.59 119.59c0 46.28 26.34 86.45 64.83 106.33v32.08c-55.07 21.83-94.06 75.6-94.06 138.41 0 82.14 66.68 148.83 148.82 148.83s148.83-66.69 148.83-148.83c0-62.56-38.68-116.16-93.41-138.15v-32.16c38.13-20 64.18-59.97 64.18-106 0-66-53.59-119.59-119.6-119.59s-119.59 53.59-119.59 119.59c0 46.28 26.34 86.45 64.83 106.33v32.08Z" />
+  </g>
+</svg>
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.46 112.46">
+  <g class="bv-logo__accent">
+    <rect x="15.79" y="9.53" width="5.84" height="5.48" />
+    <rect x="15.79" y="20.52" width="24.02" height="5.48" />
+    <rect x="15.79" y="31.51" width="42.85" height="5.48" />
+    <rect x="15.79" y="42.5" width="61.68" height="5.48" />
+    <rect x="15.79" y="53.49" width="80.88" height="5.48" />
+    <rect x="15.79" y="64.48" width="61.68" height="5.48" />
+    <rect x="15.79" y="75.47" width="42.85" height="5.48" />
+    <rect x="15.79" y="86.45" width="24.02" height="5.48" />
+    <rect x="15.79" y="97.44" width="5.84" height="5.48" />
+  </g>
+</svg>
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.46 112.46">
+  <g class="bv-logo__accent">
+    <rect x="15.79" y="9.53" width="5.84" height="5.48" />
+    <rect x="15.79" y="20.52" width="24.02" height="5.48" />
+    <rect x="15.79" y="31.51" width="42.85" height="5.48" />
+    <rect x="15.79" y="42.5" width="61.68" height="5.48" />
+    <rect x="15.79" y="53.49" width="80.88" height="5.48" />
+    <rect x="15.79" y="64.48" width="61.68" height="5.48" />
+    <rect x="15.79" y="75.47" width="42.85" height="5.48" />
+    <rect x="15.79" y="86.45" width="24.02" height="5.48" />
+    <rect x="15.79" y="97.44" width="5.84" height="5.48" />
+  </g>
+</svg>
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.46 112.46">
+  <g class="bv-logo__accent">
+    <rect x="15.79" y="9.53" width="5.84" height="5.48" />
+    <rect x="15.79" y="20.52" width="24.02" height="5.48" />
+    <rect x="15.79" y="31.51" width="42.85" height="5.48" />
+    <rect x="15.79" y="42.5" width="61.68" height="5.48" />
+    <rect x="15.79" y="53.49" width="80.88" height="5.48" />
+    <rect x="15.79" y="64.48" width="61.68" height="5.48" />
+    <rect x="15.79" y="75.47" width="42.85" height="5.48" />
+    <rect x="15.79" y="86.45" width="24.02" height="5.48" />
+    <rect x="15.79" y="97.44" width="5.84" height="5.48" />
+  </g>
+</svg>
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229.82 88">
+  <g class="bv-logo__wordmark">
+    <path d="M22.86 14.59v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V14.59h5.83Z" />
+    <path d="M70.11 14.59v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M92.94 14.59v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V14.59h5.83Z" />
+    <path d="M114.46 31.75l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M165.63 14.59v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83V31.75h5.83Z" />
+    <path d="M212.79 14.59v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V14.59h5.83Z" />
+  </g>
+</svg>
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229.82 88">
+  <g class="bv-logo__wordmark">
+    <path d="M22.86 14.59v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V14.59h5.83Z" />
+    <path d="M70.11 14.59v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M92.94 14.59v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V14.59h5.83Z" />
+    <path d="M114.46 31.75l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M165.63 14.59v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83V31.75h5.83Z" />
+    <path d="M212.79 14.59v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V14.59h5.83Z" />
+  </g>
+</svg>
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229.82 88">
+  <g class="bv-logo__wordmark">
+    <path d="M22.86 14.59v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V14.59h5.83Z" />
+    <path d="M70.11 14.59v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M92.94 14.59v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V14.59h5.83Z" />
+    <path d="M114.46 31.75l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M165.63 14.59v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83V31.75h5.83Z" />
+    <path d="M212.79 14.59v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V14.59h5.83Z" />
+  </g>
+</svg>
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__accent">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__accent">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__wordmark">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__wordmark">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__wordmark">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__accent">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 0C18.623 0 24 5.377 24 12c0 6.623-5.377 12-12 12S0 18.623 0 12 5.377 0 12 0Zm2.557 16H9.442c.546 2.46 1.441 4.114 2.558 5.744 1.194-1.741 2.041-3.41 2.557-5.744ZM7.4 16H2.833c1.236 2.825 3.704 4.972 6.755 5.716-.048-1.733-.783-3.658-1.188-5.716Zm13.767 0H16.6c-.391 1.988-1.095 3.887-2.175 5.694 3.012-.763 5.517-2.895 6.742-5.694ZM7.162 10H2.2a7.996 7.996 0 0 0 0 4h4.915a22.266 22.266 0 0 1 .047-4Zm7.661 0H9.176a22.238 22.238 0 0 0-.053 4h5.753a22.238 22.238 0 0 0-.053-4Zm6.638 0h-4.963a22.266 22.266 0 0 1 .048 4H21.8a7.99 7.99 0 0 0-.342-4ZM9.644 2.271A11.996 11.996 0 0 0 2.833 8h4.653c.435-2.042 1.178-3.985 2.158-5.729ZM12 2.223c-1.089 1.77-1.91 3.453-2.463 5.777h4.927C13.93 5.754 13.127 4.052 12 2.223Zm2.368.069C15.38 4.104 16.1 6.052 16.513 8h4.654a11.995 11.995 0 0 0-6.799-5.708Z"/>
+</svg>
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" fill-rule="nonzero">
+  <path d="M23.334 11.96C22.621 11.234 22.462 10.131 22.941 9.233C23.283 8.593 23.307 7.832 23.005 7.171C22.704 6.511 22.112 6.029 21.404 5.869C20.413 5.644 19.682 4.802 19.601 3.788C19.542 3.065 19.15 2.41 18.539 2.018C17.93 1.625 17.172 1.54 16.489 1.789C15.533 2.136 14.463 1.821 13.847 1.013C13.407 0.437 12.723 0.098 11.997 0.098C11.272 0.098 10.588 0.437 10.148 1.013C9.535 1.822 8.465 2.137 7.509 1.79C6.827 1.542 6.069 1.627 5.459 2.019C4.849 2.411 4.456 3.066 4.398 3.789C4.316 4.803 3.586 5.646 2.595 5.87C1.887 6.03 1.295 6.512 0.994 7.172C0.693 7.832 0.717 8.594 1.059 9.233C1.538 10.13 1.379 11.234 0.667 11.96C0.158 12.477 -0.08 13.202 0.023 13.92C0.126 14.638 0.559 15.267 1.193 15.62C2.081 16.115 2.545 17.13 2.337 18.125C2.19 18.835 2.381 19.573 2.856 20.121C3.332 20.67 4.036 20.965 4.758 20.919C5.774 20.856 6.711 21.459 7.075 22.408C7.334 23.086 7.895 23.603 8.592 23.807C9.287 24.011 10.039 23.879 10.623 23.45C11.442 22.847 12.559 22.847 13.377 23.45C13.961 23.88 14.713 24.012 15.408 23.807C16.105 23.603 16.666 23.085 16.926 22.408C17.289 21.459 18.227 20.855 19.242 20.919C19.966 20.965 20.669 20.67 21.144 20.121C21.619 19.573 21.811 18.835 21.663 18.125C21.456 17.13 21.919 16.115 22.808 15.62C23.441 15.266 23.873 14.638 23.977 13.92C24.081 13.202 23.842 12.477 23.334 11.96ZM10.75 17.39L6.25 13.026L8.107 11.169L10.75 13.675L16.393 7.891L18.25 9.748L10.75 17.39Z"/>
+</svg>
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" fill-rule="nonzero">
+  <path d="M12 6.453 21 14.828V24h-6v-6H9v6H3v-9.172zM24 12.148 12 1 0 12.133l1.361 1.465L12 3.73l10.639 9.883z"/>
+</svg>
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" fill-rule="nonzero">
+  <path d="M21 7.702 12.5 12.322V22c1.567-.865 6.379-3.517 7.977-4.399.323-.177.523-.519.523-.891V7.702zm-9.5 4.619L3 7.599v9.006c0 .37.197.708.514.887 1.59.898 6.416 3.623 7.986 4.508v-9.789zm-8.079-5.629L12 11.455l8.672-4.713s-6.631-3.738-8.186-4.614c-.151-.085-.319-.128-.486-.128s-.335.043-.486.128c-1.555.876-8.093 4.564-8.093 4.564Z"/>
+</svg>
@@ -0,0 +1,56 @@
+<!-- components/application-form.html
+     https://bitvid.network?modal=application => open nostrFormModal
+-->
+<div
+  id="nostrFormModal"
+  class="bv-modal hidden items-start justify-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="nostrFormModalTitle"
+  aria-describedby="nostrFormModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div class="bv-modal__panel modal-sheet max-h-modal-shell overflow-y-auto" tabindex="-1">
+    <!-- Header bar with updated styling -->
+    <div class="modal-header">
+      <h2
+        id="nostrFormModalTitle"
+        class="pb-2 text-3xl font-extrabold tracking-wide text-text"
+      >
+        Application Form
+      </h2>
+      <button
+        id="closeNostrFormModal"
+        class="modal-close"
+        aria-label="Close application form modal"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <div id="nostrFormModalDescription" class="modal-body">
+      <div class="modal-embed-frame">
+        <iframe
+          src="/components/iframe_forms/iframe-application-form.html"
+          class="h-full w-full rounded-lg border border-border/30 shadow-sm"
+          frameborder="0"
+        ></iframe>
+      </div>
+    </div>
+  </div>
+</div>
@@ -0,0 +1,58 @@
+<!-- components/bug-fix-form.html
+//    https://bitvid.network?modal=bug => open bugFixModal
+//    Admin: npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe
+//    Form:
+//    Responses:
+-->
+<div
+  id="bugFixModal"
+  class="bv-modal hidden items-start justify-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="bugFixModalTitle"
+  aria-describedby="bugFixModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div class="bv-modal__panel modal-sheet max-h-modal-shell overflow-y-auto" tabindex="-1">
+    <!-- Header bar (sticky) with updated title styling -->
+    <div class="modal-header">
+      <h2
+        id="bugFixModalTitle"
+        class="pb-2 text-3xl font-extrabold tracking-wide text-text"
+      >
+        Bug Fix Form
+      </h2>
+      <button
+        id="closeBugFixModal"
+        class="modal-close"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <div id="bugFixModalDescription" class="modal-body">
+      <div class="modal-embed-frame">
+        <iframe
+          src="./components/iframe_forms/iframe-bug-fix-form.html"
+          class="h-full w-full rounded-lg border border-border/30 shadow-sm"
+          frameborder="0"
+        ></iframe>
+      </div>
+    </div>
+  </div>
+</div>
@@ -0,0 +1,55 @@
+<!-- components/content-appeals-form.html
+     https://bitvid.network?modal=appeals => open contentAppealsModal
+-->
+<div
+  id="contentAppealsModal"
+  class="bv-modal hidden items-start justify-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="contentAppealsModalTitle"
+  aria-describedby="contentAppealsModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div class="bv-modal__panel modal-sheet max-h-modal-shell overflow-y-auto" tabindex="-1">
+    <!-- Header bar (sticky) with improved title styling -->
+    <div class="modal-header">
+      <h2
+        id="contentAppealsModalTitle"
+        class="pb-2 text-3xl font-extrabold tracking-wide text-text"
+      >
+        Content Appeals Form
+      </h2>
+      <button
+        id="closeContentAppealsModal"
+        class="modal-close"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <div id="contentAppealsModalDescription" class="modal-body">
+      <div class="modal-embed-frame">
+        <iframe
+          src="./components/iframe_forms/iframe-content-appeals-form.html"
+          class="h-full w-full rounded-lg border border-border/30 shadow-sm"
+          frameborder="0"
+        ></iframe>
+      </div>
+    </div>
+  </div>
+</div>
@@ -0,0 +1,71 @@
+<!-- components/delete-video-modal.html -->
+<div
+  id="deleteVideoModal"
+  class="bv-modal hidden items-start justify-center md:items-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="deleteModalTitle"
+  aria-describedby="deleteModalDescription"
+  data-ds="new"
+>
+  <div
+    id="deleteVideoModalOverlay"
+    class="bv-modal-backdrop"
+    data-dismiss
+  ></div>
+
+  <div class="modal-sheet max-h-modal-shell w-full max-w-lg overflow-y-auto" tabindex="-1">
+    <div class="modal-header">
+      <div class="flex flex-col">
+        <h2 id="deleteModalTitle" class="text-xl font-bold text-text">Delete video</h2>
+        <p id="deleteModalSubtitle" class="text-xs text-muted">
+          This action removes the note from every feed.
+        </p>
+      </div>
+      <button
+        id="closeDeleteVideoModal"
+        class="modal-close"
+        type="button"
+        aria-label="Close delete modal"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+        </svg>
+      </button>
+    </div>
+
+    <div class="modal-body space-y-6">
+      <div class="rounded-md border border-critical/40 bg-critical/10 p-4 text-sm text-critical">
+        <p class="font-semibold">Deleting publishes tombstones for every revision.</p>
+        <p class="mt-2 text-xs">
+          Relays and clients will treat the note as deleted. This cannot be undone.
+        </p>
+      </div>
+
+      <div class="space-y-4 text-sm text-text">
+        <p id="deleteModalDescription">
+          Are you sure you want to delete this video? Viewers will no longer see it in any grid.
+        </p>
+        <dl id="deleteModalMetadata" class="grid gap-3 text-xs text-muted sm:grid-cols-2"></dl>
+      </div>
+    </div>
+
+    <div class="modal-footer flex flex-col gap-3 sm:flex-row sm:justify-end">
+      <button type="button" id="cancelDeleteVideo" class="btn-ghost w-full sm:w-auto">Cancel</button>
+      <button
+        type="button"
+        id="confirmDeleteVideo"
+        class="btn w-full sm:w-auto"
+        data-variant="critical"
+      >
+        Delete all versions
+      </button>
+    </div>
+  </div>
+</div>
@@ -0,0 +1,138 @@
+<!-- Disclaimer Modal (wide, matching other modals) -->
+<div
+  id="disclaimerModal"
+  class="bv-modal hidden p-0 sm:p-0 lg:p-8 lg:items-start lg:justify-center overflow-hidden"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="disclaimerModalTitle"
+  aria-describedby="disclaimerModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <!-- Outer container with wide layout, just like content-appeals-form -->
+  <div class="modal-sheet w-full h-full max-w-none rounded-none border-0 lg:max-h-modal-shell lg:max-w-5xl lg:rounded-modal-xl lg:border lg:h-auto flex min-h-0 flex-col overflow-hidden" tabindex="-1">
+    <!-- Main Content -->
+    <div class="modal-body flex-1 overflow-y-auto">
+      <div class="mx-auto max-w-3xl space-y-8 text-base text-text">
+        <div class="flex justify-center pt-1">
+          <span
+            class="inline-flex h-2xl items-center text-text bv-logo"
+            role="img"
+            aria-label="bitvid logo"
+          >
+            <svg
+              class="h-full w-auto"
+              viewBox="0 0 318.32 108.98"
+              aria-hidden="true"
+              focusable="false"
+            >
+              <g class="bv-logo__accent">
+                <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+                <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+                <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+                <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+                <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+                <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+                <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+                <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+                <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+              </g>
+              <g class="bv-logo__wordmark">
+                <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+                <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+                <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+                <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+                <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+                <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+              </g>
+            </svg>
+          </span>
+        </div>
+        <header class="space-y-4 text-center">
+          <h2
+            id="disclaimerModalTitle"
+            class="text-4xl font-semibold tracking-tight text-text"
+          >
+            Welcome to bitvid
+          </h2>
+          <p class="mx-auto max-w-2xl text-base leading-relaxed text-text-frosted">
+            bitvid is a decentralized video platform where content is shared
+            directly between users. We want you to understand a few important
+            points before you continue.
+          </p>
+        </header>
+        <div class="modal-alert" role="status">
+          <svg
+            class="modal-alert__icon"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            aria-hidden="true"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+            />
+          </svg>
+          <p class="text-sm">
+            This platform is currently in development and only supports Chrome
+            and Firefox-based browsers. Other browsers are not supported at
+            this time. You may encounter bugs or missing features. Give it a
+            sec—videos might take 10 to 60 seconds to load initially.
+          </p>
+        </div>
+
+        <div id="disclaimerModalDescription" class="space-y-4">
+          <article class="modal-tile space-y-2">
+            <h3>Early Access Status</h3>
+            <p>
+              Currently, video posting is invite-only as we carefully scale
+              our platform. While anyone can watch videos, content creation is
+              limited to approved creators. This helps us maintain quality
+              content during our early stages.
+            </p>
+          </article>
+          <article class="modal-tile space-y-2">
+            <h3>Content Responsibility &amp; Moderation</h3>
+            <p>
+              While we don't host videos directly, we maintain community
+              standards through access control. Users who violate our
+              guidelines may be blocked from accessing the platform. All
+              content must follow local laws and platform guidelines.
+            </p>
+          </article>
+          <article class="modal-tile space-y-2">
+            <h3>Platform Status</h3>
+            <p>
+              bitvid is a work in progress. Features may change or break, and
+              security improvements are ongoing. Your feedback and patience
+              help us build a better platform.
+            </p>
+          </article>
+          <article class="modal-tile space-y-2">
+            <h3>Get Involved</h3>
+            <p>
+              Are you a developer? We'd love your help! Visit our GitHub
+              repository to contribute to building the future of decentralized
+              video sharing.
+            </p>
+          </article>
+        </div>
+      </div>
+    </div>
+
+    <!-- Button at bottom -->
+    <div class="modal-footer pt-6 pb-16 md:pb-12">
+      <button
+        id="acceptDisclaimer"
+        class="modal-primary"
+        type="button"
+      >
+        I Understand
+      </button>
+    </div>
+  </div>
+</div>
@@ -0,0 +1,108 @@
+<div
+  id="dmSettingsModal"
+  class="bv-modal hidden"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="dmSettingsTitle"
+  tabindex="-1"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop"></div>
+
+  <div
+    class="bv-modal__panel w-full max-w-2xl h-auto max-h-modal-shell rounded-xl border border-border/50 bg-surface shadow-2xl overflow-hidden flex flex-col"
+    tabindex="-1"
+  >
+    <!-- Modal Header -->
+    <div class="modal-header border-b border-border/60 p-4 flex items-center justify-between bg-surface-2">
+      <h2 id="dmSettingsTitle" class="text-lg font-bold text-text">DM Settings</h2>
+      <button id="closeDmSettingsModal" class="modal-close btn-ghost btn-icon p-1 rounded-md text-muted hover:text-text focus-ring">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <!-- Modal Body -->
+    <div class="flex-1 overflow-y-auto p-6 space-y-8 bg-surface">
+
+        <!-- Privacy Settings -->
+        <section class="space-y-4">
+            <h3 class="text-base font-semibold text-text">Privacy</h3>
+            <div class="card p-4 space-y-4">
+                <label class="flex items-center justify-between gap-3 cursor-pointer">
+                    <div class="space-y-1">
+                        <span class="block text-sm font-medium text-text">Read receipts</span>
+                        <span class="block text-xs text-muted">Let others know when you’ve seen their messages.</span>
+                    </div>
+                    <input type="checkbox" id="dmSettingsReadReceipts" class="toggle" />
+                </label>
+                <div class="h-px bg-border/40"></div>
+                <label class="flex items-center justify-between gap-3 cursor-pointer">
+                    <div class="space-y-1">
+                        <span class="block text-sm font-medium text-text">Typing indicators</span>
+                        <span class="block text-xs text-muted">Show when you’re typing a message.</span>
+                    </div>
+                    <input type="checkbox" id="dmSettingsTypingIndicators" class="toggle" />
+                </label>
+            </div>
+        </section>
+
+        <!-- Relay Hints -->
+        <section class="space-y-4">
+            <div class="space-y-1">
+                <h3 class="text-base font-semibold text-text">NIP-17 Relay List</h3>
+                <p class="text-sm text-muted">
+                    Publish your NIP-17 relay list for direct messages as <span class="font-medium">kind:10050</span> events. Use WSS-only relay URLs so encrypted DM delivery stays secure.
+                </p>
+            </div>
+
+            <div class="card p-5 space-y-5">
+                <div class="flex flex-col gap-3 sm:flex-row sm:items-end">
+                    <label class="flex-1 text-sm text-muted-strong" for="dmSettingsRelayInput">
+                        <span class="mb-2 block font-medium">Add a NIP-17 relay</span>
+                        <input
+                            id="dmSettingsRelayInput"
+                            type="text"
+                            inputmode="url"
+                            autocomplete="off"
+                            class="input"
+                            placeholder="wss://relay.example.com"
+                        />
+                    </label>
+                    <button id="dmSettingsRelayAddBtn" type="button" class="btn focus-ring">
+                        Add relay
+                    </button>
+                </div>
+
+                <div class="space-y-2">
+                     <div class="flex items-center justify-between">
+                        <span class="text-xs font-medium text-muted-strong uppercase tracking-wider">Your list</span>
+                     </div>
+                     <ul id="dmSettingsRelayList" class="grid-stack space-y-2" data-orientation="vertical"></ul>
+                     <p id="dmSettingsRelayEmpty" class="text-sm text-muted italic hidden">No NIP-17 relays configured.</p>
+                </div>
+
+                <div class="flex flex-wrap items-center justify-between gap-3 pt-2 border-t border-border/40">
+                    <span id="dmSettingsRelayStatus" class="text-xs text-muted" role="status" aria-live="polite"></span>
+                    <button id="dmSettingsRelayPublishBtn" type="button" class="btn-ghost focus-ring text-xs">
+                        Publish relay list
+                    </button>
+                </div>
+            </div>
+        </section>
+
+    </div>
+  </div>
+</div>
@@ -0,0 +1,963 @@
+<!-- components/edit-video-modal.html -->
+<div
+  id="editVideoModal"
+  class="bv-modal hidden items-start md:items-center"
+  role="dialog"
+  aria-modal="true"
+  tabindex="-1"
+  data-ds="new"
+>
+  <div id="editVideoModalOverlay" class="bv-modal-backdrop"></div>
+
+  <div class="bv-modal__panel modal-sheet max-h-modal-shell overflow-y-auto" tabindex="-1">
+      <div class="modal-header">
+        <h2 class="text-xl font-bold text-text">Edit Video Note</h2>
+        <button id="closeEditVideoModal" class="modal-close">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="h-6 w-6"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M6 18L18 6M6 6l12 12"
+            />
+          </svg>
+        </button>
+      </div>
+
+      <div class="modal-body space-y-6">
+        <p class="text-sm text-muted">
+          Fields that already have values are locked. Click <strong>Edit field</strong> to make changes.
+        </p>
+
+        <form id="editVideoForm" class="space-y-5">
+          <div class="space-y-1">
+            <label for="editVideoTitle" class="block text-sm font-medium text-text">
+              Title
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="text"
+                id="editVideoTitle"
+                class="flex-1 input"
+                placeholder="Video title"
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoTitle"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <!-- NOTE: Keep this NIP-71 markup in sync with the upload and revert modals. -->
+          <div
+            class="space-y-4 rounded-lg border border-border/70 bg-overlay-black/30 p-4"
+            id="editNip71EventDetails"
+            data-nip71-section="event-details"
+          >
+            <fieldset
+              id="editNip71KindFieldset"
+              class="space-y-2"
+              data-nip71-fieldset="kind"
+            >
+              <legend class="text-sm font-semibold text-text">
+                NIP-71 event type
+              </legend>
+              <p class="text-xs text-muted">
+                Choose the video format. <span class="font-medium text-muted-strong">Kind 21</span> is a full video, while
+                <span class="font-medium text-muted-strong">Kind 22</span> is a short.
+              </p>
+              <div
+                class="form-control"
+                role="radiogroup"
+                aria-labelledby="editNip71KindFieldset"
+              >
+                <div class="menu sm:flex-row sm:flex-wrap sm:py-0" role="presentation">
+                  <label class="menu__item gap-3 px-0 py-0" for="editNip71KindLong">
+                    <input
+                      type="radio"
+                      name="editNip71Kind"
+                      id="editNip71KindLong"
+                      value="21"
+                      checked
+                      data-nip71-input="kind"
+                      class="h-4 w-4 border-border bg-panel text-info focus:ring-info"
+                    />
+                    <span class="text-sm text-text">Normal video (kind 21)</span>
+                  </label>
+                  <label class="menu__item gap-3 px-0 py-0" for="editNip71KindShort">
+                    <input
+                      type="radio"
+                      name="editNip71Kind"
+                      id="editNip71KindShort"
+                      value="22"
+                      data-nip71-input="kind"
+                      class="h-4 w-4 border-border bg-panel text-info focus:ring-info"
+                    />
+                    <span class="text-sm text-text">Short video (kind 22)</span>
+                  </label>
+                </div>
+              </div>
+            </fieldset>
+
+            <div class="grid gap-4 md:grid-cols-2" data-nip71-grid="metadata">
+              <div class="space-y-2">
+                <label for="editNip71PublishedAt" class="block text-sm font-medium text-text">
+                  Published at
+                </label>
+                <input
+                  type="datetime-local"
+                  id="editNip71PublishedAt"
+                  data-nip71-input="published_at"
+                  class="input"
+                />
+                <p class="text-xs text-muted">
+                  Set the canonical publish time for cross-client ordering.
+                </p>
+              </div>
+              <div class="space-y-2">
+                <label for="editNip71AltText" class="block text-sm font-medium text-text">
+                  Alt text
+                </label>
+                <input
+                  type="text"
+                  id="editNip71AltText"
+                  data-nip71-input="alt"
+                  placeholder="Describe the visuals for screen readers"
+                  class="input"
+                />
+                <p class="text-xs text-muted">
+                  Plain-language fallback shown when the media cannot load.
+                </p>
+              </div>
+              <div class="space-y-2">
+                <label for="editNip71Duration" class="block text-sm font-medium text-text">
+                  Duration (seconds)
+                </label>
+                <input
+                  type="number"
+                  id="editNip71Duration"
+                  min="0"
+                  step="0.001"
+                  data-nip71-input="duration"
+                  class="input"
+                />
+                <p class="text-xs text-muted">
+                  Optional legacy fallback in seconds (fractions allowed) for clients that expect a top-level duration.
+                </p>
+              </div>
+              <div class="space-y-2">
+                <label for="editNip71ContentWarning" class="block text-sm font-medium text-text">
+                  Content warning
+                </label>
+                <input
+                  type="text"
+                  id="editNip71ContentWarning"
+                  data-nip71-input="content-warning"
+                  placeholder="e.g., Flashing lights"
+                  class="input"
+                />
+                <p class="text-xs text-muted">
+                  Leave blank if the video is safe for all audiences.
+                </p>
+              </div>
+            </div>
+
+            <div class="space-y-2">
+              <label for="editNip71Summary" class="block text-sm font-medium text-text">
+                Summary
+              </label>
+              <textarea
+                id="editNip71Summary"
+                rows="3"
+                data-nip71-input="summary"
+                class="textarea"
+                placeholder="Short synopsis used as the Nostr content field"
+              ></textarea>
+              <p class="text-xs text-muted">
+                This becomes the event content. Keep it concise for Nostr readers.
+              </p>
+            </div>
+          </div>
+
+          <fieldset
+            id="editNip71TagsFieldset"
+            class="space-y-6 rounded-lg border border-border/70 bg-overlay-black/30 p-4"
+            data-nip71-section="tags"
+          >
+            <legend class="relative text-sm font-semibold text-text">
+              <span class="inline-block -ml-2 rounded px-2 bg-overlay-black/30">NIP-71 tags</span>
+            </legend>
+            <p class="text-xs text-muted">
+              Use the controls below to describe media variants, captions, chapters, participants, and references.
+            </p>
+
+            <section class="space-y-4" aria-labelledby="editNip71ImetaLabel" data-nip71-repeater="imeta">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71ImetaLabel" class="text-sm font-medium text-text">Image metadata (imeta)</h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="imeta"
+                  aria-describedby="editNip71ImetaHelp"
+                >
+                  Add variant
+                </button>
+              </div>
+              <p id="editNip71ImetaHelp" class="text-xs text-muted">
+                Provide dimensions, MIME type, and resource links for each variant. Nested repeaters let you attach multiple
+                <code>image</code>, <code>fallback</code>, or <code>service</code> values.
+              </p>
+              <div id="editNip71ImetaList" class="space-y-4" data-nip71-list="imeta"></div>
+              <template id="editNip71ImetaTemplate" data-nip71-template="imeta">
+                <article class="card space-y-3 bg-surface/60 p-4" data-nip71-entry="imeta">
+                  <div class="grid gap-3 md:grid-cols-2">
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        MIME type (<code>m</code>)
+                      </label>
+                      <input
+                        type="text"
+                        data-nip71-field="m"
+                        placeholder="video/mp4"
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">RFC 2046 media type for this encoding.</p>
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        Pixel dimensions (<code>dim</code>)
+                      </label>
+                      <input
+                        type="text"
+                        data-nip71-field="dim"
+                        placeholder="1920x1080"
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">Formatted as widthxheight.</p>
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        Streaming URL (<code>url</code>)
+                      </label>
+                      <input
+                        type="url"
+                        data-nip71-field="url"
+                        placeholder="https://cdn.example.com/variant.m3u8"
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">HTTPS variant URL shared across clients.</p>
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        Magnet (<code>x</code>)
+                      </label>
+                      <input
+                        type="text"
+                        data-nip71-field="x"
+                        placeholder="magnet:?xt=urn:btih:..."
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">Optional magnet pointer if the variant is seeded via P2P.</p>
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        Duration seconds (<code>duration</code>)
+                      </label>
+                      <input
+                        type="number"
+                        data-nip71-field="duration"
+                        min="0"
+                        step="0.001"
+                        placeholder="29.97"
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">Fractional seconds supported; clients use this for precise timelines.</p>
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        Bitrate bps (<code>bitrate</code>)
+                      </label>
+                      <input
+                        type="number"
+                        data-nip71-field="bitrate"
+                        min="0"
+                        step="1"
+                        placeholder="3500000"
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">Average bits per second for this variant.</p>
+                    </div>
+                  </div>
+
+                  <div class="space-y-3" data-nip71-nested="image">
+                    <div class="flex items-center justify-between">
+                      <h4 class="text-xs font-semibold uppercase tracking-wide text-muted">Image values</h4>
+                      <button
+                        type="button"
+                        class="btn-ghost focus-ring text-3xs font-medium"
+                        data-nip71-nested-add="image"
+                      >
+                        Add image URL
+                      </button>
+                    </div>
+                    <div class="space-y-2" data-nip71-nested-list="image"></div>
+                    <template data-nip71-nested-template="image">
+                      <div class="flex items-center gap-2" data-nip71-nested-entry="image">
+                        <input
+                          type="url"
+                          placeholder="https://cdn.example.com/poster.jpg"
+                          data-nip71-nested-field="image"
+                          class="flex-1 input"
+                        />
+                        <button
+                          type="button"
+                          class="btn-ghost focus-ring text-3xs font-medium"
+                          data-nip71-remove="nested"
+                          aria-label="Remove image URL"
+                        >
+                          Remove
+                        </button>
+                      </div>
+                    </template>
+                  </div>
+
+                  <div class="space-y-3" data-nip71-nested="fallback">
+                    <div class="flex items-center justify-between">
+                      <h4 class="text-xs font-semibold uppercase tracking-wide text-muted">Fallback URLs</h4>
+                      <button
+                        type="button"
+                        class="btn-ghost focus-ring text-3xs font-medium"
+                        data-nip71-nested-add="fallback"
+                      >
+                        Add fallback
+                      </button>
+                    </div>
+                    <div class="space-y-2" data-nip71-nested-list="fallback"></div>
+                    <template data-nip71-nested-template="fallback">
+                      <div class="flex items-center gap-2" data-nip71-nested-entry="fallback">
+                        <input
+                          type="url"
+                          placeholder="https://cdn.backup.net/video.mp4"
+                          data-nip71-nested-field="fallback"
+                          class="flex-1 input"
+                        />
+                        <button
+                          type="button"
+                          class="btn-ghost focus-ring text-3xs font-medium"
+                          data-nip71-remove="nested"
+                          aria-label="Remove fallback URL"
+                        >
+                          Remove
+                        </button>
+                      </div>
+                    </template>
+                  </div>
+
+                  <div class="space-y-3" data-nip71-nested="service">
+                    <div class="flex items-center justify-between">
+                      <h4 class="text-xs font-semibold uppercase tracking-wide text-muted">Services</h4>
+                      <button
+                        type="button"
+                        class="btn-ghost focus-ring text-3xs font-medium"
+                        data-nip71-nested-add="service"
+                      >
+                        Add service
+                      </button>
+                    </div>
+                    <div class="space-y-2" data-nip71-nested-list="service"></div>
+                    <template data-nip71-nested-template="service">
+                      <div class="flex items-center gap-2" data-nip71-nested-entry="service">
+                        <input
+                          type="text"
+                          placeholder="https://api.example.com"
+                          data-nip71-nested-field="service"
+                          class="flex-1 input"
+                        />
+                        <button
+                          type="button"
+                          class="btn-ghost focus-ring text-3xs font-medium"
+                          data-nip71-remove="nested"
+                          aria-label="Remove service entry"
+                        >
+                          Remove
+                        </button>
+                      </div>
+                    </template>
+                  </div>
+
+                  <div class="flex justify-end">
+                    <button
+                      type="button"
+                      class="btn-ghost focus-ring text-3xs font-medium"
+                      data-nip71-remove="imeta"
+                    >
+                      Remove variant
+                    </button>
+                  </div>
+                </article>
+              </template>
+            </section>
+
+            <section class="space-y-4" aria-labelledby="editNip71TextTracksLabel" data-nip71-repeater="text-track">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71TextTracksLabel" class="text-sm font-medium text-text">
+                  Caption &amp; subtitle tracks (text-track)
+                </h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="text-track"
+                  aria-describedby="editNip71TextTracksHelp"
+                >
+                  Add track
+                </button>
+              </div>
+              <p id="editNip71TextTracksHelp" class="text-xs text-muted">
+                Supply caption or subtitle URLs along with file type and language so players can surface accessibility features.
+              </p>
+              <div id="editNip71TextTrackList" class="space-y-4" data-nip71-list="text-track"></div>
+              <template id="editNip71TextTrackTemplate" data-nip71-template="text-track">
+                <article class="card space-y-3 bg-surface/60 p-4" data-nip71-entry="text-track">
+                  <div class="grid gap-3 md:grid-cols-3">
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Track URL</label>
+                      <input
+                        type="url"
+                        data-nip71-field="url"
+                        placeholder="https://cdn.example.com/subs.vtt"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Type</label>
+                      <input
+                        type="text"
+                        data-nip71-field="type"
+                        placeholder="text/vtt"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Language</label>
+                      <input
+                        type="text"
+                        data-nip71-field="language"
+                        placeholder="en"
+                        class="input"
+                      />
+                    </div>
+                  </div>
+                  <div class="flex justify-end">
+                    <button
+                      type="button"
+                      class="btn-ghost focus-ring text-3xs font-medium"
+                      data-nip71-remove="text-track"
+                    >
+                      Remove track
+                    </button>
+                  </div>
+                </article>
+              </template>
+            </section>
+
+            <section class="space-y-4" aria-labelledby="editNip71SegmentsLabel" data-nip71-repeater="segment">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71SegmentsLabel" class="text-sm font-medium text-text">Chapters &amp; segments (segment)</h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="segment"
+                  aria-describedby="editNip71SegmentsHelp"
+                >
+                  Add segment
+                </button>
+              </div>
+              <p id="editNip71SegmentsHelp" class="text-xs text-muted">
+                Outline chapters with start and end times, titles, and optional thumbnails.
+              </p>
+              <div id="editNip71SegmentList" class="space-y-4" data-nip71-list="segment"></div>
+              <template id="editNip71SegmentTemplate" data-nip71-template="segment">
+                <article class="card space-y-3 bg-surface/60 p-4" data-nip71-entry="segment">
+                  <div class="grid gap-3 md:grid-cols-2">
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Start (seconds)</label>
+                      <input
+                        type="number"
+                        data-nip71-field="start"
+                        min="0"
+                        step="1"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">End (seconds)</label>
+                      <input
+                        type="number"
+                        data-nip71-field="end"
+                        min="0"
+                        step="1"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Title</label>
+                      <input
+                        type="text"
+                        data-nip71-field="title"
+                        placeholder="Chapter title"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Thumbnail URL</label>
+                      <input
+                        type="url"
+                        data-nip71-field="thumbnail"
+                        placeholder="https://cdn.example.com/frame.jpg"
+                        class="input"
+                      />
+                    </div>
+                  </div>
+                  <div class="flex justify-end">
+                    <button
+                      type="button"
+                      class="btn-ghost focus-ring text-3xs font-medium"
+                      data-nip71-remove="segment"
+                    >
+                      Remove segment
+                    </button>
+                  </div>
+                </article>
+              </template>
+            </section>
+
+            <section class="space-y-4" aria-labelledby="editNip71HashtagsLabel" data-nip71-repeater="t">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71HashtagsLabel" class="text-sm font-medium text-text">Hashtags (<code>t</code>)</h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="t"
+                >
+                  Add hashtag
+                </button>
+              </div>
+              <p class="text-xs text-muted">
+                Enter keywords; leading <code>#</code> characters are stripped automatically when saving.
+              </p>
+              <div id="editNip71HashtagList" class="space-y-2" data-nip71-list="t"></div>
+              <template id="editNip71HashtagTemplate" data-nip71-template="t">
+                <div class="flex items-center gap-2" data-nip71-entry="t">
+                  <input
+                    type="text"
+                    data-nip71-field="value"
+                    placeholder="#nostr"
+                    class="flex-1 input"
+                  />
+                  <button
+                    type="button"
+                    class="btn-ghost focus-ring text-3xs font-medium"
+                    data-nip71-remove="t"
+                  >
+                    Remove
+                  </button>
+                </div>
+              </template>
+            </section>
+
+            <section class="space-y-4" aria-labelledby="editNip71ParticipantsLabel" data-nip71-repeater="p">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71ParticipantsLabel" class="text-sm font-medium text-text">Participants (<code>p</code>)</h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="p"
+                >
+                  Add participant
+                </button>
+              </div>
+              <div id="editNip71ParticipantList" class="space-y-3" data-nip71-list="p"></div>
+              <template id="editNip71ParticipantTemplate" data-nip71-template="p">
+                <article class="card space-y-3 bg-surface/60 p-4" data-nip71-entry="p">
+                  <div class="grid gap-3 md:grid-cols-2">
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Participant pubkey</label>
+                      <input
+                        type="text"
+                        data-nip71-field="pubkey"
+                        placeholder="npub1... or hex"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Relay hint</label>
+                      <input
+                        type="text"
+                        data-nip71-field="relay"
+                        placeholder="wss://relay.example.com"
+                        class="input"
+                      />
+                    </div>
+                  </div>
+                  <div class="flex justify-end">
+                    <button
+                      type="button"
+                      class="btn-ghost focus-ring text-3xs font-medium"
+                      data-nip71-remove="p"
+                    >
+                      Remove participant
+                    </button>
+                  </div>
+                </article>
+              </template>
+            </section>
+
+            <section class="space-y-4" aria-labelledby="editNip71ReferencesLabel" data-nip71-repeater="r">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71ReferencesLabel" class="text-sm font-medium text-text">Reference links (<code>r</code>)</h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="r"
+                >
+                  Add reference
+                </button>
+              </div>
+              <div id="editNip71ReferenceList" class="space-y-2" data-nip71-list="r"></div>
+              <template id="editNip71ReferenceTemplate" data-nip71-template="r">
+                <div class="flex items-center gap-2" data-nip71-entry="r">
+                  <input
+                    type="url"
+                    data-nip71-field="url"
+                    placeholder="https://example.com/context"
+                    class="flex-1 input"
+                  />
+                  <button
+                    type="button"
+                    class="btn-ghost focus-ring text-3xs font-medium"
+                    data-nip71-remove="r"
+                  >
+                    Remove
+                  </button>
+                </div>
+              </template>
+            </section>
+          </fieldset>
+
+          <div class="space-y-1">
+            <label for="editVideoUrl" class="block text-sm font-medium text-text">
+              Hosted video URL (https)
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="url"
+                id="editVideoUrl"
+                class="flex-1 input"
+                placeholder="https://cdn.example.com/video.mp4"
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoUrl"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <label for="editVideoWs" class="block text-sm font-medium text-text">
+              Web seed (ws=)
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="url"
+                id="editVideoWs"
+                class="flex-1 input"
+                placeholder="https://cdn.example.com/video.mp4"
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoWs"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <label for="editVideoXs" class="block text-sm font-medium text-text">
+              .torrent URL (xs=)
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="url"
+                id="editVideoXs"
+                class="flex-1 input"
+                placeholder="https://cdn.example.com/video.torrent"
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoXs"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <label for="editVideoMagnet" class="block text-sm font-medium text-text">
+              Magnet link
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="text"
+                id="editVideoMagnet"
+                class="flex-1 input"
+                placeholder="magnet:?xt=urn:btih:..."
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoMagnet"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <label for="editVideoThumbnail" class="block text-sm font-medium text-text">
+              Thumbnail URL
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="url"
+                id="editVideoThumbnail"
+                class="flex-1 input"
+                placeholder="https://cdn.example.com/preview.jpg"
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoThumbnail"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <label for="editVideoDescription" class="block text-sm font-medium text-text">
+              Description
+            </label>
+            <div class="flex flex-col gap-2">
+              <textarea
+                id="editVideoDescription"
+                rows="4"
+                class="textarea"
+                placeholder="What is this video about?"
+              ></textarea>
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden self-start text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoDescription"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <span id="editVideoVisibilityLabel" class="block text-sm font-medium text-text">
+              Visibility
+            </span>
+            <div
+              class="space-y-3 rounded-md border border-border/70 bg-overlay-black/30 p-3"
+              role="group"
+              aria-labelledby="editVideoVisibilityLabel"
+              data-visibility-toggle
+            >
+              <div class="flex flex-wrap items-center gap-2 sm:justify-between">
+                <div
+                  class="video-visibility-toggle"
+                  data-visibility-options
+                >
+                  <button
+                    type="button"
+                    class="video-visibility-toggle__option focus-ring"
+                    data-visibility-option="public"
+                    aria-pressed="false"
+                  >
+                    Public
+                  </button>
+                  <button
+                    type="button"
+                    class="video-visibility-toggle__option focus-ring"
+                    data-visibility-option="private"
+                    aria-pressed="false"
+                  >
+                    Private
+                  </button>
+                </div>
+                <input
+                  type="checkbox"
+                  id="editVideoIsPrivate"
+                  class="hidden"
+                  data-default-checked="false"
+                  aria-hidden="true"
+                />
+              </div>
+              <p class="text-xs text-muted" data-visibility-helper>
+                Private notes stay visible only to you. Switch back to public when you're ready to share.
+              </p>
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoIsPrivate"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-2">
+            <label
+              for="editVideoIsNsfw"
+              id="editVideoIsNsfwLabel"
+              class="block text-sm font-medium text-text"
+            >
+              NSFW content
+            </label>
+            <div
+              class="form-control"
+              role="group"
+              aria-labelledby="editVideoIsNsfwLabel"
+            >
+              <label class="menu__item gap-3 px-0 py-0 text-left" for="editVideoIsNsfw">
+                <input
+                  type="checkbox"
+                  id="editVideoIsNsfw"
+                  class="checkbox"
+                  data-default-checked="false"
+                />
+                <span class="text-sm text-muted-strong">
+                  Mark as sensitive to blur previews and gate playback.
+                </span>
+              </label>
+            </div>
+            <div class="flex justify-end">
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoIsNsfw"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-2">
+            <label
+              for="editVideoIsForKids"
+              id="editVideoIsForKidsLabel"
+              class="block text-sm font-medium text-text"
+            >
+              Made for kids
+            </label>
+            <div
+              class="form-control"
+              role="group"
+              aria-labelledby="editVideoIsForKidsLabel"
+            >
+              <label class="menu__item gap-3 px-0 py-0 text-left" for="editVideoIsForKids">
+                <input
+                  type="checkbox"
+                  id="editVideoIsForKids"
+                  class="checkbox"
+                  data-default-checked="false"
+                />
+                <span class="text-sm text-muted-strong">
+                  Flag kid-friendly videos to adjust recommendations and controls.
+                </span>
+              </label>
+            </div>
+            <div class="flex justify-end">
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoIsForKids"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-2">
+            <label
+              for="editEnableComments"
+              id="editEnableCommentsLabel"
+              class="block text-sm font-medium text-text"
+            >
+              Enable comments
+            </label>
+            <div
+              class="form-control"
+              role="group"
+              aria-labelledby="editEnableCommentsLabel"
+            >
+              <label class="menu__item gap-3 px-0 py-0 text-left" for="editEnableComments">
+                <input
+                  type="checkbox"
+                  id="editEnableComments"
+                  class="checkbox"
+                  data-default-checked="true"
+                  checked
+                />
+                <span class="text-sm text-muted-strong">
+                  Allow replies once comment threads are available.
+                </span>
+              </label>
+            </div>
+            <div class="flex justify-end">
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editEnableComments"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="flex flex-col gap-3 sm:flex-row sm:justify-end">
+            <button
+              type="button"
+              id="cancelEditVideo"
+              class="btn-ghost focus-ring w-full sm:w-auto"
+            >
+              Cancel
+            </button>
+            <button
+              type="submit"
+              id="submitEditVideo"
+              class="btn focus-ring w-full sm:w-auto"
+            >
+              Save changes
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+</div>
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.374 20.235c2.444-2.981 6.626-8.157 6.626-8.157l-3.846-3.092s-2.857 3.523-6.571 8.097c-4.312 5.312-11.881-2.41-6.671-6.671 4.561-3.729 8.097-6.57 8.097-6.57l-3.092-3.842s-5.173 4.181-8.157 6.621c-2.662 2.175-3.76 4.749-3.76 7.24 0 5.254 4.867 10.139 10.121 10.139 2.487 0 5.064-1.095 7.253-3.765zm4.724-7.953l-1.699 2.111-1.74-1.397 1.701-2.114 1.738 1.4zm-10.386-10.385l1.4 1.738-2.113 1.701-1.397-1.74 2.11-1.699z"/></svg>
				`@@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/></svg>`