: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: #ffffff;--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(ellipse 70% 85% at 10% 44%, color-mix(in oklab, black 36%, transparent) 0%, color-mix(in oklab, black 14%, transparent) 32%, transparent 58%);--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);--syzygy-accent-shadow-spot: 0 0 18px color-mix(in oklab, var(--brand) 22%, transparent);--syzygy-accent-shadow-soft: 0 24px 80px color-mix(in oklab, var(--brand) 12%, transparent);--syzygy-accent-shadow-strong: 0 32px 120px color-mix(in oklab, var(--brand) 18%, transparent);--syzygy-accent-shadow-hero: 0 0 40px color-mix(in oklab, var(--brand) 22%, transparent);--syzygy-page-hero-glow: radial-gradient(ellipse 70% 100% at 50% 0%, color-mix(in oklab, var(--brand) 16%, transparent) 0%, color-mix(in oklab, var(--brand) 8%, transparent) 30%, transparent 75%);--syzygy-galaxy-background: linear-gradient(180deg, color-mix(in oklab, var(--background) 72%, var(--brand) 28%) 0%, color-mix(in oklab, var(--brand) 42%, var(--accent) 28%, black 30%) 100%);--syzygy-galaxy-river: radial-gradient(ellipse at 50% 44%, color-mix(in oklab, var(--brand) 55%, white 45%) 0%, color-mix(in oklab, var(--accent) 50%, transparent) 28%, transparent 68%);--syzygy-galaxy-nebula: radial-gradient(circle at 18% 24%, color-mix(in oklab, var(--brand) 48%, transparent) 0%, transparent 38%), radial-gradient(circle at 82% 18%, color-mix(in oklab, var(--accent) 40%, transparent) 0%, transparent 34%), radial-gradient(circle at 62% 72%, color-mix(in oklab, var(--brand-strong) 36%, transparent) 0%, transparent 36%);--syzygy-galaxy-stars: radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--brand-strong) 42%, transparent) 1px, transparent 0), radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--accent) 36%, transparent) 1px, transparent 0);--syzygy-og-background: radial-gradient(circle at top left, color-mix(in oklab, white 72%, var(--brand) 28%) 0%, transparent 38%), radial-gradient(circle at bottom right, color-mix(in oklab, white 78%, var(--accent) 22%) 0%, transparent 42%), color-mix(in oklab, var(--background) 76%, black 24%);--syzygy-og-grid: linear-gradient(color-mix(in oklab, white 16%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, white 16%, transparent) 1px, transparent 1px);--syzygy-og-border: color-mix(in oklab, black 8%, white 92%);--syzygy-og-chip-surface: color-mix(in oklab, white 88%, var(--brand) 12%);--syzygy-og-chip-border: color-mix(in oklab, black 8%, transparent);--syzygy-og-foreground: color-mix(in oklab, black 92%, var(--foreground) 8%);--syzygy-og-muted: color-mix(in oklab, black 58%, white 42%);--syzygy-animation-orbit-track: color-mix(in oklab, white 72%, var(--brand) 28%);--syzygy-animation-star: color-mix(in oklab, white 90%, var(--brand) 10%);--syzygy-animation-fill-light: color-mix(in oklab, white 84%, var(--brand) 16%);--syzygy-animation-rim-light: color-mix(in oklab, white 78%, var(--accent) 22%);--syzygy-animation-halo-primary: color-mix(in oklab, white 26%, var(--brand) 74%);--syzygy-animation-halo-secondary: color-mix(in oklab, white 86%, var(--brand) 14%);--syzygy-planet-core-surface: color-mix(in oklab, white 26%, var(--brand) 74%);--syzygy-planet-core-emissive: color-mix(in oklab, var(--brand-strong) 72%, black 28%);--syzygy-planet-moon-surface: color-mix(in oklab, white 96%, var(--brand) 4%);--syzygy-planet-moon-shadow: color-mix(in oklab, white 72%, black 28%);--syzygy-planet-saturn-surface: color-mix(in oklab, white 66%, var(--accent) 34%);--syzygy-planet-saturn-band: color-mix(in oklab, white 38%, var(--accent) 62%);--syzygy-planet-saturn-ring: color-mix(in oklab, white 82%, var(--accent) 18%);--syzygy-planet-pluto-surface: color-mix(in oklab, white 92%, var(--brand-strong) 8%);--syzygy-planet-pluto-shadow: color-mix(in oklab, white 62%, black 38%);--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: color-mix(in oklab, white 92%, var(--brand) 8%);--device-floating-muted: color-mix(in oklab, white 42%, transparent);}
: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(ellipse 72% 88% at 10% 44%, color-mix(in oklab, black 52%, transparent) 0%, color-mix(in oklab, black 22%, transparent) 34%, transparent 60%), radial-gradient(ellipse 120% 90% at 50% 100%, color-mix(in oklab, black 45%, transparent) 0%, transparent 55%);--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);--syzygy-accent-shadow-spot: 0 0 22px color-mix(in oklab, var(--brand) 28%, transparent);--syzygy-accent-shadow-soft: 0 24px 80px color-mix(in oklab, var(--brand) 18%, transparent);--syzygy-accent-shadow-strong: 0 32px 120px color-mix(in oklab, var(--brand) 26%, transparent);--syzygy-accent-shadow-hero: 0 0 40px color-mix(in oklab, var(--brand) 34%, transparent);--syzygy-page-hero-glow: radial-gradient(ellipse 70% 100% at 50% 0%, color-mix(in oklab, var(--brand) 24%, transparent) 0%, color-mix(in oklab, var(--brand) 12%, transparent) 30%, transparent 75%);--syzygy-galaxy-background: linear-gradient(180deg, color-mix(in oklab, var(--background) 82%, black 18%) 0%, color-mix(in oklab, black 58%, var(--brand) 42%) 100%);--syzygy-galaxy-river: radial-gradient(ellipse at 50% 44%, color-mix(in oklab, white 18%, var(--brand) 82%) 0%, color-mix(in oklab, white 8%, var(--accent) 92%) 18%, transparent 60%);--syzygy-galaxy-nebula: radial-gradient(circle at 18% 24%, color-mix(in oklab, white 10%, var(--brand) 90%) 0%, transparent 32%), radial-gradient(circle at 82% 18%, color-mix(in oklab, white 12%, var(--accent) 88%) 0%, transparent 28%), radial-gradient(circle at 62% 72%, color-mix(in oklab, white 10%, var(--brand-strong) 90%) 0%, transparent 30%);--syzygy-galaxy-stars: radial-gradient(circle at 1px 1px, color-mix(in oklab, white 88%, var(--brand) 12%) 1px, transparent 0), radial-gradient(circle at 1px 1px, color-mix(in oklab, white 82%, var(--accent) 18%) 1px, transparent 0);--syzygy-og-background: radial-gradient(circle at top left, color-mix(in oklab, white 18%, var(--brand) 82%) 0%, transparent 38%), radial-gradient(circle at bottom right, color-mix(in oklab, white 14%, var(--accent) 86%) 0%, transparent 42%), color-mix(in oklab, black 74%, var(--background) 26%);--syzygy-og-grid: linear-gradient(color-mix(in oklab, white 16%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, white 16%, transparent) 1px, transparent 1px);--syzygy-og-border: color-mix(in oklab, white 10%, transparent);--syzygy-og-chip-surface: color-mix(in oklab, white 6%, transparent);--syzygy-og-chip-border: color-mix(in oklab, white 14%, transparent);--syzygy-og-foreground: color-mix(in oklab, white 94%, var(--foreground) 6%);--syzygy-og-muted: color-mix(in oklab, white 74%, transparent);--syzygy-animation-orbit-track: color-mix(in oklab, white 62%, var(--brand) 38%);--syzygy-animation-star: color-mix(in oklab, white 84%, var(--brand) 16%);--syzygy-animation-fill-light: color-mix(in oklab, white 74%, var(--brand) 26%);--syzygy-animation-rim-light: color-mix(in oklab, white 68%, var(--accent) 32%);--syzygy-animation-halo-primary: color-mix(in oklab, white 20%, var(--brand) 80%);--syzygy-animation-halo-secondary: color-mix(in oklab, white 78%, var(--brand) 22%);--syzygy-planet-core-surface: color-mix(in oklab, white 20%, var(--brand) 80%);--syzygy-planet-core-emissive: color-mix(in oklab, var(--brand-strong) 80%, black 20%);--syzygy-planet-moon-surface: color-mix(in oklab, white 90%, var(--brand) 10%);--syzygy-planet-moon-shadow: color-mix(in oklab, white 62%, black 38%);--syzygy-planet-saturn-surface: color-mix(in oklab, white 54%, var(--accent) 46%);--syzygy-planet-saturn-band: color-mix(in oklab, white 30%, var(--accent) 70%);--syzygy-planet-saturn-ring: color-mix(in oklab, white 70%, var(--accent) 30%);--syzygy-planet-pluto-surface: color-mix(in oklab, white 86%, var(--brand-strong) 14%);--syzygy-planet-pluto-shadow: color-mix(in oklab, white 54%, black 46%);--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: color-mix(in oklab, white 90%, var(--brand) 10%);--device-floating-muted: color-mix(in oklab, white 38%, transparent);}