:root {
  --cinema-bg-0:var(--bg-base);
  --cinema-bg-1:var(--bg-tint);
  --cinema-bg-2:var(--bg-tint);
  --cinema-blue:var(--accent-ink);
  --cinema-blue-soft:var(--accent);
  --cinema-cyan:var(--accent-cyan);
  --cinema-text:var(--text-primary);
  --cinema-text-soft:var(--text-secondary);
  --cinema-text-muted:var(--text-tertiary);
  --cinema-line:var(--line);
}

html { background:var(--bg-base) !important; }

html body {
  background:var(--bg-base) !important;
  color:var(--cinema-text) !important;
}

html body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:radial-gradient(circle at 78% 10%,var(--accent-soft-hover),transparent 30%),radial-gradient(circle at 12% 34%,var(--accent-soft),transparent 34%),linear-gradient(180deg,var(--surface) 0%,var(--bg-tint) 46%,var(--surface) 100%);
}

html body::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(22,119,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(22,119,255,.028) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 82%);
}

.bg-aurora { background:transparent !important; }
.bg-aurora::before { background:radial-gradient(circle,rgba(22,119,255,.16),transparent 62%) !important; opacity:.58 !important; }
.bg-aurora::after { background:radial-gradient(circle,rgba(47,203,255,.12),transparent 62%) !important; opacity:.46 !important; }
.bg-aurora .blob3 { background:radial-gradient(circle,rgba(22,119,255,.08),transparent 62%) !important; opacity:.48 !important; }

.nav,
.nav.scrolled {
  background:var(--glass-bg-strong) !important;
  border-bottom:1px solid var(--line-soft) !important;
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
}

.nav a,
.logo,
.nav-links a,
.nav-actions .docs-link,
.nav-actions .dash-user,
.nav-mobile a,
.footer-links a,
.nav-back,
.docs-link,
.page-desc,
.dash-sub,
.guide-body p,
.guide-note,
.doc-meta,
#doc-content,
p,
li {
  color:var(--cinema-text-soft) !important;
}

.logo,
.nav-links a.active,
.nav-links a:hover,
.nav-actions .docs-link.active,
.nav-actions .docs-link:hover,
.nav-mobile a.accent-link,
.nav-mobile a:hover,
.footer-links a:hover,
.nav-back:hover,
.docs-link:hover,
.page-title,
.dash-top h1,
.section-title,
.doc-title,
.doc-main h1,
h1,
h2,
h3,
h4,
strong,
.card-title,
.cfg-name,
.admin-title,
.stat-num,
.money-num,
.preview-title,
.config-section-title,
.grp-title,
.field label,
.auth-card h1,
.guide-body h3,
#doc-content h2,
#doc-content h3,
#doc-content h4,
#doc-content strong {
  color:var(--cinema-text) !important;
}

.logo .plus,
.page-eyebrow,
.dash-eyebrow,
.section-eyebrow,
.step-num,
.doc-eyebrow,
.guide-num,
.release-badge,
.auth-eyebrow,
.admin-eyebrow,
.hero h1 .accent,
#doc-content a,
.link-accent,
a {
  color:var(--cinema-blue) !important;
}

.logo .plus,
.hero h1 .accent {
  background:var(--accent-grad-ink) !important;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.section-eyebrow,
.doc-eyebrow,
.auth-eyebrow,
.admin-eyebrow,
.dash-eyebrow,
.page-eyebrow,
.editor-eyebrow {
  color:var(--accent-ink) !important;
  background:none !important;
  -webkit-text-fill-color:initial !important;
}

body .btn-primary,
body .btn-download,
body .btn-purple,
body .cookie-btn,
body .auth-btn,
body .code-btn,
body .verify-btn.verified,
body .download-menu .btn-release,
body .btn-release,
body .ba-save-btn {
  color:var(--text-inverse) !important;
  background:var(--accent-grad) !important;
  box-shadow:var(--shadow-accent) !important;
}

body .btn-primary:hover,
body .btn-download:hover,
body .btn-purple:hover,
body .cookie-btn:hover,
body .auth-btn:hover,
body .code-btn:hover:not(:disabled),
body .download-menu .btn-release:hover,
body .btn-release:hover,
body .ba-save-btn:hover:not(:disabled) {
  box-shadow:var(--shadow-accent-strong) !important;
}

body .btn-ghost,
body .btn-sm,
body .download-link,
body .nav-actions .logout-btn,
body .logout-btn,
body .verify-btn,
body .nav-mobile a,
body .footer-links a,
body .nav-back,
body .guide-step,
body .guide-note,
body .howto,
body .auth-card,
body .cfg-card,
body .admin-head,
body .admin-panel-card,
body .stat-card,
body .table-wrap,
body .search-box,
body .inline-form,
body .pricing-card,
body .record-summary-card,
body .record-filters,
body .drawer,
body .drawer-head,
body .drawer-form,
body .drawer-preview,
body .drawer-foot,
body .config-section,
body .grp,
body .field,
body .key-box,
body .step,
body .mp-card,
body .mp-rule,
body details.faq-item,
body .provider-chip,
body .cloud-card,
body .feature,
body .visual-card,
body .card,
body .glass-card,
body .panel,
body .note-card,
body .empty,
body .pair-info,
body .arch-diagram,
body .arch-client,
body .arch-node,
body .arch-bridge,
body .arch-proxy,
body .arch-api,
body .doc-toc a,
body #doc-content blockquote,
body #doc-content pre,
body #doc-content table,
body #doc-content th,
body #doc-content td,
body .ba-card,
body .ba-banner,
body .ba-tier-col,
body .route-policy-switch,
body .record-summary-card {
  background:var(--surface-veil) !important;
  border-color:var(--line) !important;
  box-shadow:var(--shadow-lg),0 0 44px var(--accent-soft) !important;
}

body .btn-ghost,
body .btn-sm,
body .download-link,
body .nav-actions .logout-btn,
body .logout-btn,
body .verify-btn {
  color:var(--accent-ink) !important;
  background:var(--accent-soft) !important;
  border:1px solid var(--accent-line) !important;
}

body .btn-ghost:hover,
body .btn-sm:hover,
body .download-link:hover,
body .nav-actions .logout-btn:hover,
body .logout-btn:hover,
body .verify-btn:hover {
  background:var(--accent-soft-hover) !important;
  border-color:var(--accent-line-strong) !important;
}

body .page-hero-compact,
body .guide-section,
body .doc-layout,
body .container,
body .auth-wrap,
body .dash-wrap,
body .admin-wrap,
body .page-wrap {
  background:transparent !important;
  box-shadow:none !important;
}

body .guide-step:hover,
body .auth-card:hover,
body .cfg-card:hover,
body .admin-panel-card:hover,
body .pricing-card:hover,
body .provider-chip:hover,
body .feature:hover,
body .visual-card:hover,
body .step:hover,
body .mp-rule:hover,
body details.faq-item[open] {
  border-color:var(--accent-line-strong) !important;
  box-shadow:var(--shadow-lg) !important;
}

body input,
body select,
body textarea,
body .form-control,
body .auth-field input,
body .code-row input,
body .search-box input,
body .inline-form input,
body .inline-form select,
body .field input,
body .field select,
body .field textarea,
body .price-input,
body .ba-input input,
body .ba-input select,
body .vc-fld input {
  color:var(--cinema-text) !important;
  background:var(--surface) !important;
  border-color:var(--line) !important;
}

body input:focus,
body select:focus,
body textarea:focus,
body .form-control:focus,
body .auth-field input:focus,
body .code-row input:focus,
body .search-box input:focus,
body .inline-form input:focus,
body .inline-form select:focus,
body .field input:focus,
body .field select:focus,
body .field textarea:focus,
body .price-input:focus,
body .ba-input input:focus,
body .ba-input select:focus,
body .vc-fld input:focus {
  border-color:var(--accent-line-strong) !important;
  box-shadow:var(--focus-ring-soft) !important;
  background:var(--surface) !important;
}

input::placeholder,
textarea::placeholder {
  color:var(--text-decorative) !important;
}

option { background:var(--surface) !important; color:var(--cinema-text) !important; }

table,
th,
td,
.table-wrap table,
.record-table-wrap table {
  border-color:var(--line) !important;
}

th,
#doc-content th,
.table-wrap th {
  color:var(--cinema-text-muted) !important;
  background:var(--bg-tint) !important;
}

td,
#doc-content td,
.table-wrap td {
  color:var(--cinema-text-soft) !important;
}

tbody tr:hover,
#doc-content tbody tr:hover {
  background:var(--accent-soft) !important;
}

code,
#doc-content code {
  color:var(--accent-ink) !important;
  background:var(--accent-soft) !important;
  border:1px solid var(--accent-line) !important;
}

pre,
pre.code,
pre.toml,
.guide-card .gc-code,
#doc-content pre,
.ba-toml {
  color:var(--text-secondary) !important;
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow) !important;
}

pre code,
#doc-content pre code {
  color:var(--text-secondary) !important;
  background:transparent !important;
  border:0 !important;
}

.tag-on,
.status-success,
.record-status.paid,
.verify-btn.verified { color:var(--success) !important; background:var(--success-soft) !important; }
.tag-off,
.status-danger,
.record-status.failed,
.btn-red,
.btn-danger,.state-error { color:var(--danger) !important; background:var(--danger-soft) !important; }
.status-warn,
.tag-admin { color:var(--warning) !important; background:var(--warning-soft) !important; }

footer {
  background:var(--glass-bg-strong) !important;
  border-top-color:var(--line-soft) !important;
}

.cookie-bar {
  background:var(--surface-veil) !important;
  border-top-color:var(--line-soft) !important;
  color:var(--cinema-text-soft) !important;
}

.progress-bar,
.arch-line {
  background:var(--accent-grad-deco) !important;
}