:root[data-brand-theme="amber-blaze"]{--background: oklch(0.985 0.005 85);--background-raised: oklch(1 0.002 85);--panel: oklch(0.97 0.008 85);--panel-strong: oklch(0.95 0.01 85);--foreground: oklch(0.2 0.02 85);--foreground-soft: oklch(0.4 0.02 85);--foreground-muted: oklch(0.6 0.015 85);--brand: #ffbe0b;--brand-soft: rgba(255, 190, 11, 0.15);--brand-strong: #fb5607;--brand-container: rgba(255, 190, 11, 0.7);--accent: #fb5607;--accent-soft: rgba(251, 86, 7, 0.1);--border: oklch(0.2 0.02 85 / 0.08);--border-strong: oklch(0.2 0.02 85 / 0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.2 0 0);--secondary: oklch(0.94 0.01 85);--secondary-foreground: var(--foreground);--muted: oklch(0.96 0.008 85);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: oklch(0.98 0 0);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(50, 20, 0, 0.04), 0 10px 40px rgba(50, 20, 0, 0.06);--panel-shadow: 0 4px 20px rgba(50, 20, 0, 0.04), 0 10px 40px rgba(50, 20, 0, 0.06);--archive-surface: #fffcf5;--archive-surface-low: #fff7e6;--archive-surface-container: #ffeed1;--archive-surface-raised: #ffffff;--archive-outline-soft: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(255, 252, 245, 0.96) 0%, rgba(255, 225, 150, 0.42) 42%, rgba(255, 190, 11, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(251, 86, 7, 0.3) 0%, transparent 34%);--archive-stage-dot-color: rgba(255, 190, 11, 0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(100, 30, 0, 0.1) 78%, rgba(100, 30, 0, 0.25) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255, 190, 11, 0.4), transparent);--archive-topbar-fg-on-hero: rgba(0, 0, 0, 0.94);--archive-topbar-muted-on-hero: rgba(0, 0, 0, 0.68);--archive-topbar-surface: rgba(255, 255, 255, 0.9);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(0, 0, 0, 0.1);--archive-topbar-hero-button-border: rgba(0, 0, 0, 0.2);--archive-topbar-hero-button-hover-surface: rgba(0, 0, 0, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(100, 40, 0, 0.08) 0%, rgba(50, 20, 0, 0.15) 44%, rgba(0, 0, 0, 0.8) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 190, 11, 0.1);--hero-eyebrow-border: rgba(255, 190, 11, 0.2);--hero-eyebrow-foreground: rgba(100, 40, 0, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(255, 190, 11, 0.5);--hero-meta-divider: rgba(255, 190, 11, 0.2);--hero-meta-foreground: rgba(255, 190, 11, 0.6);--hero-subtitle-foreground: rgba(100, 40, 0, 0.8);--hero-subtitle-muted: rgba(150, 60, 0, 0.5);--hero-secondary-surface: rgba(255, 190, 11, 0.1);--hero-secondary-border: rgba(255, 190, 11, 0.2);--hero-secondary-foreground: rgba(100, 40, 0, 0.82);--hero-secondary-hover-surface: rgba(255, 190, 11, 0.15);--hero-note-surface: rgba(255, 190, 11, 0.08);--hero-note-border: rgba(255, 190, 11, 0.12);--hero-note-foreground: rgba(251, 86, 7, 0.6);--starfield-anchor-deep: #fb5607;--starfield-canvas-base: rgb(15 10 5);--starfield-canvas-start: rgb(10 6 2);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(100, 40, 0, 0.06);--starfield-vignette-mid: rgba(50, 20, 0, 0.04);--starfield-vignette-edge: rgba(10, 5, 0, 0.7);--archive-text-card-gradient: linear-gradient(90deg, rgba(255, 190, 11, 0.3) 0%, rgba(251, 86, 7, 0.15) 42%, rgba(255, 255, 255, 0.98) 100%);--archive-isocon-fill: rgba(255, 190, 11, 1);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(255, 225, 150, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(255, 190, 11, 0.3));--archive-encrypted-badge-glow: 0 0 20px rgba(251, 86, 7, 0.15);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(255, 190, 11, 0.05) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(255, 190, 11, 0.2) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(255, 190, 11, 0.5), transparent);--archive-ground-shadow: 0 0 20px rgba(255, 190, 11, 0.25);--archive-inline-surface: linear-gradient(90deg, rgba(251, 86, 7, 1) 0%, rgba(255, 190, 11, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(251, 86, 7, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(255, 190, 11, 1) 1px, transparent 0);--archive-inline-rail: #ffeed1;--archive-inline-marker: rgba(255, 190, 11, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(255, 190, 11, 0.02) 0%, rgba(255, 190, 11, 0.08) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(255, 190, 11, 0.15);--archive-bento-base-gradient: linear-gradient(180deg, rgba(255, 225, 150, 0) 0%, rgba(255, 190, 11, 0.08) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(255, 190, 11, 0) 30%, rgba(150, 60, 0, 0.2) 65%, rgba(100, 40, 0, 0.8) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #fffcf5 0%, #ffbe0b 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(255, 190, 11, 0) 40%, rgba(251, 86, 7, 0.4) 70%, rgba(100, 40, 0, 0.9) 100%);--archive-feature-hover-overlay: rgba(150, 60, 0, 0.1);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(255, 190, 11, 0.5) 1px, transparent 0), linear-gradient(135deg, rgba(251, 86, 7, 0.08) 0%, transparent 48%, rgba(150, 60, 0, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(255, 190, 11, 0.12) 0%, transparent 42%);--selection-background: rgba(255, 190, 11, 1);--selection-foreground: rgba(0, 0, 0, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="amber-blaze"]{--background: oklch(0.12 0.01 85);--background-raised: oklch(0.15 0.015 85);--panel: oklch(0.18 0.02 85);--panel-strong: oklch(0.22 0.02 85);--foreground: oklch(0.96 0.005 85);--foreground-soft: oklch(0.82 0.01 85);--foreground-muted: oklch(0.65 0.01 85);--brand: #ffbe0b;--brand-soft: rgba(255, 190, 11, 0.2);--brand-strong: #fb5607;--brand-container: rgba(255, 190, 11, 0.7);--accent: #fb5607;--accent-soft: rgba(251, 86, 7, 0.15);--border: oklch(1 0.01 85 / 0.12);--border-strong: oklch(1 0.01 85 / 0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.12 0 0);--secondary: oklch(0.25 0.02 85);--secondary-foreground: var(--foreground);--muted: oklch(0.2 0.015 85);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: oklch(0.98 0 0);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 10px 40px rgba(0, 0, 0, 0.4);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 10px 40px rgba(0, 0, 0, 0.4);--archive-surface: #0a0805;--archive-surface-low: #120e0a;--archive-surface-container: #1a130e;--archive-surface-raised: #261c14;--archive-outline-soft: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(100, 40, 0, 0.38) 0%, rgba(251, 86, 7, 0.44) 42%, rgba(255, 190, 11, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(251, 86, 7, 0.15) 0%, transparent 34%);--archive-stage-dot-color: rgba(255, 190, 11, 0.6);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.3) 78%, rgba(0, 0, 0, 0.5) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(251, 86, 7, 0.5), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(10, 8, 5, 0.85);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(251, 86, 7, 0.15) 0%, rgba(100, 40, 0, 0.2) 44%, rgba(0, 0, 0, 0.85) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(255, 190, 11, 0.6);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(251, 86, 7, 0.6);--hero-subtitle-foreground: rgba(255, 255, 255, 0.85);--hero-subtitle-muted: rgba(255, 190, 11, 0.5);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.85);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(251, 86, 7, 0.6);--starfield-anchor-deep: #fb5607;--starfield-canvas-base: rgb(10 8 5);--starfield-canvas-start: rgb(0 0 0);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(100, 40, 0, 0.08);--starfield-vignette-mid: rgba(50, 20, 0, 0.04);--starfield-vignette-edge: rgba(0, 0, 0, 0.8);--archive-text-card-gradient: linear-gradient(90deg, rgba(255, 190, 11, 0.35) 0%, rgba(251, 86, 7, 0.1) 100%);--archive-isocon-fill: rgba(255, 255, 255, 0.98);--archive-isocon-stroke-start: rgba(255, 190, 11, 1);--archive-isocon-stroke-end: rgba(251, 86, 7, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.3));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(255, 190, 11, 0.35));--archive-encrypted-badge-glow: 0 0 20px rgba(251, 86, 7, 0.2);--archive-dot-opacity: 0.3;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(255, 190, 11, 0.05) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(255, 190, 11, 0.2) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(255, 190, 11, 0.5), transparent);--archive-ground-shadow: 0 0 20px rgba(255, 190, 11, 0.25);--archive-inline-surface: linear-gradient(90deg, rgba(251, 86, 7, 0.96) 0%, rgba(255, 190, 11, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(251, 86, 7, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(255, 190, 11, 1) 1px, transparent 0);--archive-inline-rail: #1a130e;--archive-inline-marker: rgba(251, 86, 7, 0.95);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(255, 190, 11, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(255, 190, 11, 0.2);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(255, 190, 11, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(255, 190, 11, 0) 30%, rgba(100, 40, 0, 0.5) 65%, rgba(10, 8, 5, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #120e0a 0%, #ffbe0b 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(255, 190, 11, 0) 40%, rgba(251, 86, 7, 0.6) 70%, rgba(10, 8, 5, 0.95) 100%);--archive-feature-hover-overlay: rgba(100, 40, 0, 0.25);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(251, 86, 7, 0.5) 1px, transparent 0), linear-gradient(135deg, rgba(255, 190, 11, 0.1) 0%, transparent 48%, rgba(251, 86, 7, 0.15) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(255, 190, 11, 0.18) 0%, transparent 42%);--selection-background: rgba(255, 190, 11, 1);--selection-foreground: rgba(0, 0, 0, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 8%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 12%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--brand) 15%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 70%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 92%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 85%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 22%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="astrolix-sunset"]{--background: oklch(0.985 0.006 65);--background-raised: oklch(1 0.004 65);--panel: oklch(0.972 0.008 65);--panel-strong: oklch(0.955 0.01 65);--foreground: oklch(0.2 0.01 45);--foreground-soft: oklch(0.4 0.015 45);--foreground-muted: oklch(0.58 0.012 45);--brand: #FF6600;--brand-soft: rgba(255, 102, 0, 0.18);--brand-strong: #CC5200;--brand-container: rgba(255, 102, 0, 0.7);--accent: #FF0066;--accent-soft: rgba(255, 0, 102, 0.1);--border: oklch(0.2 0.01 45 / 0.08);--border-strong: oklch(0.2 0.01 45 / 0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0.002 95);--secondary: oklch(0.945 0.008 65);--secondary-foreground: var(--foreground);--muted: oklch(0.962 0.006 65);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: oklch(0.98 0.002 95);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(40, 20, 10, 0.04), 0 10px 40px rgba(40, 20, 10, 0.06);--panel-shadow: 0 4px 20px rgba(40, 20, 10, 0.04), 0 10px 40px rgba(40, 20, 10, 0.06);--archive-surface: #faf7f5;--archive-surface-low: #f4efe9;--archive-surface-container: #eee8e1;--archive-surface-raised: #ffffff;--archive-outline-soft: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(255, 248, 240, 0.96) 0%, rgba(255, 180, 140, 0.42) 42%, rgba(255, 102, 0, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,150,100,0.34) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,102,0,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(97, 20, 5, 0.14) 78%, rgba(97, 20, 5, 0.30) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,102,0,0.34), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.94);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.68);--archive-topbar-surface: rgba(255, 255, 255, 0.9);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(60, 25, 18, 0.12) 0%, rgba(9, 4, 2, 0.18) 44%, rgba(0, 0, 0, 0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.78);--hero-eyebrow-glow: 0 0 20px rgba(255, 102, 0, 0.7);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(255, 255, 255, 0.48);--hero-subtitle-foreground: rgba(255, 255, 255, 0.76);--hero-subtitle-muted: rgba(255, 255, 255, 0.44);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.82);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(255, 255, 255, 0.52);--starfield-anchor-deep: #CC5200;--starfield-canvas-base: rgb(12 6 3);--starfield-canvas-start: rgb(10 4 2);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(40, 20, 10, 0.08);--starfield-vignette-mid: rgba(18, 8, 4, 0.04);--starfield-vignette-edge: rgba(6, 2, 1, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(255, 102, 0, 0.3) 0%, rgba(255, 0, 102, 0.18) 42%, rgba(255, 255, 255, 0.98) 100%);--archive-isocon-fill: rgba(255, 102, 0, 1);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(255, 220, 200, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.2));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(255, 102, 0, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(255, 0, 102, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(255, 102, 0, 0.04) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(255, 102, 0, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(255, 102, 0, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(255, 102, 0, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(255, 150, 100, 1) 0%, rgba(255, 102, 0, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(0, 210, 255, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(255, 0, 102, 1) 1px, transparent 0);--archive-inline-rail: #FFEBE0;--archive-inline-marker: rgba(0, 210, 255, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(255, 102, 0, 0.02) 0%, rgba(255, 102, 0, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(255, 102, 0, 0.15);--archive-bento-base-gradient: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(255, 102, 0, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(255, 102, 0, 0) 30%, rgba(50, 15, 0, 0.4) 65%, rgba(100, 30, 0, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #f4f4f0 0%, #FF6600 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(255, 102, 0, 0) 40%, rgba(100, 0, 40, 0.6) 70%, rgba(153, 0, 60, 0.95) 100%);--archive-feature-hover-overlay: rgba(50, 0, 20, 0.2);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(255, 0, 102, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(255, 102, 0, 0.06) 0%, transparent 52%, rgba(0, 210, 255, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(255, 102, 0, 0.06) 0%, transparent 42%);--selection-background: rgba(255, 102, 0, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: #00D2FF;--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="astrolix-sunset"]{--background: oklch(0.12 0.006 45);--background-raised: oklch(0.14 0.006 45);--panel: oklch(0.16 0.008 45);--panel-strong: oklch(0.19 0.01 45);--foreground: oklch(0.96 0.004 65);--foreground-soft: oklch(0.82 0.008 65);--foreground-muted: oklch(0.68 0.01 65);--brand: #FF6600;--brand-soft: rgba(255, 102, 0, 0.18);--brand-strong: #CC5200;--brand-container: rgba(255, 102, 0, 0.7);--accent: #FF0066;--accent-soft: rgba(255, 0, 102, 0.12);--border: oklch(1 0.01 65 / 0.12);--border-strong: oklch(1 0.01 65 / 0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0.002 95);--secondary: oklch(0.19 0.01 45);--secondary-foreground: var(--foreground);--muted: oklch(0.17 0.008 45);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: oklch(0.98 0.002 95);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.28), 0 10px 40px rgba(0, 0, 0, 0.34);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.28), 0 10px 40px rgba(0, 0, 0, 0.34);--archive-surface: #12100e;--archive-surface-low: #181512;--archive-surface-container: #1d1915;--archive-surface-raised: #221d19;--archive-outline-soft: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(122, 60, 30, 0.38) 0%, rgba(122, 30, 60, 0.44) 42%, rgba(122, 40, 0, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,150,100,0.12) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,102,0,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.18) 78%, rgba(0, 0, 0, 0.34) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,102,0,0.34), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(15, 12, 10, 0.8);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(60, 25, 18, 0.12) 0%, rgba(9, 4, 2, 0.18) 44%, rgba(0, 0, 0, 0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.78);--hero-eyebrow-glow: 0 0 20px rgba(255, 102, 0, 0.7);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(255, 255, 255, 0.48);--hero-subtitle-foreground: rgba(255, 255, 255, 0.76);--hero-subtitle-muted: rgba(255, 255, 255, 0.44);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.82);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(255, 255, 255, 0.52);--starfield-anchor-deep: #CC5200;--starfield-canvas-base: rgb(12 6 3);--starfield-canvas-start: rgb(10 4 2);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(40, 20, 10, 0.08);--starfield-vignette-mid: rgba(18, 8, 4, 0.04);--starfield-vignette-edge: rgba(6, 2, 1, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(255, 102, 0, 0.32) 0%, rgba(255, 0, 102, 0.06) 100%);--archive-isocon-fill: rgba(255, 255, 255, 0.98);--archive-isocon-stroke-start: rgba(255, 102, 0, 1);--archive-isocon-stroke-end: rgba(255, 0, 102, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.22));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(255, 102, 0, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(255, 0, 102, 0.14);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(255, 102, 0, 0.04) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(255, 102, 0, 0.18) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(255, 102, 0, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(255, 102, 0, 0.24);--archive-inline-surface: linear-gradient(90deg, rgba(255, 140, 70, 0.96) 0%, rgba(255, 0, 102, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(0, 210, 255, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(255, 0, 102, 1) 1px, transparent 0);--archive-inline-rail: #4A1500;--archive-inline-marker: rgba(0, 210, 255, 0.92);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(255, 102, 0, 0.04) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(255, 102, 0, 0.18);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(255, 102, 0, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(255, 102, 0, 0) 30%, rgba(50, 15, 0, 0.4) 65%, rgba(100, 30, 0, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #181512 0%, #FF6600 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(255, 102, 0, 0) 40%, rgba(100, 0, 40, 0.6) 70%, rgba(153, 0, 60, 0.95) 100%);--archive-feature-hover-overlay: rgba(50, 0, 20, 0.2);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(255, 0, 102, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(255, 102, 0, 0.06) 0%, transparent 52%, rgba(0, 210, 255, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(255, 102, 0, 0.1) 0%, transparent 42%);--selection-background: rgba(255, 102, 0, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 16%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 6%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 9%, transparent);--diagram-accent: #00D2FF;--diagram-glow: color-mix(in oklab, var(--brand) 10%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 62%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 82%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 94%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="astrolix"]{--background: oklch(0.985 0.004 95);--background-raised: oklch(1 0.001 95);--panel: oklch(0.972 0.004 95);--panel-strong: oklch(0.955 0.004 95);--foreground: oklch(0.19 0.01 255);--foreground-soft: oklch(0.4 0.012 255);--foreground-muted: oklch(0.58 0.01 255);--brand: #0000ff;--brand-soft: rgba(0, 0, 255, 0.18);--brand-strong: #0000cc;--brand-container: rgba(0, 0, 255, 0.7);--accent: #2c2cff;--accent-soft: rgba(0, 0, 255, 0.1);--border: oklch(0.2 0.01 255 / 0.08);--border-strong: oklch(0.2 0.01 255 / 0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0.002 95);--secondary: oklch(0.945 0.004 95);--secondary-foreground: var(--foreground);--muted: oklch(0.962 0.004 95);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(27, 28, 26, 0.04), 0 10px 40px rgba(27, 28, 26, 0.06);--panel-shadow: 0 4px 20px rgba(27, 28, 26, 0.04), 0 10px 40px rgba(27, 28, 26, 0.06);--archive-surface: #faf9f5;--archive-surface-low: #f4f4f0;--archive-surface-container: #efeeea;--archive-surface-raised: #ffffff;--archive-outline-soft: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(249, 248, 255, 0.96) 0%, rgba(196, 189, 255, 0.42) 42%, rgba(74, 0, 255, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.34) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(5, 11, 97, 0.14) 78%, rgba(5, 11, 97, 0.30) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.94);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.68);--archive-topbar-surface: rgba(255, 255, 255, 0.9);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(18, 31, 60, 0.12) 0%, rgba(2, 4, 9, 0.18) 44%, rgba(0, 0, 0, 0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.78);--hero-eyebrow-glow: 0 0 20px rgba(0, 0, 255, 0.7);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(255, 255, 255, 0.48);--hero-subtitle-foreground: rgba(255, 255, 255, 0.76);--hero-subtitle-muted: rgba(255, 255, 255, 0.44);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.82);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(255, 255, 255, 0.52);--starfield-anchor-deep: #000099;--starfield-canvas-base: rgb(3 6 12);--starfield-canvas-start: rgb(2 4 10);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(16, 24, 40, 0.08);--starfield-vignette-mid: rgba(6, 10, 18, 0.04);--starfield-vignette-edge: rgba(1, 2, 6, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 0, 255, 0.3) 0%, rgba(96, 96, 255, 0.18) 42%, rgba(255, 255, 255, 0.98) 100%);--archive-isocon-fill: rgba(0, 0, 255, 1);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(223, 232, 255, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.2));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 0, 255, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(0, 0, 255, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 255, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 0, 255, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 0, 255, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 0, 255, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(141, 141, 255, 1) 0%, rgba(0, 0, 255, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(0, 0, 153, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 0, 255, 1) 1px, transparent 0);--archive-inline-rail: #000071;--archive-inline-marker: rgba(0, 0, 255, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(0, 0, 255, 0.02) 0%, rgba(0, 0, 255, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 0, 255, 0.15);--archive-bento-base-gradient: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(0, 0, 255, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(0, 0, 255, 0) 30%, rgba(0, 0, 50, 0.4) 65%, rgba(0, 0, 100, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #f4f4f0 0%, #0000ff 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(0, 0, 255, 0) 40%, rgba(0, 0, 100, 0.6) 70%, rgba(0, 0, 153, 0.95) 100%);--archive-feature-hover-overlay: rgba(0, 0, 50, 0.2);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 0, 255, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(0, 0, 255, 0.06) 0%, transparent 52%, rgba(0, 0, 153, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 0, 255, 0.06) 0%, transparent 42%);--selection-background: rgba(0, 0, 255, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: var(--brand);--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="astrolix"]{--background: oklch(0.105 0.004 255);--background-raised: oklch(0.13 0.004 255);--panel: oklch(0.15 0.005 255);--panel-strong: oklch(0.18 0.006 255);--foreground: oklch(0.96 0.003 95);--foreground-soft: oklch(0.82 0.006 245);--foreground-muted: oklch(0.68 0.008 245);--brand: #0000ff;--brand-soft: rgba(0, 0, 255, 0.18);--brand-strong: #0000cc;--brand-container: rgba(0, 0, 255, 0.7);--accent: #2c2cff;--accent-soft: rgba(0, 0, 255, 0.12);--border: oklch(1 0 0 / 0.12);--border-strong: oklch(1 0 0 / 0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0.002 95);--secondary: oklch(0.19 0.008 255);--secondary-foreground: var(--foreground);--muted: oklch(0.17 0.006 255);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.28), 0 10px 40px rgba(0, 0, 0, 0.34);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.28), 0 10px 40px rgba(0, 0, 0, 0.34);--archive-surface: #101115;--archive-surface-low: #14161b;--archive-surface-container: #181b21;--archive-surface-raised: #1c2027;--archive-outline-soft: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(91, 88, 122, 0.38) 0%, rgba(63, 55, 122, 0.44) 42%, rgba(34, 22, 122, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.12) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.18) 78%, rgba(0, 0, 0, 0.34) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(10, 10, 15, 0.8);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(18, 31, 60, 0.12) 0%, rgba(2, 4, 9, 0.18) 44%, rgba(0, 0, 0, 0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.78);--hero-eyebrow-glow: 0 0 20px rgba(0, 0, 255, 0.7);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(255, 255, 255, 0.48);--hero-subtitle-foreground: rgba(255, 255, 255, 0.76);--hero-subtitle-muted: rgba(255, 255, 255, 0.44);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.82);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(255, 255, 255, 0.52);--starfield-anchor-deep: #000099;--starfield-canvas-base: rgb(3 6 12);--starfield-canvas-start: rgb(2 4 10);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(16, 24, 40, 0.08);--starfield-vignette-mid: rgba(6, 10, 18, 0.04);--starfield-vignette-edge: rgba(1, 2, 6, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 0, 255, 0.32) 0%, rgba(255, 255, 255, 0.06) 100%);--archive-isocon-fill: rgba(255, 255, 255, 0.98);--archive-isocon-stroke-start: rgba(0, 0, 255, 1);--archive-isocon-stroke-end: rgba(0, 0, 153, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.22));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 0, 255, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(0, 0, 255, 0.14);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 255, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 0, 255, 0.18) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 0, 255, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 0, 255, 0.24);--archive-inline-surface: linear-gradient(90deg, rgba(110, 110, 255, 0.96) 0%, rgba(0, 0, 153, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(0, 0, 153, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 0, 255, 1) 1px, transparent 0);--archive-inline-rail: #00005a;--archive-inline-marker: rgba(0, 0, 255, 0.92);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(0, 0, 255, 0.04) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 0, 255, 0.18);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(0, 0, 255, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(0, 0, 255, 0) 30%, rgba(0, 0, 50, 0.4) 65%, rgba(0, 0, 100, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #14161b 0%, #0000ff 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(0, 0, 255, 0) 40%, rgba(0, 0, 100, 0.6) 70%, rgba(0, 0, 153, 0.95) 100%);--archive-feature-hover-overlay: rgba(0, 0, 50, 0.2);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 0, 255, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(0, 0, 255, 0.06) 0%, transparent 52%, rgba(0, 0, 153, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 0, 255, 0.1) 0%, transparent 42%);--selection-background: rgba(0, 0, 255, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 16%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 6%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 9%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--brand) 10%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 62%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 82%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 94%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="aubergine"]{--background: oklch(0.985 0.004 95);--background-raised: oklch(1 0.001 95);--panel: oklch(0.972 0.004 95);--panel-strong: oklch(0.955 0.004 95);--foreground: oklch(0.19 0.01 255);--foreground-soft: oklch(0.4 0.012 255);--foreground-muted: oklch(0.58 0.01 255);--brand: #6b21a8;--brand-soft: rgba(107, 33, 168, 0.18);--brand-strong: #581c87;--brand-container: rgba(107, 33, 168, 0.7);--accent: #8b5cf6;--accent-soft: rgba(107, 33, 168, 0.1);--border: oklch(0.2 0.01 255 / 0.08);--border-strong: oklch(0.2 0.01 255 / 0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0.002 95);--secondary: oklch(0.945 0.004 95);--secondary-foreground: var(--foreground);--muted: oklch(0.962 0.004 95);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(27, 28, 26, 0.04), 0 10px 40px rgba(27, 28, 26, 0.06);--panel-shadow: 0 4px 20px rgba(27, 28, 26, 0.04), 0 10px 40px rgba(27, 28, 26, 0.06);--archive-surface: #faf9f5;--archive-surface-low: #f4f4f0;--archive-surface-container: #efeeea;--archive-surface-raised: #ffffff;--archive-outline-soft: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(250, 246, 252, 0.96) 0%, rgba(203, 176, 232, 0.42) 42%, rgba(95, 45, 125, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.3) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(55, 24, 73, 0.14) 78%, rgba(55, 24, 73, 0.30) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.94);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.68);--archive-topbar-surface: rgba(255, 255, 255, 0.9);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(51, 26, 71, 0.1) 0%, rgba(15, 10, 24, 0.18) 44%, rgba(0, 0, 0, 0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.78);--hero-eyebrow-glow: 0 0 20px rgba(107, 33, 168, 0.7);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(255, 255, 255, 0.48);--hero-subtitle-foreground: rgba(255, 255, 255, 0.76);--hero-subtitle-muted: rgba(255, 255, 255, 0.44);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.82);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(255, 255, 255, 0.52);--starfield-anchor-deep: #3b0764;--starfield-canvas-base: rgb(10 7 18);--starfield-canvas-start: rgb(8 5 14);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(28, 18, 40, 0.08);--starfield-vignette-mid: rgba(18, 10, 28, 0.04);--starfield-vignette-edge: rgba(4, 3, 8, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(107, 33, 168, 0.3) 0%, rgba(177, 143, 216, 0.2) 42%, rgba(250, 247, 252, 0.98) 100%);--archive-isocon-fill: rgba(107, 33, 168, 1);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(237, 228, 247, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.2));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(107, 33, 168, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(107, 33, 168, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(107, 33, 168, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(107, 33, 168, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(107, 33, 168, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(107, 33, 168, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(196, 146, 244, 1) 0%, rgba(107, 33, 168, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(76, 29, 112, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(107, 33, 168, 1) 1px, transparent 0);--archive-inline-rail: #4c1d70;--archive-inline-marker: rgba(107, 33, 168, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(107, 33, 168, 0.02) 0%, rgba(107, 33, 168, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(107, 33, 168, 0.15);--archive-bento-base-gradient: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(107, 33, 168, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #f4f4f0 0%, #6b21a8 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(107, 33, 168, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(107, 33, 168, 0.06) 0%, transparent 52%, rgba(76, 29, 112, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(107, 33, 168, 0.06) 0%, transparent 42%);--selection-background: rgba(107, 33, 168, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: var(--brand);--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="aubergine"]{--background: oklch(0.105 0.004 255);--background-raised: oklch(0.13 0.004 255);--panel: oklch(0.15 0.005 255);--panel-strong: oklch(0.18 0.006 255);--foreground: oklch(0.96 0.003 95);--foreground-soft: oklch(0.82 0.006 245);--foreground-muted: oklch(0.68 0.008 245);--brand: #6b21a8;--brand-soft: rgba(107, 33, 168, 0.18);--brand-strong: #581c87;--brand-container: rgba(107, 33, 168, 0.7);--accent: #8b5cf6;--accent-soft: rgba(107, 33, 168, 0.12);--border: oklch(1 0 0 / 0.12);--border-strong: oklch(1 0 0 / 0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0.002 95);--secondary: oklch(0.19 0.008 255);--secondary-foreground: var(--foreground);--muted: oklch(0.17 0.006 255);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.28), 0 10px 40px rgba(0, 0, 0, 0.34);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.28), 0 10px 40px rgba(0, 0, 0, 0.34);--archive-surface: #101115;--archive-surface-low: #14161b;--archive-surface-container: #181b21;--archive-surface-raised: #1c2027;--archive-outline-soft: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(101, 80, 119, 0.38) 0%, rgba(78, 52, 96, 0.44) 42%, rgba(47, 24, 70, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.1) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.18) 78%, rgba(0, 0, 0, 0.34) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(10, 10, 15, 0.8);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(32, 18, 47, 0.12) 0%, rgba(10, 6, 16, 0.18) 44%, rgba(0, 0, 0, 0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.78);--hero-eyebrow-glow: 0 0 20px rgba(107, 33, 168, 0.7);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(255, 255, 255, 0.48);--hero-subtitle-foreground: rgba(255, 255, 255, 0.76);--hero-subtitle-muted: rgba(255, 255, 255, 0.44);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.82);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(255, 255, 255, 0.52);--starfield-anchor-deep: #3b0764;--starfield-canvas-base: rgb(7 4 14);--starfield-canvas-start: rgb(5 3 10);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(24, 16, 36, 0.08);--starfield-vignette-mid: rgba(14, 8, 24, 0.04);--starfield-vignette-edge: rgba(2, 2, 6, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(107, 33, 168, 0.32) 0%, rgba(255, 255, 255, 0.06) 100%);--archive-isocon-fill: rgba(250, 247, 252, 0.98);--archive-isocon-stroke-start: rgba(107, 33, 168, 1);--archive-isocon-stroke-end: rgba(76, 29, 112, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.22));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(107, 33, 168, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(107, 33, 168, 0.14);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(107, 33, 168, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(107, 33, 168, 0.18) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(107, 33, 168, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(107, 33, 168, 0.24);--archive-inline-surface: linear-gradient(90deg, rgba(173, 110, 241, 0.96) 0%, rgba(76, 29, 112, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(76, 29, 112, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(107, 33, 168, 1) 1px, transparent 0);--archive-inline-rail: #3f1a5f;--archive-inline-marker: rgba(107, 33, 168, 0.92);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(107, 33, 168, 0.04) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(107, 33, 168, 0.18);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(107, 33, 168, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #14161b 0%, #6b21a8 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(107, 33, 168, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(107, 33, 168, 0.06) 0%, transparent 52%, rgba(76, 29, 112, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(107, 33, 168, 0.1) 0%, transparent 42%);--selection-background: rgba(107, 33, 168, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 16%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 6%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 9%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--brand) 10%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 62%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 82%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 94%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="bauhaus-bento"]{--background: oklch(0.985 0.002 250);--background-raised: oklch(1 0.001 250);--panel: oklch(0.975 0.002 250);--panel-strong: oklch(0.96 0.003 250);--foreground: oklch(0.2 0.01 250);--foreground-soft: oklch(0.4 0.01 250);--foreground-muted: oklch(0.6 0.01 250);--brand: #003f88;--brand-soft: rgba(0, 63, 136, 0.15);--brand-strong: #00296b;--brand-container: rgba(0, 63, 136, 0.7);--accent: #fdc500;--accent-soft: rgba(253, 197, 0, 0.15);--border: oklch(0.2 0.01 250 / 0.08);--border-strong: oklch(0.2 0.01 250 / 0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0 0);--secondary: oklch(0.95 0.005 250);--secondary-foreground: var(--foreground);--muted: oklch(0.96 0.004 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: oklch(0.2 0.01 250);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.5rem;--soft-shadow: 0 4px 20px rgba(0, 41, 107, 0.05), 0 10px 40px rgba(0, 41, 107, 0.08);--panel-shadow: 0 4px 20px rgba(0, 41, 107, 0.05), 0 10px 40px rgba(0, 41, 107, 0.08);--archive-surface: #f8f9fa;--archive-surface-low: #f1f3f5;--archive-surface-container: #e9ecef;--archive-surface-raised: #ffffff;--archive-outline-soft: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(248, 249, 250, 0.96) 0%, rgba(173, 203, 237, 0.42) 42%, rgba(0, 63, 136, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(253, 197, 0, 0.2) 0%, transparent 34%);--archive-stage-dot-color: rgba(0, 63, 136, 0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 41, 107, 0.14) 78%, rgba(0, 41, 107, 0.30) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(0, 63, 136, 0.3), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.94);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.68);--archive-topbar-surface: rgba(255, 255, 255, 0.9);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(0, 41, 107, 0.08) 0%, rgba(0, 20, 50, 0.15) 44%, rgba(0, 0, 0, 0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(0, 63, 136, 0.06);--hero-eyebrow-border: rgba(0, 63, 136, 0.1);--hero-eyebrow-foreground: rgba(0, 41, 107, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(0, 63, 136, 0.5);--hero-meta-divider: rgba(0, 63, 136, 0.1);--hero-meta-foreground: rgba(0, 63, 136, 0.5);--hero-subtitle-foreground: rgba(0, 41, 107, 0.8);--hero-subtitle-muted: rgba(0, 80, 157, 0.6);--hero-secondary-surface: rgba(0, 63, 136, 0.06);--hero-secondary-border: rgba(0, 63, 136, 0.12);--hero-secondary-foreground: rgba(0, 41, 107, 0.82);--hero-secondary-hover-surface: rgba(0, 63, 136, 0.1);--hero-note-surface: rgba(0, 63, 136, 0.05);--hero-note-border: rgba(0, 63, 136, 0.08);--hero-note-foreground: rgba(0, 63, 136, 0.52);--starfield-anchor-deep: #00296b;--starfield-canvas-base: rgb(248 249 250);--starfield-canvas-start: rgb(241 243 245);--starfield-flare-core: #00296b;--starfield-vignette-core: rgba(0, 41, 107, 0.04);--starfield-vignette-mid: rgba(0, 20, 50, 0.02);--starfield-vignette-edge: rgba(0, 10, 30, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 63, 136, 0.25) 0%, rgba(253, 197, 0, 0.15) 42%, rgba(255, 255, 255, 0.98) 100%);--archive-isocon-fill: rgba(0, 63, 136, 1);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(173, 203, 237, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 63, 136, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(253, 197, 0, 0.15);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 63, 136, 0.04) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 63, 136, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 63, 136, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 63, 136, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(0, 80, 157, 1) 0%, rgba(0, 63, 136, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(253, 197, 0, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 63, 136, 1) 1px, transparent 0);--archive-inline-rail: #e9ecef;--archive-inline-marker: rgba(0, 63, 136, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(0, 63, 136, 0.02) 0%, rgba(0, 63, 136, 0.08) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 63, 136, 0.12);--archive-bento-base-gradient: linear-gradient(180deg, rgba(248, 249, 250, 0) 0%, rgba(0, 63, 136, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(0, 63, 136, 0) 30%, rgba(0, 41, 107, 0.3) 65%, rgba(0, 20, 50, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #f8f9fa 0%, #003f88 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(0, 63, 136, 0) 40%, rgba(0, 41, 107, 0.6) 70%, rgba(0, 20, 50, 0.95) 100%);--archive-feature-hover-overlay: rgba(0, 41, 107, 0.15);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 63, 136, 0.4) 1px, transparent 0), linear-gradient(135deg, rgba(253, 197, 0, 0.08) 0%, transparent 48%, rgba(0, 41, 107, 0.12) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 63, 136, 0.08) 0%, transparent 42%);--selection-background: rgba(0, 63, 136, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: var(--brand);--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="bauhaus-bento"]{--background: oklch(0.12 0.01 250);--background-raised: oklch(0.15 0.01 250);--panel: oklch(0.18 0.015 250);--panel-strong: oklch(0.22 0.015 250);--foreground: oklch(0.96 0.005 250);--foreground-soft: oklch(0.82 0.01 250);--foreground-muted: oklch(0.65 0.01 250);--brand: #00509d;--brand-soft: rgba(0, 80, 157, 0.2);--brand-strong: #003f88;--brand-container: rgba(0, 80, 157, 0.7);--accent: #fdc500;--accent-soft: rgba(253, 197, 0, 0.15);--border: oklch(1 0.01 250 / 0.12);--border-strong: oklch(1 0.01 250 / 0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0 0);--secondary: oklch(0.25 0.015 250);--secondary-foreground: var(--foreground);--muted: oklch(0.2 0.01 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: oklch(0.1 0.01 250);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.5rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 10px 40px rgba(0, 0, 0, 0.5);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 10px 40px rgba(0, 0, 0, 0.5);--archive-surface: #050b14;--archive-surface-low: #0a1322;--archive-surface-container: #0f1c30;--archive-surface-raised: #152642;--archive-outline-soft: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(15, 28, 48, 0.38) 0%, rgba(0, 41, 107, 0.44) 42%, rgba(0, 63, 136, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(253, 197, 0, 0.15) 0%, transparent 34%);--archive-stage-dot-color: rgba(0, 80, 157, 0.5);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.3) 78%, rgba(0, 0, 0, 0.6) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(0, 80, 157, 0.4), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(5, 11, 20, 0.85);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(0, 41, 107, 0.15) 0%, rgba(0, 20, 50, 0.2) 44%, rgba(0, 0, 0, 0.85) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(0, 80, 157, 0.6);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(0, 80, 157, 0.6);--hero-subtitle-foreground: rgba(255, 255, 255, 0.85);--hero-subtitle-muted: rgba(0, 63, 136, 0.6);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.85);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(0, 80, 157, 0.6);--starfield-anchor-deep: #00296b;--starfield-canvas-base: rgb(5 11 20);--starfield-canvas-start: rgb(0 0 0);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(0, 41, 107, 0.08);--starfield-vignette-mid: rgba(0, 20, 50, 0.04);--starfield-vignette-edge: rgba(0, 0, 0, 0.8);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 80, 157, 0.35) 0%, rgba(253, 197, 0, 0.08) 100%);--archive-isocon-fill: rgba(255, 255, 255, 0.98);--archive-isocon-stroke-start: rgba(0, 80, 157, 1);--archive-isocon-stroke-end: rgba(0, 41, 107, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.3));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 80, 157, 0.35));--archive-encrypted-badge-glow: 0 0 20px rgba(253, 197, 0, 0.15);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 80, 157, 0.05) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 80, 157, 0.2) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 80, 157, 0.45), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 80, 157, 0.25);--archive-inline-surface: linear-gradient(90deg, rgba(0, 80, 157, 0.96) 0%, rgba(0, 41, 107, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(253, 197, 0, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 80, 157, 1) 1px, transparent 0);--archive-inline-rail: #0a1322;--archive-inline-marker: rgba(253, 197, 0, 0.95);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(0, 80, 157, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 80, 157, 0.2);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(0, 80, 157, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(0, 80, 157, 0) 30%, rgba(0, 41, 107, 0.5) 65%, rgba(0, 20, 50, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #0a1322 0%, #00509d 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(0, 80, 157, 0) 40%, rgba(0, 41, 107, 0.6) 70%, rgba(0, 20, 50, 0.95) 100%);--archive-feature-hover-overlay: rgba(0, 41, 107, 0.25);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 80, 157, 0.5) 1px, transparent 0), linear-gradient(135deg, rgba(253, 197, 0, 0.1) 0%, transparent 48%, rgba(0, 41, 107, 0.15) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 80, 157, 0.18) 0%, transparent 42%);--selection-background: rgba(0, 80, 157, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 8%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 12%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--brand) 15%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 70%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 92%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 85%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 22%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="bauhaus-grid"]{--background: oklch(0.985 0.004 250);--background-raised: oklch(0.995 0.003 250);--panel: oklch(0.972 0.006 250);--panel-strong: oklch(0.952 0.010 250);--foreground: oklch(0.190 0.012 255);--foreground-soft: oklch(0.400 0.012 255);--foreground-muted: oklch(0.580 0.010 255);--brand: #003f88;--brand-soft: rgba(0, 63, 136, 0.16);--brand-strong: #003169;--brand-container: rgba(0, 63, 136, 0.7);--accent: #fdc500;--accent-soft: rgba(253, 197, 0, 0.12);--border: rgba(20,20,24,0.08);--border-strong: rgba(20,20,24,0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: #ffffff;--secondary: oklch(0.945 0.008 250);--secondary-foreground: var(--foreground);--muted: oklch(0.962 0.006 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: #111111;--destructive: #dc2626;--destructive-foreground: #ffffff;--input: var(--border);--ring: #003f88;--radius: 0.5rem;--soft-shadow: 0 12px 30px rgba(0, 63, 136, 0.08), 0 24px 60px rgba(253, 197, 0, 0.05);--panel-shadow: 0 10px 28px rgba(20,20,24,0.05);--archive-surface: #f8f7f2;--archive-surface-low: #f5f4ed;--archive-surface-container: #f3f1e8;--archive-surface-raised: #fbfbf8;--archive-outline-soft: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(255, 246, 217, 0.96) 0%, rgba(76, 103, 95, 0.42) 42%, rgba(0, 40, 86, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.3) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0,0,0,0.14) 78%, rgba(0,0,0,0.3) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255,255,255,0.94);--archive-topbar-muted-on-hero: rgba(255,255,255,0.68);--archive-topbar-surface: rgba(255,255,255,0.9);--archive-topbar-button: rgba(0,0,0,0.05);--archive-topbar-hero-button-surface: rgba(255,255,255,0.1);--archive-topbar-hero-button-border: rgba(255,255,255,0.2);--archive-topbar-hero-button-hover-surface: rgba(255,255,255,0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(0, 28, 61, 0.12) 0%, rgba(75, 74, 73, 0.18) 44%, rgba(0,0,0,0.74) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255,255,255,0.08);--hero-eyebrow-border: rgba(255,255,255,0.16);--hero-eyebrow-foreground: rgba(255,255,255,0.88);--hero-eyebrow-glow: 0 0 20px rgba(0, 63, 136, 0.7);--hero-meta-divider: rgba(255,255,255,0.1);--hero-meta-foreground: rgba(255,255,255,0.62);--hero-subtitle-foreground: rgba(255,255,255,0.84);--hero-subtitle-muted: rgba(255,255,255,0.58);--hero-secondary-surface: rgba(255,255,255,0.06);--hero-secondary-border: rgba(255,255,255,0.12);--hero-secondary-foreground: rgba(255,255,255,0.88);--hero-secondary-hover-surface: rgba(255,255,255,0.1);--hero-note-surface: rgba(255,255,255,0.05);--hero-note-border: rgba(255,255,255,0.08);--hero-note-foreground: rgba(255,255,255,0.62);--starfield-anchor-deep: #00224a;--starfield-canvas-base: rgb(248 249 252);--starfield-canvas-start: rgb(244 246 250);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(28, 18, 40, 0.08);--starfield-vignette-mid: rgba(18, 10, 28, 0.04);--starfield-vignette-edge: rgba(4, 3, 8, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 63, 136, 0.3) 0%, rgba(166, 188, 213, 0.2) 42%, rgba(255,255,255,0.98) 100%);--archive-isocon-fill: rgba(0, 63, 136, 1);--archive-isocon-stroke-start: #ffffff;--archive-isocon-stroke-end: rgba(209, 220, 234, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0,0,0,0.2));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 63, 136, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(0, 63, 136, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 63, 136, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 63, 136, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 63, 136, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 63, 136, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(254, 212, 64, 0.96) 0%, rgba(0, 49, 105, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.04) 20%, rgba(255,255,255,0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(0, 49, 105, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 63, 136, 1) 1px, transparent 0);--archive-inline-rail: #003169;--archive-inline-marker: rgba(0, 63, 136, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(0, 63, 136, 0.02) 0%, rgba(0, 63, 136, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 63, 136, 0.15);--archive-bento-base-gradient: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(0, 63, 136, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #f5f4ed 0%, #003f88 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 63, 136, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(0, 63, 136, 0.06) 0%, transparent 52%, rgba(0, 49, 105, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 63, 136, 0.06) 0%, transparent 42%);--selection-background: rgba(0, 63, 136, 0.92);--selection-foreground: #ffffff;--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: #003f88;--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="bauhaus-grid"]{--background: oklch(0.110 0.008 250);--background-raised: oklch(0.135 0.008 250);--panel: oklch(0.170 0.010 250);--panel-strong: oklch(0.205 0.012 250);--foreground: oklch(0.965 0.003 95);--foreground-soft: oklch(0.820 0.006 245);--foreground-muted: oklch(0.680 0.008 245);--brand: #004492;--brand-soft: rgba(0, 68, 146, 0.18);--brand-strong: #0050ab;--brand-container: rgba(0, 68, 146, 0.7);--accent: #dfb510;--accent-soft: rgba(223, 181, 16, 0.16);--border: rgba(255,255,255,0.12);--border-strong: rgba(255,255,255,0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: #ffffff;--secondary: oklch(0.220 0.008 250);--secondary-foreground: var(--foreground);--muted: oklch(0.190 0.006 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: #111111;--destructive: #ef4444;--destructive-foreground: #ffffff;--input: var(--border);--ring: #004492;--radius: 0.5rem;--soft-shadow: 0 16px 34px rgba(0,0,0,0.34);--panel-shadow: 0 12px 28px rgba(0,0,0,0.28);--archive-surface: #171a22;--archive-surface-low: #1a1d27;--archive-surface-container: #1d212b;--archive-surface-raised: #212631;--archive-outline-soft: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(250, 244, 219, 0.38) 0%, rgba(67, 102, 107, 0.44) 42%, rgba(0, 66, 140, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.1) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0,0,0,0.18) 78%, rgba(0,0,0,0.34) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255,255,255,0.96);--archive-topbar-muted-on-hero: rgba(255,255,255,0.72);--archive-topbar-surface: rgba(10,10,15,0.8);--archive-topbar-button: rgba(255,255,255,0.05);--archive-topbar-hero-button-surface: rgba(255,255,255,0.1);--archive-topbar-hero-button-border: rgba(255,255,255,0.2);--archive-topbar-hero-button-hover-surface: rgba(255,255,255,0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(0, 31, 66, 0.12) 0%, rgba(6, 7, 9, 0.18) 44%, rgba(0,0,0,0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255,255,255,0.06);--hero-eyebrow-border: rgba(255,255,255,0.12);--hero-eyebrow-foreground: rgba(255,255,255,0.82);--hero-eyebrow-glow: 0 0 20px rgba(0, 68, 146, 0.7);--hero-meta-divider: rgba(255,255,255,0.1);--hero-meta-foreground: rgba(255,255,255,0.52);--hero-subtitle-foreground: rgba(255,255,255,0.78);--hero-subtitle-muted: rgba(255,255,255,0.48);--hero-secondary-surface: rgba(255,255,255,0.06);--hero-secondary-border: rgba(255,255,255,0.12);--hero-secondary-foreground: rgba(255,255,255,0.82);--hero-secondary-hover-surface: rgba(255,255,255,0.1);--hero-note-surface: rgba(255,255,255,0.05);--hero-note-border: rgba(255,255,255,0.08);--hero-note-foreground: rgba(255,255,255,0.52);--starfield-anchor-deep: #003878;--starfield-canvas-base: rgb(7 4 14);--starfield-canvas-start: rgb(5 3 10);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(24, 16, 36, 0.08);--starfield-vignette-mid: rgba(14, 8, 24, 0.04);--starfield-vignette-edge: rgba(2, 2, 6, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 68, 146, 0.32) 0%, rgba(166, 190, 217, 0.06) 42%, rgba(255,255,255,0.06) 100%);--archive-isocon-fill: rgba(250, 247, 252, 0.98);--archive-isocon-stroke-start: rgba(0, 68, 146, 1);--archive-isocon-stroke-end: rgba(0, 80, 171, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0,0,0,0.22));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 68, 146, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(0, 68, 146, 0.14);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 68, 146, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 68, 146, 0.18) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 68, 146, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 68, 146, 0.24);--archive-inline-surface: linear-gradient(90deg, rgba(226, 188, 40, 0.96) 0%, rgba(0, 80, 171, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.04) 20%, rgba(255,255,255,0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(0, 80, 171, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 68, 146, 1) 1px, transparent 0);--archive-inline-rail: #0050ab;--archive-inline-marker: rgba(0, 68, 146, 0.92);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(0, 68, 146, 0.04) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 68, 146, 0.18);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(0, 68, 146, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #1a1d27 0%, #004492 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 68, 146, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(0, 68, 146, 0.06) 0%, transparent 52%, rgba(0, 80, 171, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 68, 146, 0.1) 0%, transparent 42%);--selection-background: rgba(0, 68, 146, 0.92);--selection-foreground: #ffffff;--diagram-stroke: color-mix(in oklab, var(--foreground) 16%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 6%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 9%, transparent);--diagram-accent: #dfb510;--diagram-glow: color-mix(in oklab, var(--brand) 10%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 62%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 82%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 94%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="bento-sunrise"]{--background: oklch(0.985 0.004 250);--background-raised: oklch(0.995 0.003 250);--panel: oklch(0.972 0.006 250);--panel-strong: oklch(0.952 0.010 250);--foreground: oklch(0.190 0.012 255);--foreground-soft: oklch(0.400 0.012 255);--foreground-muted: oklch(0.580 0.010 255);--brand: #ffbe0b;--brand-soft: rgba(255, 190, 11, 0.16);--brand-strong: #ebad00;--brand-container: rgba(255, 190, 11, 0.7);--accent: #8338ec;--accent-soft: rgba(131, 56, 236, 0.12);--border: rgba(20,20,24,0.08);--border-strong: rgba(20,20,24,0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: #111111;--secondary: oklch(0.945 0.008 250);--secondary-foreground: var(--foreground);--muted: oklch(0.962 0.006 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: #ffffff;--destructive: #dc2626;--destructive-foreground: #ffffff;--input: var(--border);--ring: #ffbe0b;--radius: 0.875rem;--soft-shadow: 0 12px 30px rgba(255, 190, 11, 0.08), 0 24px 60px rgba(131, 56, 236, 0.05);--panel-shadow: 0 10px 28px rgba(20,20,24,0.05);--archive-surface: #f9f6ed;--archive-surface-low: #f7f3e7;--archive-surface-container: #f5f0e2;--archive-surface-raised: #fbf9f4;--archive-outline-soft: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(236, 225, 252, 0.96) 0%, rgba(218, 150, 78, 0.42) 42%, rgba(193, 142, 0, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.3) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0,0,0,0.14) 78%, rgba(0,0,0,0.3) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255,255,255,0.94);--archive-topbar-muted-on-hero: rgba(255,255,255,0.68);--archive-topbar-surface: rgba(255,255,255,0.9);--archive-topbar-button: rgba(0,0,0,0.05);--archive-topbar-hero-button-surface: rgba(255,255,255,0.1);--archive-topbar-hero-button-border: rgba(255,255,255,0.2);--archive-topbar-hero-button-hover-surface: rgba(255,255,255,0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(115, 85, 5, 0.12) 0%, rgba(75, 74, 72, 0.18) 44%, rgba(0,0,0,0.74) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255,255,255,0.08);--hero-eyebrow-border: rgba(255,255,255,0.16);--hero-eyebrow-foreground: rgba(255,255,255,0.88);--hero-eyebrow-glow: 0 0 20px rgba(255, 190, 11, 0.7);--hero-meta-divider: rgba(255,255,255,0.1);--hero-meta-foreground: rgba(255,255,255,0.62);--hero-subtitle-foreground: rgba(255,255,255,0.84);--hero-subtitle-muted: rgba(255,255,255,0.58);--hero-secondary-surface: rgba(255,255,255,0.06);--hero-secondary-border: rgba(255,255,255,0.12);--hero-secondary-foreground: rgba(255,255,255,0.88);--hero-secondary-hover-surface: rgba(255,255,255,0.1);--hero-note-surface: rgba(255,255,255,0.05);--hero-note-border: rgba(255,255,255,0.08);--hero-note-foreground: rgba(255,255,255,0.62);--starfield-anchor-deep: #a47900;--starfield-canvas-base: rgb(248 249 252);--starfield-canvas-start: rgb(244 246 250);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(28, 18, 40, 0.08);--starfield-vignette-mid: rgba(18, 10, 28, 0.04);--starfield-vignette-edge: rgba(4, 3, 8, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(255, 190, 11, 0.3) 0%, rgba(255, 232, 170, 0.2) 42%, rgba(255,255,255,0.98) 100%);--archive-isocon-fill: rgba(255, 190, 11, 1);--archive-isocon-stroke-start: #ffffff;--archive-isocon-stroke-end: rgba(255, 243, 211, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0,0,0,0.2));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(255, 190, 11, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(255, 190, 11, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(255, 190, 11, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(255, 190, 11, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(255, 190, 11, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(255, 190, 11, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(162, 106, 241, 0.96) 0%, rgba(235, 173, 0, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.04) 20%, rgba(255,255,255,0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(235, 173, 0, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(255, 190, 11, 1) 1px, transparent 0);--archive-inline-rail: #ebad00;--archive-inline-marker: rgba(255, 190, 11, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(255, 190, 11, 0.02) 0%, rgba(255, 190, 11, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(255, 190, 11, 0.15);--archive-bento-base-gradient: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(255, 190, 11, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #f7f3e7 0%, #ffbe0b 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(255, 190, 11, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(255, 190, 11, 0.06) 0%, transparent 52%, rgba(235, 173, 0, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(255, 190, 11, 0.06) 0%, transparent 42%);--selection-background: rgba(255, 190, 11, 0.92);--selection-foreground: #111111;--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: #ffbe0b;--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="bento-sunrise"]{--background: oklch(0.110 0.008 250);--background-raised: oklch(0.135 0.008 250);--panel: oklch(0.170 0.010 250);--panel-strong: oklch(0.205 0.012 250);--foreground: oklch(0.965 0.003 95);--foreground-soft: oklch(0.820 0.006 245);--foreground-muted: oklch(0.680 0.008 245);--brand: #ffc115;--brand-soft: rgba(255, 193, 21, 0.18);--brand-strong: #ffc82f;--brand-container: rgba(255, 193, 21, 0.7);--accent: #9248d1;--accent-soft: rgba(146, 72, 209, 0.16);--border: rgba(255,255,255,0.12);--border-strong: rgba(255,255,255,0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: #111111;--secondary: oklch(0.220 0.008 250);--secondary-foreground: var(--foreground);--muted: oklch(0.190 0.006 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: #ffffff;--destructive: #ef4444;--destructive-foreground: #ffffff;--input: var(--border);--ring: #ffc115;--radius: 0.875rem;--soft-shadow: 0 16px 34px rgba(0,0,0,0.34);--panel-shadow: 0 12px 28px rgba(0,0,0,0.28);--archive-surface: #1c1410;--archive-surface-low: #211713;--archive-surface-container: #261b16;--archive-surface-raised: #2c2019;--archive-outline-soft: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(239, 228, 248, 0.38) 0%, rgba(222, 157, 77, 0.44) 42%, rgba(209, 164, 39, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.1) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0,0,0,0.18) 78%, rgba(0,0,0,0.34) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255,255,255,0.96);--archive-topbar-muted-on-hero: rgba(255,255,255,0.72);--archive-topbar-surface: rgba(10,10,15,0.8);--archive-topbar-button: rgba(255,255,255,0.05);--archive-topbar-hero-button-surface: rgba(255,255,255,0.1);--archive-topbar-hero-button-border: rgba(255,255,255,0.2);--archive-topbar-hero-button-hover-surface: rgba(255,255,255,0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(115, 87, 9, 0.12) 0%, rgba(8, 5, 4, 0.18) 44%, rgba(0,0,0,0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255,255,255,0.06);--hero-eyebrow-border: rgba(255,255,255,0.12);--hero-eyebrow-foreground: rgba(255,255,255,0.82);--hero-eyebrow-glow: 0 0 20px rgba(255, 193, 21, 0.7);--hero-meta-divider: rgba(255,255,255,0.1);--hero-meta-foreground: rgba(255,255,255,0.52);--hero-subtitle-foreground: rgba(255,255,255,0.78);--hero-subtitle-muted: rgba(255,255,255,0.48);--hero-secondary-surface: rgba(255,255,255,0.06);--hero-secondary-border: rgba(255,255,255,0.12);--hero-secondary-foreground: rgba(255,255,255,0.82);--hero-secondary-hover-surface: rgba(255,255,255,0.1);--hero-note-surface: rgba(255,255,255,0.05);--hero-note-border: rgba(255,255,255,0.08);--hero-note-foreground: rgba(255,255,255,0.52);--starfield-anchor-deep: #b28c21;--starfield-canvas-base: rgb(7 4 14);--starfield-canvas-start: rgb(5 3 10);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(24, 16, 36, 0.08);--starfield-vignette-mid: rgba(14, 8, 24, 0.04);--starfield-vignette-edge: rgba(2, 2, 6, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(255, 193, 21, 0.32) 0%, rgba(255, 233, 173, 0.06) 42%, rgba(255,255,255,0.06) 100%);--archive-isocon-fill: rgba(250, 247, 252, 0.98);--archive-isocon-stroke-start: rgba(255, 193, 21, 1);--archive-isocon-stroke-end: rgba(255, 200, 47, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0,0,0,0.22));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(255, 193, 21, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(255, 193, 21, 0.14);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(255, 193, 21, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(255, 193, 21, 0.18) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(255, 193, 21, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(255, 193, 21, 0.24);--archive-inline-surface: linear-gradient(90deg, rgba(157, 90, 214, 0.96) 0%, rgba(255, 200, 47, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.04) 20%, rgba(255,255,255,0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(255, 200, 47, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(255, 193, 21, 1) 1px, transparent 0);--archive-inline-rail: #ffc82f;--archive-inline-marker: rgba(255, 193, 21, 0.92);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(255, 193, 21, 0.04) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(255, 193, 21, 0.18);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(255, 193, 21, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #211713 0%, #ffc115 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(255, 193, 21, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(255, 193, 21, 0.06) 0%, transparent 52%, rgba(255, 200, 47, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(255, 193, 21, 0.1) 0%, transparent 42%);--selection-background: rgba(255, 193, 21, 0.92);--selection-foreground: #111111;--diagram-stroke: color-mix(in oklab, var(--foreground) 16%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 6%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 9%, transparent);--diagram-accent: #9248d1;--diagram-glow: color-mix(in oklab, var(--brand) 10%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 62%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 82%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 94%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="crimson"]{--background: oklch(0.985 0.005 10);--background-raised: oklch(1 0.002 10);--panel: oklch(0.97 0.005 10);--panel-strong: oklch(0.95 0.008 10);--foreground: oklch(0.2 0.02 10);--foreground-soft: oklch(0.4 0.02 10);--foreground-muted: oklch(0.6 0.015 10);--brand: #E11D48;--brand-soft: rgba(225, 29, 72, 0.15);--brand-strong: #BE123C;--brand-container: rgba(225, 29, 72, 0.7);--accent: #F43F5E;--accent-soft: rgba(244, 63, 94, 0.1);--border: oklch(0.2 0.02 10 / 0.08);--border-strong: oklch(0.2 0.02 10 / 0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0 0);--secondary: oklch(0.94 0.008 10);--secondary-foreground: var(--foreground);--muted: oklch(0.96 0.005 10);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: oklch(0.98 0 0);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(40, 10, 15, 0.04), 0 10px 40px rgba(40, 10, 15, 0.06);--panel-shadow: 0 4px 20px rgba(40, 10, 15, 0.04), 0 10px 40px rgba(40, 10, 15, 0.06);--archive-surface: #FFF7F8;--archive-surface-low: #FFEBEF;--archive-surface-container: #FCE3E8;--archive-surface-raised: #FFFFFF;--archive-outline-soft: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(255, 245, 247, 0.96) 0%, rgba(254, 205, 211, 0.42) 42%, rgba(225, 29, 72, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(251, 113, 133, 0.3) 0%, transparent 34%);--archive-stage-dot-color: rgba(225, 29, 72, 0.5);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(136, 19, 55, 0.1) 78%, rgba(136, 19, 55, 0.25) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(225, 29, 72, 0.3), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.94);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.68);--archive-topbar-surface: rgba(255, 255, 255, 0.9);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(76, 5, 25, 0.08) 0%, rgba(30, 2, 10, 0.15) 44%, rgba(0, 0, 0, 0.8) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(225, 29, 72, 0.06);--hero-eyebrow-border: rgba(225, 29, 72, 0.1);--hero-eyebrow-foreground: rgba(136, 19, 55, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(225, 29, 72, 0.6);--hero-meta-divider: rgba(225, 29, 72, 0.1);--hero-meta-foreground: rgba(225, 29, 72, 0.5);--hero-subtitle-foreground: rgba(136, 19, 55, 0.8);--hero-subtitle-muted: rgba(159, 18, 57, 0.5);--hero-secondary-surface: rgba(225, 29, 72, 0.06);--hero-secondary-border: rgba(225, 29, 72, 0.12);--hero-secondary-foreground: rgba(136, 19, 55, 0.82);--hero-secondary-hover-surface: rgba(225, 29, 72, 0.1);--hero-note-surface: rgba(225, 29, 72, 0.05);--hero-note-border: rgba(225, 29, 72, 0.08);--hero-note-foreground: rgba(225, 29, 72, 0.52);--starfield-anchor-deep: #9F1239;--starfield-canvas-base: rgb(15 5 8);--starfield-canvas-start: rgb(10 2 5);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(76, 5, 25, 0.06);--starfield-vignette-mid: rgba(30, 2, 10, 0.04);--starfield-vignette-edge: rgba(10, 0, 3, 0.7);--archive-text-card-gradient: linear-gradient(90deg, rgba(225, 29, 72, 0.25) 0%, rgba(244, 63, 94, 0.15) 42%, rgba(255, 255, 255, 0.98) 100%);--archive-isocon-fill: rgba(225, 29, 72, 1);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(254, 205, 211, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(225, 29, 72, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(225, 29, 72, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(225, 29, 72, 0.04) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(225, 29, 72, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(225, 29, 72, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(225, 29, 72, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(251, 113, 133, 1) 0%, rgba(225, 29, 72, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(159, 18, 57, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(225, 29, 72, 1) 1px, transparent 0);--archive-inline-rail: #FFE4E6;--archive-inline-marker: rgba(225, 29, 72, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(225, 29, 72, 0.02) 0%, rgba(225, 29, 72, 0.08) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(225, 29, 72, 0.12);--archive-bento-base-gradient: linear-gradient(180deg, rgba(254, 205, 211, 0) 0%, rgba(225, 29, 72, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(225, 29, 72, 0) 30%, rgba(136, 19, 55, 0.3) 65%, rgba(76, 5, 25, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #FFF7F8 0%, #E11D48 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(225, 29, 72, 0) 40%, rgba(159, 18, 57, 0.5) 70%, rgba(76, 5, 25, 0.95) 100%);--archive-feature-hover-overlay: rgba(136, 19, 55, 0.15);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(225, 29, 72, 0.3) 1px, transparent 0), linear-gradient(135deg, rgba(244, 63, 94, 0.06) 0%, transparent 52%, rgba(159, 18, 57, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(225, 29, 72, 0.08) 0%, transparent 42%);--selection-background: rgba(225, 29, 72, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 18%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 5%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 8%, transparent);--diagram-accent: var(--brand);--diagram-glow: color-mix(in oklab, var(--brand-soft) 45%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 60%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 90%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 95%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="crimson"]{--background: oklch(0.12 0.01 10);--background-raised: oklch(0.15 0.015 10);--panel: oklch(0.18 0.02 10);--panel-strong: oklch(0.22 0.02 10);--foreground: oklch(0.96 0.005 10);--foreground-soft: oklch(0.82 0.01 10);--foreground-muted: oklch(0.65 0.01 10);--brand: #E11D48;--brand-soft: rgba(225, 29, 72, 0.2);--brand-strong: #BE123C;--brand-container: rgba(225, 29, 72, 0.7);--accent: #F43F5E;--accent-soft: rgba(244, 63, 94, 0.15);--border: oklch(1 0.01 10 / 0.12);--border-strong: oklch(1 0.01 10 / 0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0 0);--secondary: oklch(0.25 0.02 10);--secondary-foreground: var(--foreground);--muted: oklch(0.2 0.015 10);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 10px 40px rgba(0, 0, 0, 0.4);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 10px 40px rgba(0, 0, 0, 0.4);--archive-surface: #120508;--archive-surface-low: #1A080C;--archive-surface-container: #240A10;--archive-surface-raised: #320D15;--archive-outline-soft: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(88, 15, 30, 0.38) 0%, rgba(136, 19, 55, 0.44) 42%, rgba(225, 29, 72, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(251, 113, 133, 0.12) 0%, transparent 34%);--archive-stage-dot-color: rgba(244, 63, 94, 0.5);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.25) 78%, rgba(0, 0, 0, 0.45) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(244, 63, 94, 0.4), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(18, 5, 8, 0.85);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(136, 19, 55, 0.15) 0%, rgba(30, 2, 10, 0.2) 44%, rgba(0, 0, 0, 0.85) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(225, 29, 72, 0.6);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(244, 63, 94, 0.6);--hero-subtitle-foreground: rgba(255, 255, 255, 0.85);--hero-subtitle-muted: rgba(251, 113, 133, 0.5);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.85);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(251, 113, 133, 0.6);--starfield-anchor-deep: #BE123C;--starfield-canvas-base: rgb(15 5 8);--starfield-canvas-start: rgb(10 2 5);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(76, 5, 25, 0.08);--starfield-vignette-mid: rgba(30, 2, 10, 0.04);--starfield-vignette-edge: rgba(10, 0, 3, 0.75);--archive-text-card-gradient: linear-gradient(90deg, rgba(225, 29, 72, 0.35) 0%, rgba(251, 113, 133, 0.08) 100%);--archive-isocon-fill: rgba(255, 255, 255, 0.98);--archive-isocon-stroke-start: rgba(225, 29, 72, 1);--archive-isocon-stroke-end: rgba(159, 18, 57, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.3));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(225, 29, 72, 0.35));--archive-encrypted-badge-glow: 0 0 20px rgba(244, 63, 94, 0.2);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(225, 29, 72, 0.05) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(225, 29, 72, 0.2) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(225, 29, 72, 0.45), transparent);--archive-ground-shadow: 0 0 20px rgba(225, 29, 72, 0.25);--archive-inline-surface: linear-gradient(90deg, rgba(244, 63, 94, 0.96) 0%, rgba(159, 18, 57, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(251, 113, 133, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(225, 29, 72, 1) 1px, transparent 0);--archive-inline-rail: #4C0519;--archive-inline-marker: rgba(251, 113, 133, 0.95);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(225, 29, 72, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(225, 29, 72, 0.2);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(225, 29, 72, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(225, 29, 72, 0) 30%, rgba(76, 5, 25, 0.5) 65%, rgba(30, 2, 10, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #1A080C 0%, #E11D48 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(225, 29, 72, 0) 40%, rgba(136, 19, 55, 0.6) 70%, rgba(30, 2, 10, 0.95) 100%);--archive-feature-hover-overlay: rgba(76, 5, 25, 0.25);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(225, 29, 72, 0.4) 1px, transparent 0), linear-gradient(135deg, rgba(244, 63, 94, 0.08) 0%, transparent 52%, rgba(159, 18, 57, 0.12) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(225, 29, 72, 0.12) 0%, transparent 42%);--selection-background: rgba(225, 29, 72, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 8%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 12%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--brand) 15%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 70%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 92%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 85%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 22%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="cyber-rainbow"]{--background: oklch(0.98 0.01 280);--background-raised: oklch(1 0.005 280);--panel: oklch(0.97 0.01 280);--panel-strong: oklch(0.95 0.015 280);--foreground: oklch(0.2 0.05 280);--foreground-soft: oklch(0.4 0.04 280);--foreground-muted: oklch(0.6 0.03 280);--brand: #3a86ff;--brand-soft: rgba(58, 134, 255, 0.15);--brand-strong: #005bb5;--brand-container: rgba(58, 134, 255, 0.7);--accent: #ff006e;--accent-soft: rgba(255, 0, 110, 0.15);--border: oklch(0.2 0.05 280 / 0.1);--border-strong: oklch(0.2 0.05 280 / 0.18);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0 0);--secondary: oklch(0.94 0.02 280);--secondary-foreground: var(--foreground);--muted: oklch(0.96 0.01 280);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: oklch(0.98 0 0);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--accent);--radius: 1rem;--soft-shadow: 0 4px 20px rgba(58, 134, 255, 0.06), 0 10px 40px rgba(255, 0, 110, 0.04);--panel-shadow: 0 4px 20px rgba(58, 134, 255, 0.06), 0 10px 40px rgba(255, 0, 110, 0.04);--archive-surface: #f5f7fc;--archive-surface-low: #edf0f7;--archive-surface-container: #e1e6f2;--archive-surface-raised: #ffffff;--archive-outline-soft: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(245, 247, 252, 0.96) 0%, rgba(255, 190, 11, 0.3) 30%, rgba(255, 0, 110, 0.5) 60%, rgba(58, 134, 255, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255, 190, 11, 0.4) 0%, transparent 34%);--archive-stage-dot-color: rgba(255, 0, 110, 0.5);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(58, 134, 255, 0.1) 78%, rgba(131, 56, 236, 0.25) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255, 0, 110, 0.4), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.94);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.68);--archive-topbar-surface: rgba(255, 255, 255, 0.9);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(255, 0, 110, 0.08) 0%, rgba(58, 134, 255, 0.15) 44%, rgba(0, 0, 0, 0.8) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--accent) 30%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(58, 134, 255, 0.06);--hero-eyebrow-border: rgba(58, 134, 255, 0.1);--hero-eyebrow-foreground: rgba(0, 91, 181, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(255, 0, 110, 0.5);--hero-meta-divider: rgba(58, 134, 255, 0.1);--hero-meta-foreground: rgba(58, 134, 255, 0.5);--hero-subtitle-foreground: rgba(0, 91, 181, 0.8);--hero-subtitle-muted: rgba(131, 56, 236, 0.6);--hero-secondary-surface: rgba(255, 0, 110, 0.06);--hero-secondary-border: rgba(255, 0, 110, 0.12);--hero-secondary-foreground: rgba(131, 56, 236, 0.82);--hero-secondary-hover-surface: rgba(255, 0, 110, 0.1);--hero-note-surface: rgba(255, 190, 11, 0.1);--hero-note-border: rgba(255, 190, 11, 0.2);--hero-note-foreground: rgba(255, 0, 110, 0.7);--starfield-anchor-deep: #8338ec;--starfield-canvas-base: rgb(245 247 252);--starfield-canvas-start: rgb(237 240 247);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(58, 134, 255, 0.04);--starfield-vignette-mid: rgba(131, 56, 236, 0.03);--starfield-vignette-edge: rgba(255, 0, 110, 0.1);--archive-text-card-gradient: linear-gradient(90deg, rgba(58, 134, 255, 0.25) 0%, rgba(255, 0, 110, 0.15) 42%, rgba(255, 255, 255, 0.98) 100%);--archive-isocon-fill: rgba(58, 134, 255, 1);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(255, 190, 11, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(58, 134, 255, 0.15));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(255, 0, 110, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(255, 0, 110, 0.15);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(58, 134, 255, 0.04) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(131, 56, 236, 0.2) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(255, 0, 110, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(58, 134, 255, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(255, 0, 110, 1) 0%, rgba(58, 134, 255, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(255, 190, 11, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(131, 56, 236, 1) 1px, transparent 0);--archive-inline-rail: #e1e6f2;--archive-inline-marker: rgba(255, 0, 110, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(58, 134, 255, 0.02) 0%, rgba(255, 0, 110, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(131, 56, 236, 0.12);--archive-bento-base-gradient: linear-gradient(180deg, rgba(255, 190, 11, 0) 0%, rgba(58, 134, 255, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(58, 134, 255, 0) 30%, rgba(131, 56, 236, 0.2) 65%, rgba(0, 91, 181, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #f5f7fc 0%, #3a86ff 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(58, 134, 255, 0) 40%, rgba(131, 56, 236, 0.4) 70%, rgba(255, 0, 110, 0.9) 100%);--archive-feature-hover-overlay: rgba(131, 56, 236, 0.15);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(58, 134, 255, 0.4) 1px, transparent 0), linear-gradient(135deg, rgba(255, 0, 110, 0.08) 0%, transparent 48%, rgba(255, 190, 11, 0.12) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(255, 0, 110, 0.12) 0%, transparent 42%);--selection-background: rgba(255, 0, 110, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--accent-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="cyber-rainbow"]{--background: oklch(0.12 0.02 280);--background-raised: oklch(0.15 0.025 280);--panel: oklch(0.18 0.03 280);--panel-strong: oklch(0.22 0.03 280);--foreground: oklch(0.96 0.01 280);--foreground-soft: oklch(0.82 0.02 280);--foreground-muted: oklch(0.65 0.02 280);--brand: #3a86ff;--brand-soft: rgba(58, 134, 255, 0.2);--brand-strong: #8338ec;--brand-container: rgba(58, 134, 255, 0.7);--accent: #ff006e;--accent-soft: rgba(255, 0, 110, 0.2);--border: oklch(1 0.02 280 / 0.12);--border-strong: oklch(1 0.02 280 / 0.22);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--accent);--primary-foreground: oklch(0.98 0 0);--secondary: oklch(0.25 0.03 280);--secondary-foreground: var(--foreground);--muted: oklch(0.2 0.02 280);--muted-foreground: var(--foreground-soft);--accent-color: var(--brand);--accent-foreground: var(--foreground);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--accent);--radius: 1rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 10px 40px rgba(131, 56, 236, 0.2);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 10px 40px rgba(131, 56, 236, 0.2);--archive-surface: #080a14;--archive-surface-low: #0b0f1c;--archive-surface-container: #11162b;--archive-surface-raised: #19203d;--archive-outline-soft: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(8, 10, 20, 0.38) 0%, rgba(131, 56, 236, 0.44) 42%, rgba(58, 134, 255, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255, 0, 110, 0.2) 0%, transparent 34%);--archive-stage-dot-color: rgba(255, 190, 11, 0.5);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.3) 78%, rgba(0, 0, 0, 0.6) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255, 0, 110, 0.5), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(8, 10, 20, 0.85);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(131, 56, 236, 0.15) 0%, rgba(58, 134, 255, 0.2) 44%, rgba(0, 0, 0, 0.85) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--accent) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(255, 0, 110, 0.6);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(255, 190, 11, 0.6);--hero-subtitle-foreground: rgba(255, 255, 255, 0.85);--hero-subtitle-muted: rgba(131, 56, 236, 0.6);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.85);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(58, 134, 255, 0.6);--starfield-anchor-deep: #8338ec;--starfield-canvas-base: rgb(8 10 20);--starfield-canvas-start: rgb(0 0 0);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(58, 134, 255, 0.08);--starfield-vignette-mid: rgba(131, 56, 236, 0.04);--starfield-vignette-edge: rgba(0, 0, 0, 0.8);--archive-text-card-gradient: linear-gradient(90deg, rgba(58, 134, 255, 0.35) 0%, rgba(255, 0, 110, 0.08) 100%);--archive-isocon-fill: rgba(255, 255, 255, 0.98);--archive-isocon-stroke-start: rgba(58, 134, 255, 1);--archive-isocon-stroke-end: rgba(255, 0, 110, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(255, 0, 110, 0.3));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(58, 134, 255, 0.35));--archive-encrypted-badge-glow: 0 0 20px rgba(255, 190, 11, 0.2);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(58, 134, 255, 0.05) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(255, 0, 110, 0.2) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(131, 56, 236, 0.45), transparent);--archive-ground-shadow: 0 0 20px rgba(255, 0, 110, 0.25);--archive-inline-surface: linear-gradient(90deg, rgba(255, 0, 110, 0.96) 0%, rgba(58, 134, 255, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(255, 190, 11, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(255, 0, 110, 1) 1px, transparent 0);--archive-inline-rail: #11162b;--archive-inline-marker: rgba(255, 0, 110, 0.95);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(58, 134, 255, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(255, 0, 110, 0.2);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(58, 134, 255, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(58, 134, 255, 0) 30%, rgba(131, 56, 236, 0.5) 65%, rgba(0, 0, 0, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #0b0f1c 0%, #3a86ff 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(58, 134, 255, 0) 40%, rgba(255, 0, 110, 0.6) 70%, rgba(0, 0, 0, 0.95) 100%);--archive-feature-hover-overlay: rgba(131, 56, 236, 0.25);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(255, 0, 110, 0.5) 1px, transparent 0), linear-gradient(135deg, rgba(58, 134, 255, 0.1) 0%, transparent 48%, rgba(255, 190, 11, 0.15) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(255, 0, 110, 0.18) 0%, transparent 42%);--selection-background: rgba(255, 0, 110, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 8%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 12%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--accent) 15%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 70%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 92%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 85%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 22%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="editorial-magazine"]{--background: oklch(0.99 0 0);--background-raised: oklch(1 0 0);--panel: oklch(0.97 0 0);--panel-strong: oklch(0.94 0 0);--foreground: oklch(0.12 0 0);--foreground-soft: oklch(0.35 0 0);--foreground-muted: oklch(0.55 0 0);--brand: #9e0059;--brand-soft: rgba(158, 0, 89, 0.12);--brand-strong: #69003b;--brand-container: rgba(158, 0, 89, 0.8);--accent: #ff5400;--accent-soft: rgba(255, 84, 0, 0.15);--border: oklch(0.12 0 0 / 0.1);--border-strong: oklch(0.12 0 0 / 0.18);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(1 0 0);--secondary: oklch(0.9 0 0);--secondary-foreground: var(--foreground);--muted: oklch(0.95 0 0);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: oklch(1 0 0);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(1 0 0);--input: var(--border);--ring: var(--brand);--radius: 0rem;--soft-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);--panel-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);--archive-surface: #fafafa;--archive-surface-low: #f4f4f5;--archive-surface-container: #e4e4e7;--archive-surface-raised: #ffffff;--archive-outline-soft: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(250, 250, 250, 0.96) 0%, rgba(228, 228, 231, 0.42) 42%, rgba(158, 0, 89, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255, 84, 0, 0.2) 0%, transparent 34%);--archive-stage-dot-color: rgba(158, 0, 89, 0.6);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.1) 78%, rgba(0, 0, 0, 0.25) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(158, 0, 89, 0.4), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.7);--archive-topbar-surface: rgba(255, 255, 255, 0.95);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.25);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.2);--archive-topbar-backdrop-filter: blur(12px) saturate(120%);--hero-overlay: radial-gradient(circle at center, rgba(105, 0, 59, 0.05) 0%, rgba(0, 0, 0, 0.1) 44%, rgba(0, 0, 0, 0.8) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(158, 0, 89, 0.06);--hero-eyebrow-border: rgba(158, 0, 89, 0.12);--hero-eyebrow-foreground: rgba(105, 0, 59, 0.9);--hero-eyebrow-glow: 0 0 20px rgba(255, 84, 0, 0.4);--hero-meta-divider: rgba(0, 0, 0, 0.15);--hero-meta-foreground: rgba(0, 0, 0, 0.5);--hero-subtitle-foreground: rgba(0, 0, 0, 0.8);--hero-subtitle-muted: rgba(0, 0, 0, 0.5);--hero-secondary-surface: rgba(0, 0, 0, 0.04);--hero-secondary-border: rgba(0, 0, 0, 0.1);--hero-secondary-foreground: rgba(0, 0, 0, 0.8);--hero-secondary-hover-surface: rgba(0, 0, 0, 0.08);--hero-note-surface: rgba(0, 0, 0, 0.03);--hero-note-border: rgba(0, 0, 0, 0.08);--hero-note-foreground: rgba(0, 0, 0, 0.55);--starfield-anchor-deep: #69003b;--starfield-canvas-base: rgb(250 250 250);--starfield-canvas-start: rgb(244 244 245);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(0, 0, 0, 0.03);--starfield-vignette-mid: rgba(0, 0, 0, 0.06);--starfield-vignette-edge: rgba(0, 0, 0, 0.8);--archive-text-card-gradient: linear-gradient(90deg, rgba(158, 0, 89, 0.2) 0%, rgba(255, 84, 0, 0.1) 42%, rgba(255, 255, 255, 0.98) 100%);--archive-isocon-fill: rgba(158, 0, 89, 1);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(228, 228, 231, 0.98);--archive-isocon-filter: grayscale(20%) contrast(1.1);--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(158, 0, 89, 0.3));--archive-encrypted-badge-glow: 0 0 20px rgba(255, 84, 0, 0.15);--archive-dot-opacity: 0.15;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.02) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(158, 0, 89, 0.12) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 0, 0, 0.1);--archive-inline-surface: linear-gradient(90deg, #ff5400 0%, #9e0059 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, #ff5400 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, #9e0059 1px, transparent 0);--archive-inline-rail: #e4e4e7;--archive-inline-marker: #9e0059;--archive-stack-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.04) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);--archive-bento-base-gradient: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.03) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.85) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #fafafa 0%, #9e0059 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.9) 100%);--archive-feature-hover-overlay: rgba(0, 0, 0, 0.1);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.3) 1px, transparent 0), linear-gradient(135deg, rgba(0, 0, 0, 0.03) 0%, transparent 48%, rgba(0, 0, 0, 0.06) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 0, 0, 0.03) 0%, transparent 42%);--selection-background: #9e0059;--selection-foreground: #ffffff;--diagram-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 8%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--brand-soft) 30%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 60%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 95%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 95%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 100%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 25%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="editorial-magazine"]{--background: oklch(0.12 0 0);--background-raised: oklch(0.15 0 0);--panel: oklch(0.18 0 0);--panel-strong: oklch(0.22 0 0);--foreground: oklch(0.98 0 0);--foreground-soft: oklch(0.85 0 0);--foreground-muted: oklch(0.65 0 0);--brand: #9e0059;--brand-soft: rgba(158, 0, 89, 0.25);--brand-strong: #ff0054;--brand-container: rgba(158, 0, 89, 0.7);--accent: #ff5400;--accent-soft: rgba(255, 84, 0, 0.2);--border: oklch(1 0 0 / 0.15);--border-strong: oklch(1 0 0 / 0.25);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(1 0 0);--secondary: oklch(0.25 0 0);--secondary-foreground: var(--foreground);--muted: oklch(0.2 0 0);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0rem;--soft-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);--panel-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);--archive-surface: #09090b;--archive-surface-low: #18181b;--archive-surface-container: #27272a;--archive-surface-raised: #3f3f46;--archive-outline-soft: color-mix(in oklab, var(--foreground) 25%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(39, 39, 42, 0.38) 0%, rgba(105, 0, 59, 0.44) 42%, rgba(158, 0, 89, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255, 84, 0, 0.15) 0%, transparent 40%);--archive-stage-dot-color: rgba(255, 84, 0, 0.6);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.4) 78%, rgba(0, 0, 0, 0.8) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255, 84, 0, 0.4), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(9, 9, 11, 0.8);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.25);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.2);--archive-topbar-backdrop-filter: blur(12px) saturate(120%);--hero-overlay: radial-gradient(circle at center, rgba(158, 0, 89, 0.1) 0%, rgba(39, 39, 42, 0.2) 44%, rgba(0, 0, 0, 0.9) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.15);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.85);--hero-eyebrow-glow: 0 0 20px rgba(158, 0, 89, 0.6);--hero-meta-divider: rgba(255, 255, 255, 0.15);--hero-meta-foreground: rgba(255, 255, 255, 0.5);--hero-subtitle-foreground: rgba(255, 255, 255, 0.85);--hero-subtitle-muted: rgba(255, 255, 255, 0.5);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.15);--hero-secondary-foreground: rgba(255, 255, 255, 0.85);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.1);--hero-note-foreground: rgba(255, 255, 255, 0.55);--starfield-anchor-deep: #69003b;--starfield-canvas-base: rgb(9 9 11);--starfield-canvas-start: rgb(0 0 0);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(158, 0, 89, 0.05);--starfield-vignette-mid: rgba(24, 24, 27, 0.1);--starfield-vignette-edge: rgba(0, 0, 0, 0.9);--archive-text-card-gradient: linear-gradient(90deg, rgba(158, 0, 89, 0.4) 0%, rgba(255, 84, 0, 0.1) 100%);--archive-isocon-fill: rgba(255, 255, 255, 0.98);--archive-isocon-stroke-start: rgba(158, 0, 89, 1);--archive-isocon-stroke-end: rgba(255, 84, 0, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.5));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(158, 0, 89, 0.4));--archive-encrypted-badge-glow: 0 0 20px rgba(255, 84, 0, 0.25);--archive-dot-opacity: 0.3;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(158, 0, 89, 0.25) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(158, 0, 89, 0.5), transparent);--archive-ground-shadow: 0 0 20px rgba(158, 0, 89, 0.25);--archive-inline-surface: linear-gradient(90deg, #ff5400 0%, #9e0059 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, #ff5400 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, #9e0059 1px, transparent 0);--archive-inline-rail: #27272a;--archive-inline-marker: #ff5400;--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.05) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.03) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #18181b 0%, #9e0059 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 70%, rgba(0, 0, 0, 0.95) 100%);--archive-feature-hover-overlay: rgba(0, 0, 0, 0.2);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.2) 1px, transparent 0), linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, transparent 48%, rgba(255, 255, 255, 0.06) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.03) 0%, transparent 42%);--selection-background: #ff5400;--selection-foreground: #000000;--diagram-stroke: color-mix(in oklab, var(--foreground) 25%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 10%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--brand) 20%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 75%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 95%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 95%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 100%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 30%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="emerald"]{--background: oklch(0.985 0.005 150);--background-raised: oklch(1 0.002 150);--panel: oklch(0.97 0.006 150);--panel-strong: oklch(0.95 0.008 150);--foreground: oklch(0.2 0.02 150);--foreground-soft: oklch(0.4 0.02 150);--foreground-muted: oklch(0.6 0.015 150);--brand: #10B981;--brand-soft: rgba(16, 185, 129, 0.15);--brand-strong: #059669;--brand-container: rgba(16, 185, 129, 0.7);--accent: #34D399;--accent-soft: rgba(52, 211, 153, 0.1);--border: oklch(0.2 0.02 150 / 0.08);--border-strong: oklch(0.2 0.02 150 / 0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0 0);--secondary: oklch(0.94 0.008 150);--secondary-foreground: var(--foreground);--muted: oklch(0.96 0.006 150);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: oklch(0.98 0 0);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(6, 78, 59, 0.04), 0 10px 40px rgba(6, 78, 59, 0.06);--panel-shadow: 0 4px 20px rgba(6, 78, 59, 0.04), 0 10px 40px rgba(6, 78, 59, 0.06);--archive-surface: #F2FBF7;--archive-surface-low: #E6F7F0;--archive-surface-container: #D1F0E3;--archive-surface-raised: #FFFFFF;--archive-outline-soft: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(242, 251, 247, 0.96) 0%, rgba(167, 243, 208, 0.42) 42%, rgba(16, 185, 129, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(52, 211, 153, 0.3) 0%, transparent 34%);--archive-stage-dot-color: rgba(16, 185, 129, 0.5);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(6, 78, 59, 0.1) 78%, rgba(6, 78, 59, 0.25) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(16, 185, 129, 0.3), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.94);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.68);--archive-topbar-surface: rgba(255, 255, 255, 0.9);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(6, 95, 70, 0.08) 0%, rgba(2, 44, 34, 0.15) 44%, rgba(0, 0, 0, 0.8) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(16, 185, 129, 0.06);--hero-eyebrow-border: rgba(16, 185, 129, 0.1);--hero-eyebrow-foreground: rgba(4, 120, 87, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(16, 185, 129, 0.6);--hero-meta-divider: rgba(16, 185, 129, 0.1);--hero-meta-foreground: rgba(16, 185, 129, 0.5);--hero-subtitle-foreground: rgba(4, 120, 87, 0.8);--hero-subtitle-muted: rgba(6, 95, 70, 0.5);--hero-secondary-surface: rgba(16, 185, 129, 0.06);--hero-secondary-border: rgba(16, 185, 129, 0.12);--hero-secondary-foreground: rgba(4, 120, 87, 0.82);--hero-secondary-hover-surface: rgba(16, 185, 129, 0.1);--hero-note-surface: rgba(16, 185, 129, 0.05);--hero-note-border: rgba(16, 185, 129, 0.08);--hero-note-foreground: rgba(16, 185, 129, 0.52);--starfield-anchor-deep: #047857;--starfield-canvas-base: rgb(2 15 10);--starfield-canvas-start: rgb(1 10 6);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(6, 95, 70, 0.06);--starfield-vignette-mid: rgba(2, 44, 34, 0.04);--starfield-vignette-edge: rgba(0, 10, 5, 0.7);--archive-text-card-gradient: linear-gradient(90deg, rgba(16, 185, 129, 0.25) 0%, rgba(52, 211, 153, 0.15) 42%, rgba(255, 255, 255, 0.98) 100%);--archive-isocon-fill: rgba(16, 185, 129, 1);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(167, 243, 208, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(16, 185, 129, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(16, 185, 129, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(16, 185, 129, 0.04) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(16, 185, 129, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(16, 185, 129, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(16, 185, 129, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(52, 211, 153, 1) 0%, rgba(16, 185, 129, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(4, 120, 87, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(16, 185, 129, 1) 1px, transparent 0);--archive-inline-rail: #D1FAE5;--archive-inline-marker: rgba(16, 185, 129, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(16, 185, 129, 0.02) 0%, rgba(16, 185, 129, 0.08) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(16, 185, 129, 0.12);--archive-bento-base-gradient: linear-gradient(180deg, rgba(167, 243, 208, 0) 0%, rgba(16, 185, 129, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(16, 185, 129, 0) 30%, rgba(4, 120, 87, 0.3) 65%, rgba(6, 78, 59, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #F2FBF7 0%, #10B981 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(16, 185, 129, 0) 40%, rgba(6, 95, 70, 0.5) 70%, rgba(6, 78, 59, 0.95) 100%);--archive-feature-hover-overlay: rgba(4, 120, 87, 0.15);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(16, 185, 129, 0.3) 1px, transparent 0), linear-gradient(135deg, rgba(52, 211, 153, 0.06) 0%, transparent 52%, rgba(6, 95, 70, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(16, 185, 129, 0.08) 0%, transparent 42%);--selection-background: rgba(16, 185, 129, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 18%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 5%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 8%, transparent);--diagram-accent: var(--brand);--diagram-glow: color-mix(in oklab, var(--brand-soft) 45%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 60%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 90%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 95%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="emerald"]{--background: oklch(0.12 0.01 150);--background-raised: oklch(0.15 0.015 150);--panel: oklch(0.18 0.02 150);--panel-strong: oklch(0.22 0.02 150);--foreground: oklch(0.96 0.005 150);--foreground-soft: oklch(0.82 0.01 150);--foreground-muted: oklch(0.65 0.01 150);--brand: #10B981;--brand-soft: rgba(16, 185, 129, 0.2);--brand-strong: #059669;--brand-container: rgba(16, 185, 129, 0.7);--accent: #34D399;--accent-soft: rgba(52, 211, 153, 0.15);--border: oklch(1 0.01 150 / 0.12);--border-strong: oklch(1 0.01 150 / 0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0 0);--secondary: oklch(0.25 0.02 150);--secondary-foreground: var(--foreground);--muted: oklch(0.2 0.015 150);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 10px 40px rgba(0, 0, 0, 0.4);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 10px 40px rgba(0, 0, 0, 0.4);--archive-surface: #02120C;--archive-surface-low: #041C13;--archive-surface-container: #062B1D;--archive-surface-raised: #0A3D2A;--archive-outline-soft: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(6, 78, 59, 0.38) 0%, rgba(4, 120, 87, 0.44) 42%, rgba(16, 185, 129, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(52, 211, 153, 0.12) 0%, transparent 34%);--archive-stage-dot-color: rgba(52, 211, 153, 0.5);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.25) 78%, rgba(0, 0, 0, 0.45) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(52, 211, 153, 0.4), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(2, 18, 12, 0.85);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(4, 120, 87, 0.15) 0%, rgba(2, 44, 34, 0.2) 44%, rgba(0, 0, 0, 0.85) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(16, 185, 129, 0.6);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(52, 211, 153, 0.6);--hero-subtitle-foreground: rgba(255, 255, 255, 0.85);--hero-subtitle-muted: rgba(52, 211, 153, 0.5);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.85);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(52, 211, 153, 0.6);--starfield-anchor-deep: #059669;--starfield-canvas-base: rgb(2 15 10);--starfield-canvas-start: rgb(1 10 6);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(6, 95, 70, 0.08);--starfield-vignette-mid: rgba(2, 44, 34, 0.04);--starfield-vignette-edge: rgba(0, 10, 5, 0.75);--archive-text-card-gradient: linear-gradient(90deg, rgba(16, 185, 129, 0.35) 0%, rgba(52, 211, 153, 0.08) 100%);--archive-isocon-fill: rgba(255, 255, 255, 0.98);--archive-isocon-stroke-start: rgba(16, 185, 129, 1);--archive-isocon-stroke-end: rgba(4, 120, 87, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.3));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(16, 185, 129, 0.35));--archive-encrypted-badge-glow: 0 0 20px rgba(52, 211, 153, 0.2);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(16, 185, 129, 0.05) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(16, 185, 129, 0.2) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(16, 185, 129, 0.45), transparent);--archive-ground-shadow: 0 0 20px rgba(16, 185, 129, 0.25);--archive-inline-surface: linear-gradient(90deg, rgba(52, 211, 153, 0.96) 0%, rgba(4, 120, 87, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(52, 211, 153, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(16, 185, 129, 1) 1px, transparent 0);--archive-inline-rail: #022C22;--archive-inline-marker: rgba(52, 211, 153, 0.95);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(16, 185, 129, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(16, 185, 129, 0.2);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(16, 185, 129, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(16, 185, 129, 0) 30%, rgba(6, 78, 59, 0.5) 65%, rgba(2, 44, 34, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #041C13 0%, #10B981 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(16, 185, 129, 0) 40%, rgba(4, 120, 87, 0.6) 70%, rgba(2, 44, 34, 0.95) 100%);--archive-feature-hover-overlay: rgba(6, 78, 59, 0.25);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(16, 185, 129, 0.4) 1px, transparent 0), linear-gradient(135deg, rgba(52, 211, 153, 0.08) 0%, transparent 52%, rgba(4, 120, 87, 0.12) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(16, 185, 129, 0.12) 0%, transparent 42%);--selection-background: rgba(16, 185, 129, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 8%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 12%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--brand) 15%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 70%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 92%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 85%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 22%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="halcyon"]{--background: oklch(0.985 0.004 95);--background-raised: oklch(1 0.001 95);--panel: oklch(0.972 0.004 95);--panel-strong: oklch(0.955 0.004 95);--foreground: oklch(0.19 0.01 255);--foreground-soft: oklch(0.4 0.012 255);--foreground-muted: oklch(0.58 0.01 255);--brand: #008f99;--brand-soft: rgba(0, 143, 153, 0.18);--brand-strong: #006f78;--brand-container: rgba(0, 143, 153, 0.7);--accent: #20b8ac;--accent-soft: rgba(0, 143, 153, 0.1);--border: oklch(0.2 0.01 255 / 0.08);--border-strong: oklch(0.2 0.01 255 / 0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0.002 95);--secondary: oklch(0.945 0.004 95);--secondary-foreground: var(--foreground);--muted: oklch(0.962 0.004 95);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(27, 28, 26, 0.04), 0 10px 40px rgba(27, 28, 26, 0.06);--panel-shadow: 0 4px 20px rgba(27, 28, 26, 0.04), 0 10px 40px rgba(27, 28, 26, 0.06);--archive-surface: #faf9f5;--archive-surface-low: #f4f4f0;--archive-surface-container: #efeeea;--archive-surface-raised: #ffffff;--archive-outline-soft: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(249, 248, 255, 0.96) 0%, rgba(178, 232, 225, 0.42) 42%, rgba(0, 111, 120, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.34) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(5, 11, 97, 0.14) 78%, rgba(5, 11, 97, 0.30) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.94);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.68);--archive-topbar-surface: rgba(255, 255, 255, 0.9);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(18, 31, 60, 0.12) 0%, rgba(2, 4, 9, 0.18) 44%, rgba(0, 0, 0, 0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.78);--hero-eyebrow-glow: 0 0 20px rgba(0, 143, 153, 0.7);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(255, 255, 255, 0.48);--hero-subtitle-foreground: rgba(255, 255, 255, 0.76);--hero-subtitle-muted: rgba(255, 255, 255, 0.44);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.82);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(255, 255, 255, 0.52);--starfield-anchor-deep: #006270;--starfield-canvas-base: rgb(2 8 10);--starfield-canvas-start: rgb(1 6 8);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(10, 24, 28, 0.08);--starfield-vignette-mid: rgba(4, 14, 16, 0.04);--starfield-vignette-edge: rgba(0, 5, 8, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 143, 153, 0.3) 0%, rgba(63, 186, 176, 0.18) 42%, rgba(255, 255, 255, 0.98) 100%);--archive-isocon-fill: rgba(0, 143, 153, 1);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(223, 248, 244, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.2));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 143, 153, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(0, 143, 153, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 143, 153, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 143, 153, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 143, 153, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 143, 153, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(136, 225, 214, 1) 0%, rgba(0, 143, 153, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(0, 98, 112, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 143, 153, 1) 1px, transparent 0);--archive-inline-rail: #004d56;--archive-inline-marker: rgba(0, 143, 153, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(0, 143, 153, 0.02) 0%, rgba(0, 143, 153, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 143, 153, 0.15);--archive-bento-base-gradient: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(0, 143, 153, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(0, 0, 255, 0) 30%, rgba(0, 30, 36, 0.4) 65%, rgba(0, 72, 84, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #f4f4f0 0%, #008f99 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(0, 0, 255, 0) 40%, rgba(0, 72, 84, 0.6) 70%, rgba(0, 98, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(0, 30, 36, 0.2);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 143, 153, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(0, 143, 153, 0.06) 0%, transparent 52%, rgba(0, 98, 112, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 143, 153, 0.06) 0%, transparent 42%);--selection-background: rgba(0, 143, 153, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: var(--brand);--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="halcyon"]{--background: oklch(0.105 0.004 255);--background-raised: oklch(0.13 0.004 255);--panel: oklch(0.15 0.005 255);--panel-strong: oklch(0.18 0.006 255);--foreground: oklch(0.96 0.003 95);--foreground-soft: oklch(0.82 0.006 245);--foreground-muted: oklch(0.68 0.008 245);--brand: #008f99;--brand-soft: rgba(0, 143, 153, 0.18);--brand-strong: #006f78;--brand-container: rgba(0, 143, 153, 0.7);--accent: #20b8ac;--accent-soft: rgba(0, 143, 153, 0.12);--border: oklch(1 0 0 / 0.12);--border-strong: oklch(1 0 0 / 0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0.002 95);--secondary: oklch(0.19 0.008 255);--secondary-foreground: var(--foreground);--muted: oklch(0.17 0.006 255);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.28), 0 10px 40px rgba(0, 0, 0, 0.34);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.28), 0 10px 40px rgba(0, 0, 0, 0.34);--archive-surface: #101115;--archive-surface-low: #14161b;--archive-surface-container: #181b21;--archive-surface-raised: #1c2027;--archive-outline-soft: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(72, 98, 104, 0.38) 0%, rgba(34, 90, 94, 0.44) 42%, rgba(0, 72, 84, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.12) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.18) 78%, rgba(0, 0, 0, 0.34) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(10, 10, 15, 0.8);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(18, 31, 60, 0.12) 0%, rgba(2, 4, 9, 0.18) 44%, rgba(0, 0, 0, 0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--brand) 34%, transparent) 44%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.78);--hero-eyebrow-glow: 0 0 20px rgba(0, 143, 153, 0.7);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(255, 255, 255, 0.48);--hero-subtitle-foreground: rgba(255, 255, 255, 0.76);--hero-subtitle-muted: rgba(255, 255, 255, 0.44);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.82);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(255, 255, 255, 0.52);--starfield-anchor-deep: #006270;--starfield-canvas-base: rgb(2 8 10);--starfield-canvas-start: rgb(1 6 8);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(10, 24, 28, 0.08);--starfield-vignette-mid: rgba(4, 14, 16, 0.04);--starfield-vignette-edge: rgba(0, 5, 8, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 143, 153, 0.32) 0%, rgba(255, 255, 255, 0.06) 100%);--archive-isocon-fill: rgba(255, 255, 255, 0.98);--archive-isocon-stroke-start: rgba(0, 143, 153, 1);--archive-isocon-stroke-end: rgba(0, 98, 112, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.22));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 143, 153, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(0, 143, 153, 0.14);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 143, 153, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 143, 153, 0.18) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 143, 153, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 143, 153, 0.24);--archive-inline-surface: linear-gradient(90deg, rgba(105, 195, 184, 0.96) 0%, rgba(0, 98, 112, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(0, 98, 112, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 143, 153, 1) 1px, transparent 0);--archive-inline-rail: #003f46;--archive-inline-marker: rgba(0, 143, 153, 0.92);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(0, 143, 153, 0.04) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 143, 153, 0.18);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(0, 143, 153, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(0, 0, 255, 0) 30%, rgba(0, 30, 36, 0.4) 65%, rgba(0, 72, 84, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #14161b 0%, #008f99 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(0, 0, 255, 0) 40%, rgba(0, 72, 84, 0.6) 70%, rgba(0, 98, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(0, 30, 36, 0.2);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 143, 153, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(0, 143, 153, 0.06) 0%, transparent 52%, rgba(0, 98, 112, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 143, 153, 0.1) 0%, transparent 42%);--selection-background: rgba(0, 143, 153, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 16%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 6%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 9%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--brand) 10%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 62%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 82%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 94%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="neo-electric"]{--background: oklch(0.985 0.004 250);--background-raised: oklch(0.995 0.003 250);--panel: oklch(0.972 0.006 250);--panel-strong: oklch(0.952 0.010 250);--foreground: oklch(0.190 0.012 255);--foreground-soft: oklch(0.400 0.012 255);--foreground-muted: oklch(0.580 0.010 255);--brand: #390099;--brand-soft: rgba(57, 0, 153, 0.16);--brand-strong: #2e007a;--brand-container: rgba(57, 0, 153, 0.7);--accent: #ff5400;--accent-soft: rgba(255, 84, 0, 0.12);--border: rgba(20,20,24,0.08);--border-strong: rgba(20,20,24,0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: #ffffff;--secondary: oklch(0.945 0.008 250);--secondary-foreground: var(--foreground);--muted: oklch(0.962 0.006 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: #111111;--destructive: #dc2626;--destructive-foreground: #ffffff;--input: var(--border);--ring: #390099;--radius: 0.625rem;--soft-shadow: 0 12px 30px rgba(57, 0, 153, 0.08), 0 24px 60px rgba(255, 84, 0, 0.05);--panel-shadow: 0 10px 28px rgba(20,20,24,0.05);--archive-surface: #f5f5fa;--archive-surface-low: #f0f0f7;--archive-surface-container: #ebebf5;--archive-surface-raised: #fbfbfd;--archive-outline-soft: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(255, 229, 217, 0.96) 0%, rgba(116, 25, 107, 0.42) 42%, rgba(38, 0, 100, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.3) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0,0,0,0.14) 78%, rgba(0,0,0,0.3) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255,255,255,0.94);--archive-topbar-muted-on-hero: rgba(255,255,255,0.68);--archive-topbar-surface: rgba(255,255,255,0.9);--archive-topbar-button: rgba(0,0,0,0.05);--archive-topbar-hero-button-surface: rgba(255,255,255,0.1);--archive-topbar-hero-button-border: rgba(255,255,255,0.2);--archive-topbar-hero-button-hover-surface: rgba(255,255,255,0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(26, 0, 69, 0.12) 0%, rgba(74, 74, 75, 0.18) 44%, rgba(0,0,0,0.74) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255,255,255,0.08);--hero-eyebrow-border: rgba(255,255,255,0.16);--hero-eyebrow-foreground: rgba(255,255,255,0.88);--hero-eyebrow-glow: 0 0 20px rgba(57, 0, 153, 0.7);--hero-meta-divider: rgba(255,255,255,0.1);--hero-meta-foreground: rgba(255,255,255,0.62);--hero-subtitle-foreground: rgba(255,255,255,0.84);--hero-subtitle-muted: rgba(255,255,255,0.58);--hero-secondary-surface: rgba(255,255,255,0.06);--hero-secondary-border: rgba(255,255,255,0.12);--hero-secondary-foreground: rgba(255,255,255,0.88);--hero-secondary-hover-surface: rgba(255,255,255,0.1);--hero-note-surface: rgba(255,255,255,0.05);--hero-note-border: rgba(255,255,255,0.08);--hero-note-foreground: rgba(255,255,255,0.62);--starfield-anchor-deep: #200055;--starfield-canvas-base: rgb(248 249 252);--starfield-canvas-start: rgb(244 246 250);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(28, 18, 40, 0.08);--starfield-vignette-mid: rgba(18, 10, 28, 0.04);--starfield-vignette-edge: rgba(4, 3, 8, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(57, 0, 153, 0.3) 0%, rgba(186, 166, 219, 0.2) 42%, rgba(255,255,255,0.98) 100%);--archive-isocon-fill: rgba(57, 0, 153, 1);--archive-isocon-stroke-start: #ffffff;--archive-isocon-stroke-end: rgba(219, 209, 237, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0,0,0,0.2));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(57, 0, 153, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(57, 0, 153, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(57, 0, 153, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(57, 0, 153, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(57, 0, 153, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(57, 0, 153, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(255, 127, 64, 0.96) 0%, rgba(46, 0, 122, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.04) 20%, rgba(255,255,255,0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(46, 0, 122, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(57, 0, 153, 1) 1px, transparent 0);--archive-inline-rail: #2e007a;--archive-inline-marker: rgba(57, 0, 153, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(57, 0, 153, 0.02) 0%, rgba(57, 0, 153, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(57, 0, 153, 0.15);--archive-bento-base-gradient: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(57, 0, 153, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #f0f0f7 0%, #390099 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(57, 0, 153, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(57, 0, 153, 0.06) 0%, transparent 52%, rgba(46, 0, 122, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(57, 0, 153, 0.06) 0%, transparent 42%);--selection-background: rgba(57, 0, 153, 0.92);--selection-foreground: #ffffff;--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: #390099;--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="neo-electric"]{--background: oklch(0.110 0.008 250);--background-raised: oklch(0.135 0.008 250);--panel: oklch(0.170 0.010 250);--panel-strong: oklch(0.205 0.012 250);--foreground: oklch(0.965 0.003 95);--foreground-soft: oklch(0.820 0.006 245);--foreground-muted: oklch(0.680 0.008 245);--brand: #3d00a3;--brand-soft: rgba(61, 0, 163, 0.18);--brand-strong: #4700bc;--brand-container: rgba(61, 0, 163, 0.7);--accent: #e74a12;--accent-soft: rgba(231, 74, 18, 0.16);--border: rgba(255,255,255,0.12);--border-strong: rgba(255,255,255,0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: #ffffff;--secondary: oklch(0.220 0.008 250);--secondary-foreground: var(--foreground);--muted: oklch(0.190 0.006 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: #111111;--destructive: #ef4444;--destructive-foreground: #ffffff;--input: var(--border);--ring: #3d00a3;--radius: 0.625rem;--soft-shadow: 0 16px 34px rgba(0,0,0,0.34);--panel-shadow: 0 12px 28px rgba(0,0,0,0.28);--archive-surface: #13151e;--archive-surface-low: #161823;--archive-surface-container: #191c27;--archive-surface-raised: #1d202e;--archive-outline-soft: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(251, 228, 219, 0.38) 0%, rgba(112, 22, 120, 0.44) 42%, rgba(58, 0, 154, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.1) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0,0,0,0.18) 78%, rgba(0,0,0,0.34) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255,255,255,0.96);--archive-topbar-muted-on-hero: rgba(255,255,255,0.72);--archive-topbar-surface: rgba(10,10,15,0.8);--archive-topbar-button: rgba(255,255,255,0.05);--archive-topbar-hero-button-surface: rgba(255,255,255,0.1);--archive-topbar-hero-button-border: rgba(255,255,255,0.2);--archive-topbar-hero-button-hover-surface: rgba(255,255,255,0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(27, 0, 73, 0.12) 0%, rgba(5, 6, 8, 0.18) 44%, rgba(0,0,0,0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255,255,255,0.06);--hero-eyebrow-border: rgba(255,255,255,0.12);--hero-eyebrow-foreground: rgba(255,255,255,0.82);--hero-eyebrow-glow: 0 0 20px rgba(61, 0, 163, 0.7);--hero-meta-divider: rgba(255,255,255,0.1);--hero-meta-foreground: rgba(255,255,255,0.52);--hero-subtitle-foreground: rgba(255,255,255,0.78);--hero-subtitle-muted: rgba(255,255,255,0.48);--hero-secondary-surface: rgba(255,255,255,0.06);--hero-secondary-border: rgba(255,255,255,0.12);--hero-secondary-foreground: rgba(255,255,255,0.82);--hero-secondary-hover-surface: rgba(255,255,255,0.1);--hero-note-surface: rgba(255,255,255,0.05);--hero-note-border: rgba(255,255,255,0.08);--hero-note-foreground: rgba(255,255,255,0.52);--starfield-anchor-deep: #320084;--starfield-canvas-base: rgb(7 4 14);--starfield-canvas-start: rgb(5 3 10);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(24, 16, 36, 0.08);--starfield-vignette-mid: rgba(14, 8, 24, 0.04);--starfield-vignette-edge: rgba(2, 2, 6, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(61, 0, 163, 0.32) 0%, rgba(187, 166, 223, 0.06) 42%, rgba(255,255,255,0.06) 100%);--archive-isocon-fill: rgba(250, 247, 252, 0.98);--archive-isocon-stroke-start: rgba(61, 0, 163, 1);--archive-isocon-stroke-end: rgba(71, 0, 188, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0,0,0,0.22));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(61, 0, 163, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(61, 0, 163, 0.14);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(61, 0, 163, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(61, 0, 163, 0.18) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(61, 0, 163, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(61, 0, 163, 0.24);--archive-inline-surface: linear-gradient(90deg, rgba(233, 92, 42, 0.96) 0%, rgba(71, 0, 188, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.04) 20%, rgba(255,255,255,0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(71, 0, 188, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(61, 0, 163, 1) 1px, transparent 0);--archive-inline-rail: #4700bc;--archive-inline-marker: rgba(61, 0, 163, 0.92);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(61, 0, 163, 0.04) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(61, 0, 163, 0.18);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(61, 0, 163, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #161823 0%, #3d00a3 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(61, 0, 163, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(61, 0, 163, 0.06) 0%, transparent 52%, rgba(71, 0, 188, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(61, 0, 163, 0.1) 0%, transparent 42%);--selection-background: rgba(61, 0, 163, 0.92);--selection-foreground: #ffffff;--diagram-stroke: color-mix(in oklab, var(--foreground) 16%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 6%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 9%, transparent);--diagram-accent: #e74a12;--diagram-glow: color-mix(in oklab, var(--brand) 10%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 62%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 82%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 94%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="rainbow-pop"]{--background: oklch(0.985 0.004 250);--background-raised: oklch(0.995 0.003 250);--panel: oklch(0.972 0.006 250);--panel-strong: oklch(0.952 0.010 250);--foreground: oklch(0.190 0.012 255);--foreground-soft: oklch(0.400 0.012 255);--foreground-muted: oklch(0.580 0.010 255);--brand: #ff006e;--brand-soft: rgba(255, 0, 110, 0.16);--brand-strong: #e00061;--brand-container: rgba(255, 0, 110, 0.7);--accent: #3a86ff;--accent-soft: rgba(58, 134, 255, 0.12);--border: rgba(20,20,24,0.08);--border-strong: rgba(20,20,24,0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: #111111;--secondary: oklch(0.945 0.008 250);--secondary-foreground: var(--foreground);--muted: oklch(0.962 0.006 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: #111111;--destructive: #dc2626;--destructive-foreground: #ffffff;--input: var(--border);--ring: #ff006e;--radius: 1rem;--soft-shadow: 0 12px 30px rgba(255, 0, 110, 0.08), 0 24px 60px rgba(58, 134, 255, 0.05);--panel-shadow: 0 10px 28px rgba(20,20,24,0.05);--archive-surface: #fbf3fa;--archive-surface-low: #f9edf8;--archive-surface-container: #f7e8f5;--archive-surface-raised: #fdfafd;--archive-outline-soft: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(225, 237, 255, 0.96) 0%, rgba(196, 40, 154, 0.42) 42%, rgba(184, 0, 80, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.3) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0,0,0,0.14) 78%, rgba(0,0,0,0.3) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255,255,255,0.94);--archive-topbar-muted-on-hero: rgba(255,255,255,0.68);--archive-topbar-surface: rgba(255,255,255,0.9);--archive-topbar-button: rgba(0,0,0,0.05);--archive-topbar-hero-button-surface: rgba(255,255,255,0.1);--archive-topbar-hero-button-border: rgba(255,255,255,0.2);--archive-topbar-hero-button-hover-surface: rgba(255,255,255,0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(115, 0, 49, 0.12) 0%, rgba(76, 74, 75, 0.18) 44%, rgba(0,0,0,0.74) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255,255,255,0.08);--hero-eyebrow-border: rgba(255,255,255,0.16);--hero-eyebrow-foreground: rgba(255,255,255,0.88);--hero-eyebrow-glow: 0 0 20px rgba(255, 0, 110, 0.7);--hero-meta-divider: rgba(255,255,255,0.1);--hero-meta-foreground: rgba(255,255,255,0.62);--hero-subtitle-foreground: rgba(255,255,255,0.84);--hero-subtitle-muted: rgba(255,255,255,0.58);--hero-secondary-surface: rgba(255,255,255,0.06);--hero-secondary-border: rgba(255,255,255,0.12);--hero-secondary-foreground: rgba(255,255,255,0.88);--hero-secondary-hover-surface: rgba(255,255,255,0.1);--hero-note-surface: rgba(255,255,255,0.05);--hero-note-border: rgba(255,255,255,0.08);--hero-note-foreground: rgba(255,255,255,0.62);--starfield-anchor-deep: #9d0044;--starfield-canvas-base: rgb(248 249 252);--starfield-canvas-start: rgb(244 246 250);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(28, 18, 40, 0.08);--starfield-vignette-mid: rgba(18, 10, 28, 0.04);--starfield-vignette-edge: rgba(4, 3, 8, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(255, 0, 110, 0.3) 0%, rgba(255, 166, 204, 0.2) 42%, rgba(255,255,255,0.98) 100%);--archive-isocon-fill: rgba(255, 0, 110, 1);--archive-isocon-stroke-start: #ffffff;--archive-isocon-stroke-end: rgba(255, 209, 229, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0,0,0,0.2));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(255, 0, 110, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(255, 0, 110, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(255, 0, 110, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(255, 0, 110, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(255, 0, 110, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(255, 0, 110, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(107, 164, 255, 0.96) 0%, rgba(224, 0, 97, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.04) 20%, rgba(255,255,255,0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(224, 0, 97, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(255, 0, 110, 1) 1px, transparent 0);--archive-inline-rail: #e00061;--archive-inline-marker: rgba(255, 0, 110, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(255, 0, 110, 0.02) 0%, rgba(255, 0, 110, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(255, 0, 110, 0.15);--archive-bento-base-gradient: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(255, 0, 110, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #f9edf8 0%, #ff006e 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(255, 0, 110, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(255, 0, 110, 0.06) 0%, transparent 52%, rgba(224, 0, 97, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(255, 0, 110, 0.06) 0%, transparent 42%);--selection-background: rgba(255, 0, 110, 0.92);--selection-foreground: #111111;--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: #ff006e;--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="rainbow-pop"]{--background: oklch(0.110 0.008 250);--background-raised: oklch(0.135 0.008 250);--panel: oklch(0.170 0.010 250);--panel-strong: oklch(0.205 0.012 250);--foreground: oklch(0.965 0.003 95);--foreground-soft: oklch(0.820 0.006 245);--foreground-muted: oklch(0.680 0.008 245);--brand: #ff0a74;--brand-soft: rgba(255, 10, 116, 0.18);--brand-strong: #ff2482;--brand-container: rgba(255, 10, 116, 0.7);--accent: #5276ee;--accent-soft: rgba(82, 118, 238, 0.16);--border: rgba(255,255,255,0.12);--border-strong: rgba(255,255,255,0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: #111111;--secondary: oklch(0.220 0.008 250);--secondary-foreground: var(--foreground);--muted: oklch(0.190 0.006 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: #111111;--destructive: #ef4444;--destructive-foreground: #ffffff;--input: var(--border);--ring: #ff0a74;--radius: 1rem;--soft-shadow: 0 16px 34px rgba(0,0,0,0.34);--panel-shadow: 0 12px 28px rgba(0,0,0,0.28);--archive-surface: #16111e;--archive-surface-low: #1a1423;--archive-surface-container: #1d1728;--archive-surface-raised: #221a2e;--archive-outline-soft: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(229, 234, 252, 0.38) 0%, rgba(203, 42, 153, 0.44) 42%, rgba(209, 30, 107, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.1) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0,0,0,0.18) 78%, rgba(0,0,0,0.34) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255,255,255,0.96);--archive-topbar-muted-on-hero: rgba(255,255,255,0.72);--archive-topbar-surface: rgba(10,10,15,0.8);--archive-topbar-button: rgba(255,255,255,0.05);--archive-topbar-hero-button-surface: rgba(255,255,255,0.1);--archive-topbar-hero-button-border: rgba(255,255,255,0.2);--archive-topbar-hero-button-hover-surface: rgba(255,255,255,0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(115, 4, 52, 0.12) 0%, rgba(6, 5, 8, 0.18) 44%, rgba(0,0,0,0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255,255,255,0.06);--hero-eyebrow-border: rgba(255,255,255,0.12);--hero-eyebrow-foreground: rgba(255,255,255,0.82);--hero-eyebrow-glow: 0 0 20px rgba(255, 10, 116, 0.7);--hero-meta-divider: rgba(255,255,255,0.1);--hero-meta-foreground: rgba(255,255,255,0.52);--hero-subtitle-foreground: rgba(255,255,255,0.78);--hero-subtitle-muted: rgba(255,255,255,0.48);--hero-secondary-surface: rgba(255,255,255,0.06);--hero-secondary-border: rgba(255,255,255,0.12);--hero-secondary-foreground: rgba(255,255,255,0.82);--hero-secondary-hover-surface: rgba(255,255,255,0.1);--hero-note-surface: rgba(255,255,255,0.05);--hero-note-border: rgba(255,255,255,0.08);--hero-note-foreground: rgba(255,255,255,0.52);--starfield-anchor-deep: #b2195b;--starfield-canvas-base: rgb(7 4 14);--starfield-canvas-start: rgb(5 3 10);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(24, 16, 36, 0.08);--starfield-vignette-mid: rgba(14, 8, 24, 0.04);--starfield-vignette-edge: rgba(2, 2, 6, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(255, 10, 116, 0.32) 0%, rgba(255, 169, 206, 0.06) 42%, rgba(255,255,255,0.06) 100%);--archive-isocon-fill: rgba(250, 247, 252, 0.98);--archive-isocon-stroke-start: rgba(255, 10, 116, 1);--archive-isocon-stroke-end: rgba(255, 36, 130, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0,0,0,0.22));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(255, 10, 116, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(255, 10, 116, 0.14);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(255, 10, 116, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(255, 10, 116, 0.18) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(255, 10, 116, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(255, 10, 116, 0.24);--archive-inline-surface: linear-gradient(90deg, rgba(99, 132, 240, 0.96) 0%, rgba(255, 36, 130, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.04) 20%, rgba(255,255,255,0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(255, 36, 130, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(255, 10, 116, 1) 1px, transparent 0);--archive-inline-rail: #ff2482;--archive-inline-marker: rgba(255, 10, 116, 0.92);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(255, 10, 116, 0.04) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(255, 10, 116, 0.18);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(255, 10, 116, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #1a1423 0%, #ff0a74 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(255, 10, 116, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(255, 10, 116, 0.06) 0%, transparent 52%, rgba(255, 36, 130, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(255, 10, 116, 0.1) 0%, transparent 42%);--selection-background: rgba(255, 10, 116, 0.92);--selection-foreground: #111111;--diagram-stroke: color-mix(in oklab, var(--foreground) 16%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 6%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 9%, transparent);--diagram-accent: #5276ee;--diagram-glow: color-mix(in oklab, var(--brand) 10%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 62%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 82%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 94%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="titanium"]{--background: oklch(0.985 0 0);--background-raised: oklch(1 0 0);--panel: oklch(0.97 0 0);--panel-strong: oklch(0.95 0 0);--foreground: oklch(0.2 0 0);--foreground-soft: oklch(0.4 0 0);--foreground-muted: oklch(0.6 0 0);--brand: #71717A;--brand-soft: rgba(113, 113, 122, 0.18);--brand-strong: #3F3F46;--brand-container: rgba(113, 113, 122, 0.7);--accent: #A1A1AA;--accent-soft: rgba(161, 161, 170, 0.1);--border: oklch(0.2 0 0 / 0.08);--border-strong: oklch(0.2 0 0 / 0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0 0);--secondary: oklch(0.94 0 0);--secondary-foreground: var(--foreground);--muted: oklch(0.96 0 0);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 10px 40px rgba(0, 0, 0, 0.06);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 10px 40px rgba(0, 0, 0, 0.06);--archive-surface: #FAFAFA;--archive-surface-low: #F4F4F5;--archive-surface-container: #E4E4E7;--archive-surface-raised: #FFFFFF;--archive-outline-soft: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(228, 228, 231, 0.6) 42%, rgba(113, 113, 122, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.8) 0%, transparent 40%);--archive-stage-dot-color: rgba(161, 161, 170, 0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(39, 39, 42, 0.14) 78%, rgba(39, 39, 42, 0.30) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(161,161,170,0.6), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.94);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.68);--archive-topbar-surface: rgba(255, 255, 255, 0.9);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(82, 82, 91, 0.12) 0%, rgba(24, 24, 27, 0.22) 44%, rgba(0, 0, 0, 0.84) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.78);--hero-eyebrow-glow: 0 0 20px rgba(212, 212, 216, 0.42);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(255, 255, 255, 0.48);--hero-subtitle-foreground: rgba(255, 255, 255, 0.76);--hero-subtitle-muted: rgba(255, 255, 255, 0.44);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.82);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(228, 228, 231, 0.52);--starfield-anchor-deep: #71717A;--starfield-canvas-base: rgb(16 16 18);--starfield-canvas-start: rgb(8 8 10);--starfield-flare-core: #FFFFFF;--starfield-vignette-core: rgba(63, 63, 70, 0.08);--starfield-vignette-mid: rgba(24, 24, 27, 0.04);--starfield-vignette-edge: rgba(0, 0, 0, 0.72);--archive-text-card-gradient: linear-gradient(90deg, rgba(161, 161, 170, 0.3) 0%, rgba(212, 212, 216, 0.18) 42%, rgba(255, 255, 255, 0.98) 100%);--archive-isocon-fill: linear-gradient(135deg, #E4E4E7 0%, #71717A 100%);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(161, 161, 170, 0.98);--archive-isocon-filter: contrast(1.1) brightness(1.05);--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.1));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(113, 113, 122, 0.3));--archive-encrypted-badge-glow: 0 0 20px rgba(161, 161, 170, 0.2);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(113, 113, 122, 0.05) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(161, 161, 170, 0.2) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(113, 113, 122, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(113, 113, 122, 0.2);--archive-inline-surface: linear-gradient(90deg, #F4F4F5 0%, #A1A1AA 40%, #52525B 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(63, 63, 70, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(113, 113, 122, 1) 1px, transparent 0);--archive-inline-rail: #E4E4E7;--archive-inline-marker: rgba(82, 82, 91, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(161, 161, 170, 0.02) 0%, rgba(161, 161, 170, 0.08) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(113, 113, 122, 0.15);--archive-bento-base-gradient: linear-gradient(180deg, rgba(244, 244, 245, 0) 0%, rgba(161, 161, 170, 0.08) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(161, 161, 170, 0) 30%, rgba(63, 63, 70, 0.1) 65%, rgba(39, 39, 42, 0.8) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #FAFAFA 0%, #D4D4D8 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(113, 113, 122, 0) 40%, rgba(63, 63, 70, 0.4) 70%, rgba(39, 39, 42, 0.9) 100%);--archive-feature-hover-overlay: rgba(113, 113, 122, 0.1);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(113, 113, 122, 0.3) 1px, transparent 0), linear-gradient(135deg, rgba(161, 161, 170, 0.08) 0%, transparent 52%, rgba(82, 82, 91, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(161, 161, 170, 0.1) 0%, transparent 42%);--selection-background: rgba(113, 113, 122, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: var(--brand-strong);--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 60%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="titanium"]{--background: oklch(0.12 0 0);--background-raised: oklch(0.15 0 0);--panel: oklch(0.18 0 0);--panel-strong: oklch(0.22 0 0);--foreground: oklch(0.98 0 0);--foreground-soft: oklch(0.8 0 0);--foreground-muted: oklch(0.6 0 0);--brand: #D4D4D8;--brand-soft: rgba(212, 212, 216, 0.18);--brand-strong: #F4F4F5;--brand-container: rgba(212, 212, 216, 0.7);--accent: #A1A1AA;--accent-soft: rgba(161, 161, 170, 0.12);--border: oklch(1 0 0 / 0.12);--border-strong: oklch(1 0 0 / 0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.12 0 0);--secondary: oklch(0.25 0 0);--secondary-foreground: var(--foreground);--muted: oklch(0.2 0 0);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.375rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 10px 40px rgba(0, 0, 0, 0.5);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 10px 40px rgba(0, 0, 0, 0.5);--archive-surface: #09090B;--archive-surface-low: #18181B;--archive-surface-container: #27272A;--archive-surface-raised: #3F3F46;--archive-outline-soft: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(39, 39, 42, 0.38) 0%, rgba(82, 82, 91, 0.44) 42%, rgba(212, 212, 216, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.2) 0%, transparent 40%);--archive-stage-dot-color: rgba(228,228,231,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.4) 78%, rgba(0, 0, 0, 0.8) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(228,228,231,0.5), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(9, 9, 11, 0.8);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(39, 39, 42, 0.15) 0%, rgba(9, 9, 11, 0.3) 44%, rgba(0, 0, 0, 0.9) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.78);--hero-eyebrow-glow: 0 0 20px rgba(228, 228, 231, 0.4);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(161, 161, 170, 0.6);--hero-subtitle-foreground: rgba(228, 228, 231, 0.8);--hero-subtitle-muted: rgba(161, 161, 170, 0.5);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.82);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(161, 161, 170, 0.6);--starfield-anchor-deep: #71717A;--starfield-canvas-base: rgb(9 9 11);--starfield-canvas-start: rgb(0 0 0);--starfield-flare-core: #FFFFFF;--starfield-vignette-core: rgba(39, 39, 42, 0.1);--starfield-vignette-mid: rgba(24, 24, 27, 0.2);--starfield-vignette-edge: rgba(0, 0, 0, 0.8);--archive-text-card-gradient: linear-gradient(90deg, rgba(228, 228, 231, 0.3) 0%, rgba(255, 255, 255, 0.06) 100%);--archive-isocon-fill: linear-gradient(135deg, #F4F4F5 0%, #A1A1AA 100%);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(113, 113, 122, 1);--archive-isocon-filter: contrast(1.2) brightness(1.1);--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.4));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(228, 228, 231, 0.15));--archive-encrypted-badge-glow: 0 0 20px rgba(228, 228, 231, 0.1);--archive-dot-opacity: 0.3;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(228, 228, 231, 0.12) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(228, 228, 231, 0.3), transparent);--archive-ground-shadow: 0 0 20px rgba(228, 228, 231, 0.1);--archive-inline-surface: linear-gradient(90deg, #52525B 0%, #A1A1AA 50%, #E4E4E7 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(228, 228, 231, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(161, 161, 170, 1) 1px, transparent 0);--archive-inline-rail: #27272A;--archive-inline-marker: rgba(244, 244, 245, 0.9);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(228, 228, 231, 0.05) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(228, 228, 231, 0.1);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(228, 228, 231, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(228, 228, 231, 0) 30%, rgba(24, 24, 27, 0.5) 65%, rgba(9, 9, 11, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #18181B 0%, #71717A 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(161, 161, 170, 0) 40%, rgba(39, 39, 42, 0.6) 70%, rgba(9, 9, 11, 0.95) 100%);--archive-feature-hover-overlay: rgba(63, 63, 70, 0.2);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(161, 161, 170, 0.3) 1px, transparent 0), linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, transparent 52%, rgba(113, 113, 122, 0.06) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(228, 228, 231, 0.08) 0%, transparent 42%);--selection-background: rgba(228, 228, 231, 0.9);--selection-foreground: rgba(0, 0, 0, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 8%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 12%, transparent);--diagram-accent: var(--brand-strong);--diagram-glow: color-mix(in oklab, var(--brand) 15%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 70%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 82%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 94%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 25%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="tropical-canopy"]{--background: oklch(0.985 0.005 160);--background-raised: oklch(1 0.002 160);--panel: oklch(0.97 0.006 160);--panel-strong: oklch(0.95 0.008 160);--foreground: oklch(0.2 0.02 160);--foreground-soft: oklch(0.4 0.02 160);--foreground-muted: oklch(0.6 0.015 160);--brand: #007f5f;--brand-soft: rgba(0, 127, 95, 0.15);--brand-strong: #005c45;--brand-container: rgba(0, 127, 95, 0.7);--accent: #80b918;--accent-soft: rgba(128, 185, 24, 0.15);--border: oklch(0.2 0.02 160 / 0.08);--border-strong: oklch(0.2 0.02 160 / 0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.98 0 0);--secondary: oklch(0.94 0.008 160);--secondary-foreground: var(--foreground);--muted: oklch(0.96 0.006 160);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: oklch(0.98 0 0);--destructive: oklch(0.5 0.15 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.75rem;--soft-shadow: 0 4px 20px rgba(0, 92, 69, 0.04), 0 10px 40px rgba(0, 92, 69, 0.06);--panel-shadow: 0 4px 20px rgba(0, 92, 69, 0.04), 0 10px 40px rgba(0, 92, 69, 0.06);--archive-surface: #f1fbf7;--archive-surface-low: #e4f5ee;--archive-surface-container: #cfece1;--archive-surface-raised: #ffffff;--archive-outline-soft: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(241, 251, 247, 0.96) 0%, rgba(165, 230, 206, 0.42) 42%, rgba(0, 127, 95, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(128, 185, 24, 0.3) 0%, transparent 34%);--archive-stage-dot-color: rgba(0, 127, 95, 0.5);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 92, 69, 0.1) 78%, rgba(0, 92, 69, 0.25) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(0, 127, 95, 0.3), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.94);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.68);--archive-topbar-surface: rgba(255, 255, 255, 0.9);--archive-topbar-button: rgba(0, 0, 0, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(0, 92, 69, 0.08) 0%, rgba(0, 45, 30, 0.15) 44%, rgba(0, 0, 0, 0.8) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(0, 127, 95, 0.06);--hero-eyebrow-border: rgba(0, 127, 95, 0.1);--hero-eyebrow-foreground: rgba(0, 92, 69, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(0, 127, 95, 0.6);--hero-meta-divider: rgba(0, 127, 95, 0.1);--hero-meta-foreground: rgba(0, 127, 95, 0.5);--hero-subtitle-foreground: rgba(0, 92, 69, 0.8);--hero-subtitle-muted: rgba(0, 127, 95, 0.5);--hero-secondary-surface: rgba(0, 127, 95, 0.06);--hero-secondary-border: rgba(0, 127, 95, 0.12);--hero-secondary-foreground: rgba(0, 92, 69, 0.82);--hero-secondary-hover-surface: rgba(0, 127, 95, 0.1);--hero-note-surface: rgba(0, 127, 95, 0.05);--hero-note-border: rgba(0, 127, 95, 0.08);--hero-note-foreground: rgba(0, 127, 95, 0.52);--starfield-anchor-deep: #005c45;--starfield-canvas-base: rgb(4 15 11);--starfield-canvas-start: rgb(2 10 7);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(0, 92, 69, 0.06);--starfield-vignette-mid: rgba(0, 45, 30, 0.04);--starfield-vignette-edge: rgba(0, 10, 5, 0.7);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 127, 95, 0.25) 0%, rgba(128, 185, 24, 0.15) 42%, rgba(255, 255, 255, 0.98) 100%);--archive-isocon-fill: rgba(0, 127, 95, 1);--archive-isocon-stroke-start: rgba(255, 255, 255, 1);--archive-isocon-stroke-end: rgba(165, 230, 206, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 127, 95, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(0, 127, 95, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 127, 95, 0.04) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 127, 95, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 127, 95, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 127, 95, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(43, 147, 72, 1) 0%, rgba(0, 127, 95, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(128, 185, 24, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 127, 95, 1) 1px, transparent 0);--archive-inline-rail: #cfece1;--archive-inline-marker: rgba(0, 127, 95, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(0, 127, 95, 0.02) 0%, rgba(0, 127, 95, 0.08) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 127, 95, 0.12);--archive-bento-base-gradient: linear-gradient(180deg, rgba(165, 230, 206, 0) 0%, rgba(0, 127, 95, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(0, 127, 95, 0) 30%, rgba(0, 92, 69, 0.3) 65%, rgba(0, 45, 30, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #f1fbf7 0%, #007f5f 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(0, 127, 95, 0) 40%, rgba(0, 92, 69, 0.5) 70%, rgba(0, 45, 30, 0.95) 100%);--archive-feature-hover-overlay: rgba(0, 92, 69, 0.15);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 127, 95, 0.4) 1px, transparent 0), linear-gradient(135deg, rgba(128, 185, 24, 0.08) 0%, transparent 48%, rgba(0, 92, 69, 0.12) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 127, 95, 0.12) 0%, transparent 42%);--selection-background: rgba(0, 127, 95, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: var(--brand);--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="tropical-canopy"]{--background: oklch(0.12 0.01 160);--background-raised: oklch(0.15 0.015 160);--panel: oklch(0.18 0.02 160);--panel-strong: oklch(0.22 0.02 160);--foreground: oklch(0.96 0.005 160);--foreground-soft: oklch(0.82 0.01 160);--foreground-muted: oklch(0.65 0.01 160);--brand: #00a37a;--brand-soft: rgba(0, 163, 122, 0.2);--brand-strong: #007f5f;--brand-container: rgba(0, 163, 122, 0.7);--accent: #aacc00;--accent-soft: rgba(170, 204, 0, 0.15);--border: oklch(1 0.01 160 / 0.12);--border-strong: oklch(1 0.01 160 / 0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: oklch(0.12 0 0);--secondary: oklch(0.25 0.02 160);--secondary-foreground: var(--foreground);--muted: oklch(0.2 0.015 160);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: var(--foreground);--destructive: oklch(0.56 0.16 25);--destructive-foreground: oklch(0.98 0.002 95);--input: var(--border);--ring: var(--brand);--radius: 0.75rem;--soft-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 10px 40px rgba(0, 0, 0, 0.4);--panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 10px 40px rgba(0, 0, 0, 0.4);--archive-surface: #020a07;--archive-surface-low: #04140e;--archive-surface-container: #08241a;--archive-surface-raised: #0d3627;--archive-outline-soft: color-mix(in oklab, var(--foreground) 18%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 15%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(0, 92, 69, 0.38) 0%, rgba(0, 127, 95, 0.44) 42%, rgba(0, 163, 122, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(170, 204, 0, 0.12) 0%, transparent 34%);--archive-stage-dot-color: rgba(170, 204, 0, 0.5);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.25) 78%, rgba(0, 0, 0, 0.45) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(170, 204, 0, 0.4), transparent);--archive-topbar-fg-on-hero: rgba(255, 255, 255, 0.96);--archive-topbar-muted-on-hero: rgba(255, 255, 255, 0.72);--archive-topbar-surface: rgba(2, 10, 7, 0.85);--archive-topbar-button: rgba(255, 255, 255, 0.05);--archive-topbar-hero-button-surface: rgba(255, 255, 255, 0.1);--archive-topbar-hero-button-border: rgba(255, 255, 255, 0.2);--archive-topbar-hero-button-hover-surface: rgba(255, 255, 255, 0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(0, 127, 95, 0.15) 0%, rgba(0, 92, 69, 0.2) 44%, rgba(0, 0, 0, 0.85) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255, 255, 255, 0.06);--hero-eyebrow-border: rgba(255, 255, 255, 0.1);--hero-eyebrow-foreground: rgba(255, 255, 255, 0.8);--hero-eyebrow-glow: 0 0 20px rgba(0, 163, 122, 0.6);--hero-meta-divider: rgba(255, 255, 255, 0.1);--hero-meta-foreground: rgba(170, 204, 0, 0.6);--hero-subtitle-foreground: rgba(255, 255, 255, 0.85);--hero-subtitle-muted: rgba(0, 163, 122, 0.5);--hero-secondary-surface: rgba(255, 255, 255, 0.06);--hero-secondary-border: rgba(255, 255, 255, 0.12);--hero-secondary-foreground: rgba(255, 255, 255, 0.85);--hero-secondary-hover-surface: rgba(255, 255, 255, 0.1);--hero-note-surface: rgba(255, 255, 255, 0.05);--hero-note-border: rgba(255, 255, 255, 0.08);--hero-note-foreground: rgba(170, 204, 0, 0.6);--starfield-anchor-deep: #007f5f;--starfield-canvas-base: rgb(2 10 7);--starfield-canvas-start: rgb(0 0 0);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(0, 92, 69, 0.08);--starfield-vignette-mid: rgba(0, 45, 30, 0.04);--starfield-vignette-edge: rgba(0, 0, 0, 0.8);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 163, 122, 0.35) 0%, rgba(170, 204, 0, 0.08) 100%);--archive-isocon-fill: rgba(255, 255, 255, 0.98);--archive-isocon-stroke-start: rgba(0, 163, 122, 1);--archive-isocon-stroke-end: rgba(0, 92, 69, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.3));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 163, 122, 0.35));--archive-encrypted-badge-glow: 0 0 20px rgba(170, 204, 0, 0.2);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 163, 122, 0.05) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 163, 122, 0.2) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 163, 122, 0.45), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 163, 122, 0.25);--archive-inline-surface: linear-gradient(90deg, rgba(170, 204, 0, 0.96) 0%, rgba(0, 127, 95, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(170, 204, 0, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 163, 122, 1) 1px, transparent 0);--archive-inline-rail: #08241a;--archive-inline-marker: rgba(170, 204, 0, 0.95);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(0, 163, 122, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 163, 122, 0.2);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(0, 163, 122, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(0, 163, 122, 0) 30%, rgba(0, 92, 69, 0.5) 65%, rgba(0, 45, 30, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #04140e 0%, #00a37a 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(0, 163, 122, 0) 40%, rgba(0, 127, 95, 0.6) 70%, rgba(0, 45, 30, 0.95) 100%);--archive-feature-hover-overlay: rgba(0, 92, 69, 0.25);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(170, 204, 0, 0.5) 1px, transparent 0), linear-gradient(135deg, rgba(0, 163, 122, 0.1) 0%, transparent 48%, rgba(0, 127, 95, 0.15) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 163, 122, 0.18) 0%, transparent 42%);--selection-background: rgba(0, 163, 122, 1);--selection-foreground: rgba(255, 255, 255, 1);--diagram-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 8%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 12%, transparent);--diagram-accent: var(--accent);--diagram-glow: color-mix(in oklab, var(--brand) 15%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 70%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 92%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 85%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 22%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}
:root[data-brand-theme="tropical-rainforest"]{--background: oklch(0.985 0.004 250);--background-raised: oklch(0.995 0.003 250);--panel: oklch(0.972 0.006 250);--panel-strong: oklch(0.952 0.010 250);--foreground: oklch(0.190 0.012 255);--foreground-soft: oklch(0.400 0.012 255);--foreground-muted: oklch(0.580 0.010 255);--brand: #007f5f;--brand-soft: rgba(0, 127, 95, 0.16);--brand-strong: #006048;--brand-container: rgba(0, 127, 95, 0.7);--accent: #aacc00;--accent-soft: rgba(170, 204, 0, 0.12);--border: rgba(20,20,24,0.08);--border-strong: rgba(20,20,24,0.14);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: #ffffff;--secondary: oklch(0.945 0.008 250);--secondary-foreground: var(--foreground);--muted: oklch(0.962 0.006 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: #111111;--destructive: #dc2626;--destructive-foreground: #ffffff;--input: var(--border);--ring: #007f5f;--radius: 0.75rem;--soft-shadow: 0 12px 30px rgba(0, 127, 95, 0.08), 0 24px 60px rgba(170, 204, 0, 0.05);--panel-shadow: 0 10px 28px rgba(20,20,24,0.05);--archive-surface: #f3f8ef;--archive-surface-low: #eff6ea;--archive-surface-container: #ebf3e4;--archive-surface-raised: #f8fbf5;--archive-outline-soft: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(242, 247, 217, 0.96) 0%, rgba(51, 150, 66, 0.42) 42%, rgba(0, 79, 59, 0.9) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.3) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0,0,0,0.14) 78%, rgba(0,0,0,0.3) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255,255,255,0.94);--archive-topbar-muted-on-hero: rgba(255,255,255,0.68);--archive-topbar-surface: rgba(255,255,255,0.9);--archive-topbar-button: rgba(0,0,0,0.05);--archive-topbar-hero-button-surface: rgba(255,255,255,0.1);--archive-topbar-hero-button-border: rgba(255,255,255,0.2);--archive-topbar-hero-button-hover-surface: rgba(255,255,255,0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(0, 57, 43, 0.12) 0%, rgba(73, 75, 72, 0.18) 44%, rgba(0,0,0,0.74) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 50%, color-mix(in oklab, var(--brand) 20%, transparent)) 22%, color-mix(in oklab, var(--brand) 40%, transparent) 44%, color-mix(in oklab, var(--brand) 15%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255,255,255,0.08);--hero-eyebrow-border: rgba(255,255,255,0.16);--hero-eyebrow-foreground: rgba(255,255,255,0.88);--hero-eyebrow-glow: 0 0 20px rgba(0, 127, 95, 0.7);--hero-meta-divider: rgba(255,255,255,0.1);--hero-meta-foreground: rgba(255,255,255,0.62);--hero-subtitle-foreground: rgba(255,255,255,0.84);--hero-subtitle-muted: rgba(255,255,255,0.58);--hero-secondary-surface: rgba(255,255,255,0.06);--hero-secondary-border: rgba(255,255,255,0.12);--hero-secondary-foreground: rgba(255,255,255,0.88);--hero-secondary-hover-surface: rgba(255,255,255,0.1);--hero-note-surface: rgba(255,255,255,0.05);--hero-note-border: rgba(255,255,255,0.08);--hero-note-foreground: rgba(255,255,255,0.62);--starfield-anchor-deep: #004332;--starfield-canvas-base: rgb(248 249 252);--starfield-canvas-start: rgb(244 246 250);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(28, 18, 40, 0.08);--starfield-vignette-mid: rgba(18, 10, 28, 0.04);--starfield-vignette-edge: rgba(4, 3, 8, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 127, 95, 0.3) 0%, rgba(166, 210, 199, 0.2) 42%, rgba(255,255,255,0.98) 100%);--archive-isocon-fill: rgba(0, 127, 95, 1);--archive-isocon-stroke-start: #ffffff;--archive-isocon-stroke-end: rgba(209, 232, 226, 0.98);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0,0,0,0.2));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 127, 95, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(0, 127, 95, 0.1);--archive-dot-opacity: 0.18;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 127, 95, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 127, 95, 0.15) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 127, 95, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 127, 95, 0.2);--archive-inline-surface: linear-gradient(90deg, rgba(191, 217, 64, 0.96) 0%, rgba(0, 96, 72, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.04) 20%, rgba(255,255,255,0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(0, 96, 72, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 127, 95, 1) 1px, transparent 0);--archive-inline-rail: #006048;--archive-inline-marker: rgba(0, 127, 95, 1);--archive-stack-overlay: linear-gradient(180deg, rgba(0, 127, 95, 0.02) 0%, rgba(0, 127, 95, 0.06) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 127, 95, 0.15);--archive-bento-base-gradient: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(0, 127, 95, 0.05) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #eff6ea 0%, #007f5f 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 127, 95, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(0, 127, 95, 0.06) 0%, transparent 52%, rgba(0, 96, 72, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 127, 95, 0.06) 0%, transparent 42%);--selection-background: rgba(0, 127, 95, 0.92);--selection-foreground: #ffffff;--diagram-stroke: color-mix(in oklab, var(--foreground) 15%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 4%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 7%, transparent);--diagram-accent: #007f5f;--diagram-glow: color-mix(in oklab, var(--brand-soft) 40%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 54%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 88%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 88%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 96%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 14%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 98%, var(--brand) 2%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 78%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 78%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 2%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 5%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 10%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, white 4%) 0%, color-mix(in oklab, var(--background-raised) 84%, var(--brand) 16%) 28%, color-mix(in oklab, white 56%, var(--brand) 44%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 12%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background) 95%, var(--brand) 5%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 10%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-shell-surface: color-mix(in oklab, black 90%, var(--brand) 10%);--device-shell-cutout: color-mix(in oklab, black 96%, var(--brand) 4%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 82%, var(--brand) 8%) 0%, color-mix(in oklab, white 64%, var(--brand) 14%) 100%);--device-shell-shine: color-mix(in oklab, white 60%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 82%, var(--brand) 18%) 58%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 88%, var(--brand) 12%) 0%, color-mix(in oklab, black 76%, var(--brand) 24%) 55%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-subtle: color-mix(in oklab, white 5%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 18%, transparent) 0%, color-mix(in oklab, black 92%, var(--brand) 8%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 14%);--device-panel-line: color-mix(in oklab, white 12%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 24%, white 8%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 12%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 26%, transparent);--device-badge-foreground: color-mix(in oklab, white 18%, var(--brand) 82%);--device-floating-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-floating-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.4);}:root.dark[data-brand-theme="tropical-rainforest"]{--background: oklch(0.110 0.008 250);--background-raised: oklch(0.135 0.008 250);--panel: oklch(0.170 0.010 250);--panel-strong: oklch(0.205 0.012 250);--foreground: oklch(0.965 0.003 95);--foreground-soft: oklch(0.820 0.006 245);--foreground-muted: oklch(0.680 0.008 245);--brand: #008967;--brand-soft: rgba(0, 137, 103, 0.18);--brand-strong: #00a27a;--brand-container: rgba(0, 137, 103, 0.7);--accent: #96c30b;--accent-soft: rgba(150, 195, 11, 0.16);--border: rgba(255,255,255,0.12);--border-strong: rgba(255,255,255,0.2);--card: var(--panel);--card-foreground: var(--foreground);--popover: var(--background-raised);--popover-foreground: var(--foreground);--primary: var(--brand);--primary-foreground: #ffffff;--secondary: oklch(0.220 0.008 250);--secondary-foreground: var(--foreground);--muted: oklch(0.190 0.006 250);--muted-foreground: var(--foreground-soft);--accent-color: var(--accent);--accent-foreground: #111111;--destructive: #ef4444;--destructive-foreground: #ffffff;--input: var(--border);--ring: #008967;--radius: 0.75rem;--soft-shadow: 0 16px 34px rgba(0,0,0,0.34);--panel-shadow: 0 12px 28px rgba(0,0,0,0.28);--archive-surface: #121c16;--archive-surface-low: #15211a;--archive-surface-container: #18251d;--archive-surface-raised: #1c2c22;--archive-outline-soft: color-mix(in oklab, var(--foreground) 16%, transparent);--archive-ghost-border: color-mix(in oklab, var(--foreground) 12%, transparent);--archive-stage-gradient: linear-gradient(180deg, rgba(239, 246, 218, 0.38) 0%, rgba(45, 154, 75, 0.44) 42%, rgba(0, 133, 100, 0.94) 100%);--archive-stage-glow: radial-gradient(circle at 50% 8%, rgba(255,255,255,0.1) 0%, transparent 34%);--archive-stage-dot-color: rgba(255,255,255,0.58);--archive-stage-shade: linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0,0,0,0.18) 78%, rgba(0,0,0,0.34) 100%);--archive-stage-line: linear-gradient(90deg, transparent, rgba(255,255,255,0.44), transparent);--archive-topbar-fg-on-hero: rgba(255,255,255,0.96);--archive-topbar-muted-on-hero: rgba(255,255,255,0.72);--archive-topbar-surface: rgba(10,10,15,0.8);--archive-topbar-button: rgba(255,255,255,0.05);--archive-topbar-hero-button-surface: rgba(255,255,255,0.1);--archive-topbar-hero-button-border: rgba(255,255,255,0.2);--archive-topbar-hero-button-hover-surface: rgba(255,255,255,0.15);--archive-topbar-backdrop-filter: blur(18px) saturate(145%);--hero-overlay: radial-gradient(circle at center, rgba(0, 62, 46, 0.12) 0%, rgba(5, 8, 6, 0.18) 44%, rgba(0,0,0,0.78) 100%);--hero-ground-fade: linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 15%, color-mix(in oklab, var(--brand) 30%, transparent)) 15%, color-mix(in oklab, var(--brand) 34%, transparent) 40%, color-mix(in oklab, var(--brand) 10%, transparent) 72%, transparent 100%);--hero-eyebrow-surface: rgba(255,255,255,0.06);--hero-eyebrow-border: rgba(255,255,255,0.12);--hero-eyebrow-foreground: rgba(255,255,255,0.82);--hero-eyebrow-glow: 0 0 20px rgba(0, 137, 103, 0.7);--hero-meta-divider: rgba(255,255,255,0.1);--hero-meta-foreground: rgba(255,255,255,0.52);--hero-subtitle-foreground: rgba(255,255,255,0.78);--hero-subtitle-muted: rgba(255,255,255,0.48);--hero-secondary-surface: rgba(255,255,255,0.06);--hero-secondary-border: rgba(255,255,255,0.12);--hero-secondary-foreground: rgba(255,255,255,0.82);--hero-secondary-hover-surface: rgba(255,255,255,0.1);--hero-note-surface: rgba(255,255,255,0.05);--hero-note-border: rgba(255,255,255,0.08);--hero-note-foreground: rgba(255,255,255,0.52);--starfield-anchor-deep: #007155;--starfield-canvas-base: rgb(7 4 14);--starfield-canvas-start: rgb(5 3 10);--starfield-flare-core: #ffffff;--starfield-vignette-core: rgba(24, 16, 36, 0.08);--starfield-vignette-mid: rgba(14, 8, 24, 0.04);--starfield-vignette-edge: rgba(2, 2, 6, 0.68);--archive-text-card-gradient: linear-gradient(90deg, rgba(0, 137, 103, 0.32) 0%, rgba(166, 214, 202, 0.06) 42%, rgba(255,255,255,0.06) 100%);--archive-isocon-fill: rgba(250, 247, 252, 0.98);--archive-isocon-stroke-start: rgba(0, 137, 103, 1);--archive-isocon-stroke-end: rgba(0, 162, 122, 1);--archive-isocon-filter: none;--archive-isocon-shadow-side: drop-shadow(0 15px 30px rgba(0,0,0,0.22));--archive-isocon-shadow-center: drop-shadow(0 20px 40px rgba(0, 137, 103, 0.25));--archive-encrypted-badge-glow: 0 0 20px rgba(0, 137, 103, 0.14);--archive-dot-opacity: 0.25;--archive-dot-size: 12px 12px;--archive-scanline: linear-gradient(to bottom, transparent 0%, rgba(0, 137, 103, 0.03) 50%, transparent 100%);--archive-isocon-glow: radial-gradient(circle at center, rgba(0, 137, 103, 0.18) 0%, transparent 70%);--archive-ground-line: linear-gradient(90deg, transparent, rgba(0, 137, 103, 0.4), transparent);--archive-ground-shadow: 0 0 20px rgba(0, 137, 103, 0.24);--archive-inline-surface: linear-gradient(90deg, rgba(160, 201, 35, 0.96) 0%, rgba(0, 162, 122, 1) 100%);--archive-inline-overlay: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.04) 20%, rgba(255,255,255,0) 48%);--archive-inline-dot: radial-gradient(circle at 1px 1px, rgba(0, 162, 122, 1) 1px, transparent 0);--archive-stack-dot: radial-gradient(circle at 1px 1px, rgba(0, 137, 103, 1) 1px, transparent 0);--archive-inline-rail: #00a27a;--archive-inline-marker: rgba(0, 137, 103, 0.92);--archive-stack-overlay: linear-gradient(180deg, transparent 0%, rgba(0, 137, 103, 0.04) 100%);--archive-card-hover-shadow: 0 30px 60px rgba(0, 137, 103, 0.18);--archive-bento-base-gradient: linear-gradient(180deg, transparent 0%, rgba(0, 137, 103, 0.1) 100%);--archive-bento-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 30%, rgba(45, 12, 74, 0.42) 65%, rgba(58, 18, 94, 0.95) 100%);--archive-feature-base-gradient: linear-gradient(180deg, #15211a 0%, #008967 100%);--archive-feature-readability-gradient: linear-gradient(180deg, rgba(107, 33, 168, 0) 40%, rgba(58, 18, 94, 0.64) 70%, rgba(76, 29, 112, 0.95) 100%);--archive-feature-hover-overlay: rgba(45, 12, 74, 0.22);--archive-section-grid: radial-gradient(circle at 1px 1px, rgba(0, 137, 103, 0.48) 1px, transparent 0), linear-gradient(135deg, rgba(0, 137, 103, 0.06) 0%, transparent 52%, rgba(0, 162, 122, 0.1) 100%);--archive-section-glow: radial-gradient(circle at 50% 12%, rgba(0, 137, 103, 0.1) 0%, transparent 42%);--selection-background: rgba(0, 137, 103, 0.92);--selection-foreground: #ffffff;--diagram-stroke: color-mix(in oklab, var(--foreground) 16%, transparent);--diagram-muted: color-mix(in oklab, var(--foreground) 6%, transparent);--diagram-dot: color-mix(in oklab, var(--foreground) 9%, transparent);--diagram-accent: #96c30b;--diagram-glow: color-mix(in oklab, var(--brand) 10%, transparent);--diagram-text: color-mix(in oklab, var(--foreground) 62%, transparent);--diagram-panel: color-mix(in oklab, var(--background-raised) 90%, transparent);--diagram-screen: color-mix(in oklab, var(--background) 82%, transparent);--diagram-node-bg: color-mix(in oklab, var(--background-raised) 94%, transparent);--diagram-node-stroke: color-mix(in oklab, var(--foreground) 20%, transparent);--archive-contact-surface: color-mix(in oklab, var(--background) 94%, black 6%);--archive-contact-card-surface: color-mix(in oklab, var(--background-raised) 48%, transparent);--archive-contact-card-border: color-mix(in oklab, var(--border-strong) 86%, transparent);--archive-contact-card-highlight-surface: color-mix(in oklab, var(--brand) 4%, var(--background-raised));--archive-contact-card-highlight-border: color-mix(in oklab, var(--brand) 20%, transparent);--archive-contact-card-label-surface: color-mix(in oklab, var(--brand) 10%, transparent);--archive-contact-card-label-foreground: var(--brand);--archive-contact-mail-icon-surface: color-mix(in oklab, var(--brand) 8%, transparent);--archive-contact-mail-icon-border: color-mix(in oklab, var(--brand) 14%, transparent);--archive-mobile-menu-gradient: linear-gradient(180deg, color-mix(in oklab, var(--background) 96%, black 4%) 0%, color-mix(in oklab, var(--background-raised) 72%, var(--brand) 28%) 40%, color-mix(in oklab, black 24%, var(--brand) 76%) 100%);--archive-mobile-menu-dot: radial-gradient(circle at 1px 1px, var(--brand-strong) 1px, transparent 0);--archive-highlight-grid: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand) 55%, transparent) 1px, transparent 0), linear-gradient(135deg, color-mix(in oklab, var(--brand) 8%, transparent) 0%, transparent 48%, color-mix(in oklab, var(--brand-strong) 12%, transparent) 100%);--archive-highlight-glow: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, transparent 75%);--archive-highlight-surface: color-mix(in oklab, var(--background-raised) 88%, var(--brand) 12%);--archive-device-base-gradient: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--brand) 18%, transparent) 100%);--archive-device-readability-gradient: linear-gradient(180deg, transparent 30%, color-mix(in oklab, black 82%, var(--brand) 18%) 65%, color-mix(in oklab, black 56%, var(--brand) 44%) 100%);--device-shell-border: color-mix(in oklab, white 12%, var(--brand) 20%);--device-shell-surface: color-mix(in oklab, black 92%, var(--brand) 8%);--device-shell-cutout: color-mix(in oklab, black 97%, var(--brand) 3%);--device-shell-metal: linear-gradient(180deg, color-mix(in oklab, white 62%, var(--brand) 12%) 0%, color-mix(in oklab, white 42%, var(--brand) 18%) 100%);--device-shell-shine: color-mix(in oklab, white 52%, transparent);--device-screen: linear-gradient(180deg, color-mix(in oklab, black 92%, var(--brand) 8%) 0%, color-mix(in oklab, black 80%, var(--brand) 20%) 58%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-screen-strong: linear-gradient(180deg, color-mix(in oklab, black 90%, var(--brand) 10%) 0%, color-mix(in oklab, black 74%, var(--brand) 26%) 55%, color-mix(in oklab, black 96%, var(--brand) 4%) 100%);--device-panel-subtle: color-mix(in oklab, white 4%, transparent);--device-panel-accent: linear-gradient(160deg, color-mix(in oklab, var(--brand) 20%, transparent) 0%, color-mix(in oklab, black 94%, var(--brand) 6%) 100%);--device-panel-border: color-mix(in oklab, white 10%, var(--brand) 16%);--device-panel-line: color-mix(in oklab, white 10%, transparent);--device-grid-overlay: linear-gradient(transparent 65%, color-mix(in oklab, white 4%, transparent) 65%, color-mix(in oklab, white 4%, transparent) 66%, transparent 66%);--device-glow: radial-gradient(circle at center, color-mix(in oklab, var(--brand) 26%, white 6%) 0%, transparent 70%);--device-badge-surface: color-mix(in oklab, var(--brand) 16%, transparent);--device-badge-border: color-mix(in oklab, var(--brand) 30%, transparent);--device-badge-foreground: color-mix(in oklab, white 20%, var(--brand) 80%);--device-floating-surface: color-mix(in oklab, black 94%, var(--brand) 6%);--device-floating-border: color-mix(in oklab, white 12%, var(--brand) 18%);--device-floating-foreground: #ffffff;--device-floating-muted: rgba(255, 255, 255, 0.38);}