@omnizap-system/omnizap 2.5.12

package/observability/loki-config.yml

@@ -0,0 +1,38 @@
+auth_enabled: false
+
+server:
+  http_listen_port: 3100
+
+common:
+  instance_addr: 0.0.0.0
+  path_prefix: /loki
+  storage:
+    filesystem:
+      chunks_directory: /loki/chunks
+      rules_directory: /loki/rules
+  replication_factor: 1
+  ring:
+    kvstore:
+      store: inmemory
+
+schema_config:
+  configs:
+    - from: 2024-01-01
+      store: boltdb-shipper
+      object_store: filesystem
+      schema: v13
+      index:
+        prefix: index_
+        period: 24h
+
+limits_config:
+  retention_period: 168h
+  reject_old_samples: true
+  reject_old_samples_max_age: 168h
+
+chunk_store_config:
+  max_look_back_period: 0
+
+table_manager:
+  retention_deletes_enabled: true
+  retention_period: 168h

package/observability/mysql-setup.sql

@@ -0,0 +1,46 @@
+-- OmniZap observability setup for MySQL
+-- Run as a privileged user (root/admin).
+-- This script is idempotent and focused on metrics/logging for mysqld-exporter.
+
+-- 1) Metrics user for mysqld-exporter
+-- Matches docker-compose default DSN: exporter:exporter@(host.docker.internal:3306)/
+CREATE USER IF NOT EXISTS 'exporter'@'%' IDENTIFIED BY 'exporter';
+ALTER USER 'exporter'@'%' IDENTIFIED BY 'exporter';
+
+GRANT PROCESS, REPLICATION CLIENT, SELECT ON *.* TO 'exporter'@'%';
+GRANT SELECT ON performance_schema.* TO 'exporter'@'%';
+GRANT SELECT ON information_schema.* TO 'exporter'@'%';
+GRANT SELECT ON sys.* TO 'exporter'@'%';
+FLUSH PRIVILEGES;
+
+-- 2) Slow query log (runtime values; set in my.cnf for persistence)
+SET GLOBAL slow_query_log = ON;
+SET GLOBAL long_query_time = 0.5;
+SET GLOBAL log_output = 'FILE';
+-- Keep slow log in datadir for compatibility across MariaDB/MySQL host setups.
+-- If needed, change to another writable path.
+SET GLOBAL slow_query_log_file = '/var/lib/mysql/mysql-slow.log';
+
+-- 3) Performance Schema consumers/instruments
+-- NOTE: performance_schema itself cannot be enabled dynamically.
+-- If disabled, set performance_schema=ON in my.cnf and restart MySQL.
+UPDATE performance_schema.setup_instruments
+SET ENABLED = 'YES', TIMED = 'YES'
+WHERE NAME LIKE 'statement/%';
+
+UPDATE performance_schema.setup_consumers
+SET ENABLED = 'YES'
+WHERE NAME IN (
+  'events_statements_current',
+  'events_statements_history',
+  'events_statements_history_long',
+  'events_waits_current',
+  'events_waits_history',
+  'events_waits_history_long'
+);
+
+-- 4) InnoDB diagnostics
+SET GLOBAL innodb_monitor_enable = 'all';
+SET GLOBAL innodb_status_output = ON;
+SET GLOBAL innodb_status_output_locks = ON;
+SET GLOBAL innodb_print_all_deadlocks = ON;

package/observability/prometheus.yml

@@ -0,0 +1,35 @@
+global:
+  scrape_interval: 10s
+  evaluation_interval: 10s
+
+rule_files:
+  - /etc/prometheus/alert-rules.yml
+
+scrape_configs:
+  - job_name: prometheus
+    static_configs:
+      - targets: ["prometheus:9090"]
+
+  - job_name: node-exporter
+    static_configs:
+      - targets: ["node-exporter:9100"]
+
+  - job_name: mysql-exporter
+    static_configs:
+      - targets: ["mysql-exporter:9104"]
+
+  - job_name: omnizap
+    metrics_path: /metrics
+    authorization:
+      type: Bearer
+      credentials_file: /etc/prometheus/secrets/omnizap_metrics_token
+    static_configs:
+      - targets: ["host.docker.internal:9102"]
+
+  - job_name: loki
+    static_configs:
+      - targets: ["loki:3100"]
+
+  - job_name: promtail
+    static_configs:
+      - targets: ["promtail:9080"]

package/observability/promtail-config.yml

@@ -0,0 +1,84 @@
+server:
+  http_listen_port: 9080
+  grpc_listen_port: 0
+
+positions:
+  filename: /tmp/positions.yaml
+
+clients:
+  - url: http://loki:3100/loki/api/v1/push
+
+scrape_configs:
+  - job_name: omnizap-app
+    static_configs:
+      - targets: [localhost]
+        labels:
+          job: omnizap-app
+          __path__: /var/log/omnizap/application-*.log
+      - targets: [localhost]
+        labels:
+          job: omnizap-app
+          __path__: /var/log/omnizap/error-*.log
+      - targets: [localhost]
+        labels:
+          job: omnizap-app
+          __path__: /var/log/omnizap/warn-*.log
+    pipeline_stages:
+      - json:
+          expressions:
+            timestamp: timestamp
+            level: level
+            message: message
+            service: service
+            instanceId: instanceId
+            environment: environment
+            event: event
+            table: table
+            durationMs: durationMs
+      - labels:
+          level:
+          service:
+          environment:
+          event:
+          table:
+      - timestamp:
+          source: timestamp
+          format: RFC3339Nano
+
+  - job_name: omnizap-db-monitor
+    static_configs:
+      - targets: [localhost]
+        labels:
+          job: db-monitor
+          __path__: /var/log/omnizap/db-monitor.log*
+    pipeline_stages:
+      - json:
+          expressions:
+            ts: ts
+            event: event
+            type: type
+            table: table
+            durationMs: durationMs
+            fingerprint: fingerprint
+      - labels:
+          event:
+          type:
+          table:
+          fingerprint:
+      - timestamp:
+          source: ts
+          format: RFC3339Nano
+
+  - job_name: mysql-slow
+    static_configs:
+      - targets: [localhost]
+        labels:
+          job: mysql-slow
+          __path__: /var/log/mysql/mysql-slow.log
+
+  - job_name: mysql-error
+    static_configs:
+      - targets: [localhost]
+        labels:
+          job: mysql-error
+          __path__: /var/log/mysql/error.log

package/observability/sticker-catalog-slo.md

@@ -0,0 +1,83 @@
+# Sticker Catalog 10x Baseline e SLOs
+
+Este documento define a baseline operacional da camada HTTP + pipeline de classificação para o módulo de stickers.
+
+## 1. Metas SLO (fase inicial)
+
+### HTTP catálogo (`/api/sticker-packs*`, `/stickers*`, `/api/marketplace/stats`)
+
+- **Latência p95**: `<= 750ms`
+- **Latência p99**: `<= 1500ms`
+- **Taxa de erro (5xx + timeout)**: `<= 2%` por janela de 5 minutos
+- **Throughput alvo**: escalar linearmente com workers/processos sem aumento abrupto do p95
+
+### Classificação de stickers
+
+- **Duração média do ciclo**: `<= 10s`
+- **Throughput mínimo (assets classificados/min)**: `>= 300` (ajustar por hardware)
+- **Backlog de fila (`sticker_reprocess_pending`)**: tendência de queda após picos; alerta se cresce por mais de 15 min
+
+## 2. Métricas instrumentadas
+
+### HTTP
+
+- `omnizap_http_requests_total{route_group,method,status_class}`
+- `omnizap_http_request_duration_ms{route_group,method,status_class}`
+- `omnizap_http_slo_violation_total{route_group,method}`
+
+`route_group` segmenta tráfego em:
+
+- `catalog_api_public`
+- `catalog_api_auth`
+- `catalog_api_admin`
+- `catalog_api_upload`
+- `catalog_web`
+- `catalog_data_asset`
+- `catalog_user_profile`
+- `marketplace_stats`
+- `metrics`
+- `other`
+
+### Classificação
+
+- `omnizap_sticker_classification_cycle_duration_ms{status}`
+- `omnizap_sticker_classification_cycle_total{status}`
+- `omnizap_sticker_classification_assets_total{outcome}`
+- `omnizap_queue_depth{queue}`
+
+## 3. Tracing mínimo
+
+- Cada request HTTP agora recebe/propaga `X-Request-Id`.
+- Se o cliente enviar `X-Request-Id`, o valor é reaproveitado.
+- Sem header, o servidor gera UUID.
+
+## 4. Baseline de carga (script local)
+
+Script: `scripts/sticker-catalog-loadtest.mjs`
+
+Exemplo:
+
+```bash
+node scripts/sticker-catalog-loadtest.mjs \
+  --base-url http://127.0.0.1:9102 \
+  --duration-seconds 60 \
+  --concurrency 40 \
+  --paths "/api/sticker-packs?limit=24&sort=popular,/api/sticker-packs/stats,/api/sticker-packs/creators?limit=25" \
+  --out /tmp/sticker-loadtest-report.json
+```
+
+Interpretação rápida:
+
+- `latency_ms.p95 <= 750` = SLO de latência cumprido
+- `error_rate <= 0.02` = estabilidade aceitável
+- `throughput_rps` = referência para comparar antes/depois de otimizações
+
+## 5. Gate de rollout sugerido
+
+1. Capturar baseline com carga atual.
+2. Aplicar mudança de arquitetura/índice/cache.
+3. Reexecutar carga com mesmos parâmetros.
+4. Aprovar rollout apenas se:
+   - p95 não piorar mais de 10%
+   - erro não subir acima de 2%
+   - backlog voltar ao patamar normal em até 15 min

package/observability/sticker-scale-hardening-rollout.md

@@ -0,0 +1,128 @@
+# Sticker 10x Hardening And Rollout
+
+## Scope
+
+This runbook covers phases 4-8 of the sticker-pack scale plan:
+
+1. ranking snapshot read path
+2. internal outbox/event consumer
+3. dedicated workers (classification/curation/rebuild)
+4. object storage delivery with secure URLs
+5. canary rollout, rollback, and final tuning
+
+## Feature Flags
+
+Flags are stored in `feature_flag`:
+
+- `enable_ranking_snapshot_read`
+- `enable_domain_event_outbox`
+- `enable_worker_dedicated_processes`
+- `enable_object_storage_delivery`
+
+### Query Current Status
+
+```sql
+SELECT flag_name, is_enabled, rollout_percent, updated_at
+FROM feature_flag
+WHERE flag_name IN (
+  'enable_ranking_snapshot_read',
+  'enable_domain_event_outbox',
+  'enable_worker_dedicated_processes',
+  'enable_object_storage_delivery'
+)
+ORDER BY flag_name;
+```
+
+### Update Rollout Percent
+
+```sql
+UPDATE feature_flag
+SET is_enabled = 1, rollout_percent = 25, updated_by = 'ops'
+WHERE flag_name = 'enable_worker_dedicated_processes';
+```
+
+### Emergency Disable
+
+```sql
+UPDATE feature_flag
+SET is_enabled = 0, rollout_percent = 0, updated_by = 'ops'
+WHERE flag_name IN (
+  'enable_worker_dedicated_processes',
+  'enable_object_storage_delivery',
+  'enable_domain_event_outbox'
+);
+```
+
+## Canary Sequence
+
+1. `enable_ranking_snapshot_read`: 10% -> 50% -> 100%
+2. `enable_domain_event_outbox`: 10% -> 50% -> 100%
+3. start dedicated worker processes and set `enable_worker_dedicated_processes`: 10% -> 50% -> 100%
+4. `enable_object_storage_delivery`: 5% -> 25% -> 100%
+
+Promotion gate for each step:
+
+- HTTP p95 within target
+- queue backlog stable (`pending`, `failed`)
+- outbox DLQ not growing unexpectedly
+- no sustained error-rate increase
+
+## Dedicated Workers
+
+Run workers as isolated processes:
+
+```bash
+npm run worker:sticker:classification
+npm run worker:sticker:curation
+npm run worker:sticker:rebuild
+```
+
+PM2 production profile includes these workers in `ecosystem.prod.config.cjs`.
+
+## 10x Validation
+
+### HTTP Stress
+
+```bash
+npm run loadtest:stickers -- --base-url http://127.0.0.1:9102 --duration-seconds 120 --concurrency 200 --slo-ms 750
+```
+
+### Queue/Worker Validation
+
+Monitor:
+
+- `sticker_worker_tasks_pending`
+- `sticker_worker_tasks_processing`
+- `sticker_worker_tasks_failed`
+- `domain_event_outbox_pending`
+- `domain_event_outbox_failed`
+
+Acceptance:
+
+- failed queues remain near zero (transient spikes allowed)
+- pending queues recover after load burst
+- no monotonic growth in DLQ tables
+
+## Rollback Plan
+
+1. Disable `enable_object_storage_delivery`.
+2. Disable `enable_worker_dedicated_processes` (inline poller resumes).
+3. Disable `enable_domain_event_outbox` if event flow is unstable.
+4. Keep `enable_ranking_snapshot_read` enabled only if snapshot freshness is healthy.
+
+Data safety notes:
+
+- tasks/events are persisted in SQL queues
+- failed terminal tasks/events are preserved in DLQ tables
+- local disk read path remains fallback for sticker asset serving
+
+## Post-Rollout Tuning
+
+Tune these env vars after baseline:
+
+- `STICKER_WORKER_CLASSIFICATION_CADENCE_MS`
+- `STICKER_WORKER_CURATION_CADENCE_MS`
+- `STICKER_WORKER_REBUILD_CADENCE_MS`
+- `STICKER_DEDICATED_WORKER_POLL_INTERVAL_MS`
+- `STICKER_SCORE_SNAPSHOT_REFRESH_INTERVAL_MS`
+- `STICKER_OBJECT_STORAGE_SIGNED_URL_TTL_SECONDS`

package/package.json

@@ -0,0 +1,144 @@
+{
+  "name": "@omnizap-system/omnizap",
+  "version": "2.5.12",
+  "description": "Sistema profissional de automação WhatsApp com tecnologia Baileys",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://npm.pkg.github.com"
+  },
+  "type": "module",
+  "imports": {
+    "#logger": "./utils/logger/loggerModule.js"
+  },
+  "packageManager": "npm@10.9.2",
+  "keywords": [
+    "whatsapp",
+    "automation",
+    "baileys",
+    "omnizap",
+    "messaging",
+    "bot"
+  ],
+  "author": "OmniZap Team",
+  "license": "MIT",
+  "scripts": {
+    "prepack": "npm run sync:npmignore",
+    "sync:npmignore": "node -e \"const fs=require('node:fs');fs.copyFileSync('.gitignore','.npmignore');console.log('synced .npmignore from .gitignore');\"",
+    "start": "node index.js",
+    "dev": "node index.js",
+    "db:init": "node database/init.js",
+    "pm2:prod": "pm2 start ecosystem.prod.config.cjs",
+    "deploy": "bash ./scripts/deploy.sh",
+    "deploy:dry-run": "DEPLOY_DRY_RUN=1 bash ./scripts/deploy.sh",
+    "build": "npm run build:all",
+    "build:all": "npm run catalog:commands && npm run build:frontend",
+    "build:frontend": "npm run build:css && npm run build:js",
+    "build:css": "npm run build:css:home && npm run build:css:user && npm run build:css:login && npm run build:css:terms && npm run build:css:api-docs && npm run build:css:stickers && npm run build:css:create-pack && npm run build:css:stickers-admin && npm run build:css:user-systemadm && npm run build:css:commands",
+    "build:js": "vite build --config ./vite.config.mjs",
+    "build:js:home": "npm run build:js",
+    "build:js:user": "npm run build:js",
+    "build:js:login": "npm run build:js",
+    "build:js:api-docs": "npm run build:js",
+    "build:js:stickers": "npm run build:js",
+    "build:js:create-pack": "npm run build:js",
+    "build:js:stickers-admin": "npm run build:js",
+    "build:js:user-systemadm": "npm run build:js",
+    "build:js:home:watch": "vite build --config ./vite.config.mjs --watch",
+    "build:css:home": "tailwindcss -i ./public/assets/css/home-react.input.css -o ./public/assets/css/home-react.css --minify",
+    "build:css:user": "tailwindcss -i ./public/assets/css/user-react.input.css -o ./public/assets/css/user-react.css --minify",
+    "build:css:login": "tailwindcss -i ./public/assets/css/login-react.input.css -o ./public/assets/css/login-react.css --minify",
+    "build:css:terms": "tailwindcss -i ./public/assets/css/terms-react.input.css -o ./public/assets/css/terms-react.css --minify",
+    "build:css:commands": "tailwindcss -i ./public/assets/css/commands-react.input.css -o ./public/assets/css/commands-react.css --minify",
+    "build:css:api-docs": "cp ./public/css/api-docs.css ./public/assets/css/api-docs.css",
+    "build:css:stickers": "tailwindcss -i ./public/assets/css/stickers-react.input.css -o ./public/assets/css/stickers-react.css --minify",
+    "build:css:create-pack": "tailwindcss -i ./public/assets/css/create-pack-react.input.css -o ./public/assets/css/create-pack-react.css --minify",
+    "build:css:stickers-admin": "cp ./public/css/stickers-admin.css ./public/assets/css/stickers-admin.css",
+    "build:css:user-systemadm": "cat ./public/css/systemadm/tokens.css ./public/css/systemadm/base.css ./public/css/systemadm/layout.css ./public/css/systemadm/components.css ./public/css/systemadm/admin.css > ./public/assets/css/user-systemadm.css",
+    "build:css:home:watch": "tailwindcss -i ./public/assets/css/home-react.input.css -o ./public/assets/css/home-react.css --watch",
+    "readme:sync-snapshot": "node ./scripts/sync-readme-snapshot.mjs",
+    "wiki:sync": "bash ./scripts/wiki-sync.sh",
+    "loadtest:stickers": "node ./scripts/sticker-catalog-loadtest.mjs",
+    "baileys:smoke": "node ./scripts/baileys-compat-smoke.mjs",
+    "worker:sticker:classification": "node ./scripts/sticker-worker-task.mjs --task-type classification_cycle",
+    "worker:sticker:curation": "node ./scripts/sticker-worker-task.mjs --task-type curation_cycle",
+    "worker:sticker:rebuild": "node ./scripts/sticker-worker-task.mjs --task-type rebuild_cycle",
+    "email:broadcast:terms": "node ./scripts/email-broadcast-terms-update.mjs",
+    "seo:generate:satellites": "node ./scripts/generate-seo-satellite-pages.mjs --out public/pages --route-prefix /seo",
+    "seo:generate:satellites:phase1": "node ./scripts/generate-seo-satellite-pages.mjs --config docs/seo/satellite-pages-phase1.json --out public/pages --route-prefix /seo",
+    "release": "bash ./scripts/release.sh",
+    "release:minor": "RELEASE_TYPE=minor bash ./scripts/release.sh",
+    "release:major": "RELEASE_TYPE=major bash ./scripts/release.sh",
+    "catalog:commands": "node ./scripts/generate-commands-catalog.mjs",
+    "test": "node --test",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "validate:command-configs": "node ./scripts/validate-command-configs.mjs",
+    "command-config:schema:generate": "node ./scripts/generate-command-config-schema.mjs",
+    "command-config:schema:validate": "node ./scripts/validate-command-config-schema.mjs",
+    "format": "node ./scripts/run-prettier-all.mjs --write",
+    "format:check": "node ./scripts/run-prettier-all.mjs --check",
+    "check": "npm run format:check && npm run lint && npm run validate:command-configs && npm test",
+    "ci": "npm run check && npm run build",
+    "security:audit": "npm audit --audit-level=high",
+    "security:audit:fix": "npm audit fix",
+    "security:codeql": "bash ./scripts/run-codeql-local.sh"
+  },
+  "dependencies": {
+    "@hapi/boom": "^10.0.1",
+    "@kaikybrofc/logger-module": "^1.0.4",
+    "@whiskeysockets/baileys": "github:jlucaso1/Baileys#be89465e07afa871cf3f0e19cabfec9780db6be7",
+    "argon2": "^0.44.0",
+    "axios": "^1.13.5",
+    "canvas": "^3.2.1",
+    "chalk": "^4.1.2",
+    "dotenv": "^16.5.0",
+    "envalid": "^8.0.0",
+    "express-rate-limit": "^8.3.0",
+    "ffmpeg": "^0.0.4",
+    "helmet": "^8.1.0",
+    "htm": "^3.1.1",
+    "jimp": "^1.6.0",
+    "jsonwebtoken": "^9.0.3",
+    "lodash": "^4.17.21",
+    "moment-timezone": "^0.5.48",
+    "mysql2": "^3.15.0",
+    "natural": "^8.1.1",
+    "node-cache": "^5.1.2",
+    "nodemailer": "^8.0.1",
+    "openai": "^5.23.2",
+    "pino": "^10.0.0",
+    "pino-pretty": "^13.0.0",
+    "prom-client": "^15.1.3",
+    "proper-lockfile": "^4.1.2",
+    "qrcode-terminal": "^0.12.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "stream-json": "^1.9.1",
+    "uuid": "^13.0.0",
+    "webp-conv": "github:kaikybrofc/webp-conv",
+    "wink-bm25-text-search": "^3.1.2",
+    "winston": "^3.17.0",
+    "winston-daily-rotate-file": "^5.0.0",
+    "zod": "^3.25.76"
+  },
+  "devDependencies": {
+    "@tailwindcss/cli": "^4.2.1",
+    "ajv": "^8.18.0",
+    "daisyui": "^5.5.19",
+    "eslint": "^9.39.2",
+    "prettier": "^3.8.1",
+    "tailwindcss": "^4.2.1",
+    "vite": "^6.4.1"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Omnizap-System/omnizap.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Omnizap-System/omnizap/issues"
+  },
+  "homepage": "https://github.com/Omnizap-System/omnizap#readme"
+}

package/public/assets/css/commands-react.input.css

@@ -0,0 +1,71 @@
+@import 'tailwindcss';
+@plugin "daisyui" {
+  themes: night --default;
+}
+
+@source "../../pages/comandos.html";
+@source "../../js/apps/commandsReactApp.js";
+
+@layer base {
+  html[data-theme='night'] {
+    --b1: 222 47% 11%;
+    --b2: 222 44% 9%;
+    --b3: 222 40% 8%;
+    --bc: 210 40% 96%;
+    --p: 142 71% 45%;
+    --pc: 222 47% 11%;
+    --s: 217 91% 60%;
+    --sc: 210 40% 98%;
+    --rounded-box: 2rem;
+    --rounded-btn: 1rem;
+  }
+
+  body {
+    color: hsl(var(--bc));
+    background: #020617;
+    background-image: radial-gradient(at 0% 0%, hsla(142, 71%, 45%, 0.12) 0px, transparent 50%), radial-gradient(at 100% 0%, hsla(217, 91%, 60%, 0.12) 0px, transparent 50%);
+    min-height: 100vh;
+    font-family: 'Sora', sans-serif;
+  }
+}
+
+@layer components {
+  [data-reveal] {
+    opacity: 0;
+    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
+    transition-delay: var(--reveal-delay, 0ms);
+    will-change: transform, opacity;
+  }
+
+  [data-reveal='fade-up'] {
+    transform: translateY(30px);
+  }
+  [data-reveal='fade-right'] {
+    transform: translateX(-20px);
+  }
+
+  [data-reveal].is-visible {
+    opacity: 1;
+    transform: translate(0, 0) !important;
+  }
+
+  .glass-card {
+    background: rgba(255, 255, 255, 0.02);
+    backdrop-filter: blur(12px);
+    border: 1px solid rgba(255, 255, 255, 0.05);
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+  }
+
+  .text-balance {
+    text-wrap: balance;
+  }
+
+  /* Custom scrollbar for horizontal nav */
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+  .no-scrollbar {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+}

package/public/assets/css/create-pack-react.input.css

@@ -0,0 +1,31 @@
+@import 'tailwindcss';
+@plugin "daisyui" {
+  themes: night --default;
+}
+
+@source "../../stickers/create/index.html";
+@source "../../js/apps/createPackApp.js";
+
+@theme {
+  --font-sans: 'Manrope', ui-sans-serif, system-ui;
+  --font-display: 'Sora', ui-sans-serif, system-ui;
+  --color-app-base: #0f172a;
+  --color-panel: #1e293b;
+  --color-panelSoft: #111827;
+  --color-line: rgb(255 255 255 / 0.07);
+  --color-accent: #2563eb;
+  --color-accent2: #7c3aed;
+  --color-cta: #22c55e;
+  --shadow-panel: 0 20px 40px rgba(0, 0, 0, 0.35);
+}
+
+@layer base {
+  body {
+    color: hsl(var(--bc));
+    background: radial-gradient(64rem 36rem at -12% -18%, rgb(37 99 235 / 0.18), transparent 64%), radial-gradient(52rem 28rem at 114% -8%, rgb(124 58 237 / 0.16), transparent 66%), #020617;
+  }
+
+  #create-pack-react-root {
+    color: hsl(var(--bc));
+  }
+}