@layer p31.tokens,p31.reset,p31.base,p31.layout,p31.components,p31.utilities;@layer p31.tokens{:root{--p31-accent-alt: oklch(65% .18 285);--p31-text: oklch(96% .005 240);--p31-glass-border-hover: oklch(100% .01 240 / .15);--p31-glass-blur: blur(12px);--p31-glass-bg-strong: oklch(100% .01 75 / .22);--p31-glass-bg-overlay: oklch(100% .01 75 / .1);--p31-glass-bg-light: oklch(100% .01 75 / .1);--p31-glass-border-strong: oklch(100% .01 75 / .16);--p31-glass-border-strong-hover: oklch(100% .01 75 / .25);--p31-glow-cyan: 0 0 20px rgba(0,240,255,.25);--p31-glow-neon: 0 0 6px oklch(90.5% .155 194.8), 0 0 20px oklch(90.5% .155 194.8 / .3);--p31-glow-magenta: 0 0 6px oklch(70.2% .322 328.4), 0 0 20px oklch(70.2% .322 328.4 / .3);--p31-glow-violet: 0 0 6px oklch(67% .234 309.1), 0 0 20px oklch(67% .234 309.1 / .3);--p31-glow-amber: 0 0 6px oklch(88.7% .182 95.3), 0 0 20px oklch(88.7% .182 95.3 / .3);--p31-glow-mint: 0 0 6px oklch(87.6% .228 152.5), 0 0 20px oklch(87.6% .228 152.5 / .3);--p31-glow-coral: 0 0 6px oklch(71.2% .181 22.8), 0 0 20px oklch(71.2% .181 22.8 / .3);--p31-neon: oklch(90.5% .155 194.8);--p31-neon-dim: oklch(90.5% .155 194.8 / .35);--p31-neon-faint: oklch(90.5% .155 194.8 / .08);--p31-neon-ghost: oklch(90.5% .155 194.8 / .03);--p31-neon-cyan: oklch(90.5% .155 194.8);--p31-neon-magenta: oklch(70.2% .322 328.4);--p31-neon-violet: oklch(67% .234 309.1);--p31-neon-amber: oklch(88.7% .182 95.3);--p31-neon-mint: oklch(87.6% .228 152.5);--p31-neon-coral: oklch(71.2% .181 22.8);--p31-neon-orange: oklch(75.4% .164 50.4);--p31-neon-blue: oklch(80.4% .146 219.5);--p31-neon-lavender: oklch(62% .279 290.8);--p31-neon-pink: oklch(67.4% .293 340.4);--p31-surface-s1: oklch(0% 0 0);--p31-surface-s2: oklch(4.9% 0 0);--p31-surface-s3: oklch(6.9% 0 0);--p31-surface-s4: oklch(10.5% 0 0);--p31-status-online: oklch(65% .18 105);--p31-status-offline: oklch(78% .01 240);--p31-status-warning: oklch(65% .18 15);--p31-status-error: oklch(65% .18 20);--p31-status-info: oklch(65% .18 195);--p31-scale-3xl: calc(var(--p31-base) * 4.2139);--p31-scale-4xl: calc(var(--p31-base) * 5.6186);--p31-type-caption: clamp(var(--p31-scale-xs), .8vw, var(--p31-scale-sm));--p31-type-body: clamp(calc(var(--p31-base) * .95), 1vw + .5rem, var(--p31-scale-sm));--p31-type-label: var(--p31-scale-sm);--p31-type-h3: clamp(var(--p31-scale-md), 2vw, var(--p31-scale-lg));--p31-type-h2: clamp(var(--p31-scale-lg), 3.5vw, var(--p31-scale-xl));--p31-type-h1: clamp(var(--p31-scale-xl), 5.6vw, var(--p31-scale-2xl));--p31-type-display: clamp(var(--p31-scale-2xl), 7vw, var(--p31-scale-3xl));--p31-font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--p31-duration-fast: .1s;--p31-duration-normal: .3s;--p31-duration-slow: .5s;--p31-easing-smooth: cubic-bezier(.4, 0, .2, 1);--p31-easing-snappy: cubic-bezier(.34, 1.56, .64, 1);--p31-easing-linear: linear;--p31-speed-factor: 1;--p31-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9);--p31-spring-expressive-fast-spatial-ms: .35s;--p31-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1);--p31-spring-expressive-fast-effects-ms: .15s;--p31-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1);--p31-spring-expressive-default-spatial-ms: .5s;--p31-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1);--p31-spring-expressive-default-effects-ms: .2s;--p31-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1);--p31-spring-expressive-slow-spatial-ms: .65s;--p31-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1);--p31-spring-expressive-slow-effects-ms: .3s;--p31-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1);--p31-spring-standard-spatial-ms: .3s;--p31-shape-morph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-chain-verified: #788c5d;--p31-chain-broken: #c0392b;--p31-chain-pending: #d97757;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-starfield-hearth: oklch(55% .15 35);--p31-starfield-teal: oklch(60% .08 185);--p31-starfield-remembrance: oklch(95% .01 80);--p31-starfield-particle-teal: oklch(70% .12 185 / .6);--p31-starfield-particle-coral: oklch(65% .14 40 / .5);--p31-blur-subtle: 8px;--p31-blur-standard: 12px;--p31-blur-strong: 24px;--p31-space-xs: clamp(var(--p31-scale-xs), 1vw, var(--p31-scale-sm));--p31-space-sm: clamp(var(--p31-scale-sm), 1.5vw, var(--p31-scale-md));--p31-space-md: clamp(var(--p31-scale-md), 2.5vw, var(--p31-scale-lg));--p31-space-lg: clamp(var(--p31-scale-lg), 3.5vw, var(--p31-scale-xl));--p31-space-xl: clamp(var(--p31-scale-xl), 5vw, var(--p31-scale-2xl));--p31-space-2xl: clamp(var(--p31-scale-2xl), 6.5vw, var(--p31-scale-3xl));--p31-space-tiny: 2px;--p31-radius-xl: calc(var(--p31-scale-xl) / 2);--p31-radius-candy: 24px;--p31-touch-min: 48px;--p31-touch-recommended: 56px;--p31-touch-large: 64px;--p31-z-starfield: 0;--p31-z-topbar: 10;--p31-z-toast: 9999;--p31-z-crisis: 99999;--p31-z-skip-link: 100;--p31-topbar-height: 64px;--p31-z-content: 1;--p31-z-floating: 60;--p31-space-3xl: 64px;--p31-void: #0A0A0F;--p31-cloud: #A1A1AA;--p31-glass-surface: oklch(100% .01 240 / .04);--p31-glass-surface-hover: oklch(100% .01 240 / .06);--p31-glass-radius: 24px;--p31-spacing-xs: 4px;--p31-spacing-sm: 8px;--p31-spacing-md: 16px;--p31-spacing-lg: 24px;--p31-spacing-xl: 32px;--p31-spacing-xxl: 64px;--p31-radius-none: 0;--p31-h1: 51px;--p31-h2: 38px;--p31-h3: 28px;--p31-h4: 21px;--p31-body: 16px;--p31-body-sm: 14px;--p31-label: 12px;--p31-caption: 7px;--p31-duration-instant: 62.5ms;--p31-duration-standard: .25s;--p31-duration-slower: 1s;--p31-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-easing-decelerate: cubic-bezier(0, 0, .2, 1);--p31-easing-accelerate: cubic-bezier(.4, 0, 1, 1);--p31-card-padding: 24px;--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: calc(var(--p31-scale-md) / 2);--p31-radius-lg: calc(var(--p31-scale-lg) / 2);--p31-radius-full: 9999px;--p31-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--p31-font-mono: ui-monospace, SFMono-Regular, "Fira Code", "Fira Mono", "Roboto Mono", "JetBrains Mono", Menlo, Monaco, Consolas, monospace;--p31-bg: oklch(10% .01 240);--p31-surface: oklch(15% .015 240);--p31-surface2: oklch(22% .02 240);--p31-accent: oklch(65% .18 195);--p31-accent-cyan: oklch(70% .15 200);--p31-accent-violet: oklch(65% .18 285);--p31-accent-gold: oklch(65% .18 15);--p31-accent-green: oklch(65% .18 105);--p31-accent-red: oklch(65% .18 20);--p31-accent-iris: oklch(65% .18 270);--p31-text-primary: oklch(96% .005 240);--p31-text-secondary: oklch(80% .01 240);--p31-text-tertiary: oklch(78% .01 240);--p31-glass-bg: oklch(100% .01 240 / .04);--p31-glass-border: oklch(100% .01 240 / .08);--p31-glass-shadow: 0 8px 32px rgba(0,0,0,.15);--p31-color-action-primary: oklch(70% .15 200);--p31-color-action-primary-hover: oklch(70% .15 200 / .8);--p31-color-action-primary-text: oklch(95% .02 230);--p31-color-action-secondary: oklch(22% .045 240);--p31-color-action-secondary-text: oklch(95% .02 230);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% .01 230 / .04);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(70% .05 200);--p31-color-accent-violet-muted: oklch(65% .05 250);--p31-color-accent-gold-muted: oklch(72% .05 40);--p31-color-accent-green-muted: oklch(70% .05 160);--p31-color-accent-red-muted: oklch(70% .05 20);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}[data-theme=cipher]{--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: 16px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p31-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--p31-bg: oklch(10% .01 240);--p31-surface: oklch(15% .015 240);--p31-surface2: oklch(22% .02 240);--p31-accent: oklch(65% .18 195);--p31-accent-cyan: oklch(65% .18 195);--p31-accent-violet: oklch(65% .18 285);--p31-accent-gold: oklch(65% .18 15);--p31-accent-green: oklch(65% .18 105);--p31-accent-red: oklch(65% .18 30);--p31-accent-iris: oklch(65% .18 255);--p31-text-primary: oklch(96% .005 240);--p31-text-secondary: oklch(75% .01 240);--p31-text-tertiary: oklch(55% .01 240);--p31-glass-bg: oklch(100% .01 240 / .05);--p31-glass-border: oklch(100% .01 240 / .1);--p31-glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--p31-color-action-primary: oklch(65% .18 195);--p31-color-action-primary-hover: oklch(65% .18 195 / .8);--p31-color-action-primary-text: oklch(96% .005 240);--p31-color-action-secondary: oklch(22% .02 240);--p31-color-action-secondary-text: oklch(96% .005 240);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% .01 240 / .05);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(65% .05 195);--p31-color-accent-violet-muted: oklch(65% .05 285);--p31-color-accent-gold-muted: oklch(65% .05 15);--p31-color-accent-green-muted: oklch(65% .05 105);--p31-color-accent-red-muted: oklch(65% .05 30);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}[data-theme=garden]{--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: 16px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p31-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--p31-bg: oklch(12% .02 140);--p31-surface: oklch(18% .025 140);--p31-surface2: oklch(25% .03 140);--p31-accent: oklch(70% .15 145);--p31-accent-cyan: oklch(70% .15 145);--p31-accent-violet: oklch(70% .15 185);--p31-accent-gold: oklch(75% .15 85);--p31-accent-green: oklch(70% .15 145);--p31-accent-red: oklch(65% .15 30);--p31-accent-iris: oklch(70% .15 220);--p31-text-primary: oklch(95% .02 120);--p31-text-secondary: oklch(78% .02 130);--p31-text-tertiary: oklch(55% .02 130);--p31-glass-bg: oklch(100% .01 120 / .04);--p31-glass-border: oklch(100% .01 120 / .1);--p31-glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--p31-color-action-primary: oklch(70% .15 145);--p31-color-action-primary-hover: oklch(70% .15 145 / .8);--p31-color-action-primary-text: oklch(95% .02 120);--p31-color-action-secondary: oklch(25% .03 140);--p31-color-action-secondary-text: oklch(95% .02 120);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% .01 120 / .04);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(70% .05 145);--p31-color-accent-violet-muted: oklch(70% .05 185);--p31-color-accent-gold-muted: oklch(75% .05 85);--p31-color-accent-green-muted: oklch(70% .05 145);--p31-color-accent-red-muted: oklch(65% .05 30);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}[data-theme=retro]{--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: 16px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p31-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--p31-bg: oklch(8% .02 60);--p31-surface: oklch(12% .025 60);--p31-surface2: oklch(18% .03 60);--p31-accent: oklch(75% .18 80);--p31-accent-cyan: oklch(75% .18 80);--p31-accent-violet: oklch(70% .18 320);--p31-accent-gold: oklch(78% .18 70);--p31-accent-green: oklch(65% .18 140);--p31-accent-red: oklch(70% .18 30);--p31-accent-iris: oklch(70% .18 310);--p31-text-primary: oklch(95% .05 80);--p31-text-secondary: oklch(78% .04 75);--p31-text-tertiary: oklch(52% .03 70);--p31-glass-bg: oklch(100% .02 60 / .05);--p31-glass-border: oklch(100% .02 60 / .12);--p31-glass-shadow: 0 8px 32px rgba(255, 180, 0, .08);--p31-color-action-primary: oklch(75% .18 80);--p31-color-action-primary-hover: oklch(75% .18 80 / .8);--p31-color-action-primary-text: oklch(95% .05 80);--p31-color-action-secondary: oklch(18% .03 60);--p31-color-action-secondary-text: oklch(95% .05 80);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% .02 60 / .05);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(75% .05 80);--p31-color-accent-violet-muted: oklch(70% .05 320);--p31-color-accent-gold-muted: oklch(78% .05 70);--p31-color-accent-green-muted: oklch(65% .05 140);--p31-color-accent-red-muted: oklch(70% .05 30);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}[data-theme=ocean]{--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: 16px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p31-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--p31-bg: oklch(10% .03 240);--p31-surface: oklch(15% .04 240);--p31-surface2: oklch(22% .045 240);--p31-accent: oklch(70% .15 200);--p31-accent-cyan: oklch(70% .15 200);--p31-accent-violet: oklch(65% .15 250);--p31-accent-gold: oklch(72% .15 40);--p31-accent-green: oklch(70% .15 160);--p31-accent-red: oklch(70% .15 20);--p31-accent-iris: oklch(70% .15 230);--p31-text-primary: oklch(95% .02 230);--p31-text-secondary: oklch(78% .02 235);--p31-text-tertiary: oklch(55% .02 235);--p31-glass-bg: oklch(100% .01 230 / .04);--p31-glass-border: oklch(100% .01 230 / .08);--p31-glass-shadow: 0 8px 32px rgba(0, 100, 200, .1);--p31-color-action-primary: oklch(70% .15 200);--p31-color-action-primary-hover: oklch(70% .15 200 / .8);--p31-color-action-primary-text: oklch(95% .02 230);--p31-color-action-secondary: oklch(22% .045 240);--p31-color-action-secondary-text: oklch(95% .02 230);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% .01 230 / .04);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(70% .05 200);--p31-color-accent-violet-muted: oklch(65% .05 250);--p31-color-accent-gold-muted: oklch(72% .05 40);--p31-color-accent-green-muted: oklch(70% .05 160);--p31-color-accent-red-muted: oklch(70% .05 20);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}[data-theme=sunset]{--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: 16px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p31-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--p31-bg: oklch(12% .03 30);--p31-surface: oklch(17% .035 30);--p31-surface2: oklch(23% .04 30);--p31-accent: oklch(72% .18 40);--p31-accent-cyan: oklch(72% .18 40);--p31-accent-violet: oklch(70% .18 360);--p31-accent-gold: oklch(75% .18 60);--p31-accent-green: oklch(65% .18 140);--p31-accent-red: oklch(72% .18 25);--p31-accent-iris: oklch(70% .18 340);--p31-text-primary: oklch(95% .03 50);--p31-text-secondary: oklch(78% .03 40);--p31-text-tertiary: oklch(55% .03 35);--p31-glass-bg: oklch(100% .01 30 / .06);--p31-glass-border: oklch(100% .01 30 / .1);--p31-glass-shadow: 0 8px 32px rgba(200, 100, 0, .08);--p31-color-action-primary: oklch(72% .18 40);--p31-color-action-primary-hover: oklch(72% .18 40 / .8);--p31-color-action-primary-text: oklch(95% .03 50);--p31-color-action-secondary: oklch(23% .04 30);--p31-color-action-secondary-text: oklch(95% .03 50);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% .01 30 / .06);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(72% .05 40);--p31-color-accent-violet-muted: oklch(70% .05 360);--p31-color-accent-gold-muted: oklch(75% .05 60);--p31-color-accent-green-muted: oklch(65% .05 140);--p31-color-accent-red-muted: oklch(72% .05 25);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}[data-theme=mono]{--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: 16px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p31-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--p31-bg: oklch(8% 0 0);--p31-surface: oklch(14% 0 0);--p31-surface2: oklch(20% 0 0);--p31-accent: oklch(80% 0 0);--p31-accent-cyan: oklch(75% 0 0);--p31-accent-violet: oklch(70% 0 0);--p31-accent-gold: oklch(78% 0 0);--p31-accent-green: oklch(72% 0 0);--p31-accent-red: oklch(68% 0 0);--p31-accent-iris: oklch(74% 0 0);--p31-text-primary: oklch(95% 0 0);--p31-text-secondary: oklch(75% 0 0);--p31-text-tertiary: oklch(50% 0 0);--p31-glass-bg: oklch(100% 0 0 / .05);--p31-glass-border: oklch(100% 0 0 / .1);--p31-glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--p31-color-action-primary: oklch(80% 0 0);--p31-color-action-primary-hover: oklch(80% 0 0 / .8);--p31-color-action-primary-text: oklch(95% 0 0);--p31-color-action-secondary: oklch(20% 0 0);--p31-color-action-secondary-text: oklch(95% 0 0);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% 0 0 / .05);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(80% .05 0);--p31-color-accent-violet-muted: oklch(70% .05 0);--p31-color-accent-gold-muted: oklch(78% .05 0);--p31-color-accent-green-muted: oklch(72% .05 0);--p31-color-accent-red-muted: oklch(68% .05 0);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}[data-theme=aurora]{--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: 16px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p31-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--p31-bg: oklch(9% .03 260);--p31-surface: oklch(14% .035 260);--p31-surface2: oklch(20% .04 260);--p31-accent: oklch(72% .16 250);--p31-accent-cyan: oklch(65% .16 225);--p31-accent-violet: oklch(72% .16 250);--p31-accent-gold: oklch(75% .16 65);--p31-accent-green: oklch(70% .16 160);--p31-accent-red: oklch(70% .16 25);--p31-accent-iris: oklch(72% .16 290);--p31-text-primary: oklch(95% .03 260);--p31-text-secondary: oklch(78% .03 260);--p31-text-tertiary: oklch(55% .03 260);--p31-glass-bg: oklch(100% .02 260 / .05);--p31-glass-border: oklch(100% .02 260 / .1);--p31-glass-shadow: 0 8px 32px rgba(100, 50, 200, .12);--p31-color-action-primary: oklch(72% .16 250);--p31-color-action-primary-hover: oklch(72% .16 250 / .8);--p31-color-action-primary-text: oklch(95% .03 260);--p31-color-action-secondary: oklch(20% .04 260);--p31-color-action-secondary-text: oklch(95% .03 260);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% .02 260 / .05);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(72% .05 250);--p31-color-accent-violet-muted: oklch(72% .05 250);--p31-color-accent-gold-muted: oklch(75% .05 65);--p31-color-accent-green-muted: oklch(70% .05 160);--p31-color-accent-red-muted: oklch(70% .05 25);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}[data-theme=zen]{--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: 16px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p31-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--p31-bg: oklch(14% .01 75);--p31-surface: oklch(19% .012 75);--p31-surface2: oklch(25% .015 75);--p31-accent: oklch(72% .1 75);--p31-accent-cyan: oklch(68% .1 190);--p31-accent-violet: oklch(70% .1 300);--p31-accent-gold: oklch(75% .12 75);--p31-accent-green: oklch(68% .1 140);--p31-accent-red: oklch(68% .12 25);--p31-accent-iris: oklch(70% .1 250);--p31-text-primary: oklch(93% .01 75);--p31-text-secondary: oklch(75% .012 75);--p31-text-tertiary: oklch(55% .01 75);--p31-glass-bg: oklch(100% .01 75 / .05);--p31-glass-border: oklch(100% .01 75 / .1);--p31-glass-shadow: 0 8px 32px rgba(120, 100, 70, .1);--p31-color-action-primary: oklch(72% .1 75);--p31-color-action-primary-hover: oklch(72% .1 75 / .8);--p31-color-action-primary-text: oklch(93% .01 75);--p31-color-action-secondary: oklch(25% .015 75);--p31-color-action-secondary-text: oklch(93% .01 75);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% .01 75 / .05);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(72% .05 75);--p31-color-accent-violet-muted: oklch(70% .05 300);--p31-color-accent-gold-muted: oklch(75% .05 75);--p31-color-accent-green-muted: oklch(68% .05 140);--p31-color-accent-red-muted: oklch(68% .05 25);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}[data-theme=volt]{--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: 16px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p31-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--p31-bg: oklch(12% .02 270);--p31-surface: oklch(18% .025 270);--p31-surface2: oklch(25% .03 270);--p31-accent: oklch(75% .17 190);--p31-accent-cyan: oklch(75% .17 190);--p31-accent-violet: oklch(72% .17 300);--p31-accent-gold: oklch(78% .17 60);--p31-accent-green: oklch(72% .17 150);--p31-accent-red: oklch(72% .17 20);--p31-accent-iris: oklch(73% .17 260);--p31-text-primary: oklch(96% .01 270);--p31-text-secondary: oklch(80% .01 270);--p31-text-tertiary: oklch(58% .01 270);--p31-glass-bg: oklch(100% .01 270 / .05);--p31-glass-border: oklch(100% .01 270 / .12);--p31-glass-shadow: 0 8px 32px rgba(0, 160, 220, .12);--p31-color-action-primary: oklch(75% .17 190);--p31-color-action-primary-hover: oklch(75% .17 190 / .8);--p31-color-action-primary-text: oklch(96% .01 270);--p31-color-action-secondary: oklch(25% .03 270);--p31-color-action-secondary-text: oklch(96% .01 270);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% .01 270 / .05);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(75% .05 190);--p31-color-accent-violet-muted: oklch(72% .05 300);--p31-color-accent-gold-muted: oklch(78% .05 60);--p31-color-accent-green-muted: oklch(72% .05 150);--p31-color-accent-red-muted: oklch(72% .05 20);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}[data-theme=family]{--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: 16px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p31-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--p31-bg: oklch(17% .03 55);--p31-surface: oklch(23% .04 55);--p31-surface2: oklch(29% .045 55);--p31-accent: oklch(80% .16 75);--p31-accent-cyan: oklch(80% .16 75);--p31-accent-violet: oklch(72% .16 20);--p31-accent-gold: oklch(83% .16 65);--p31-accent-green: oklch(72% .16 145);--p31-accent-red: oklch(68% .16 25);--p31-accent-iris: oklch(72% .16 320);--p31-text-primary: oklch(97% .02 70);--p31-text-secondary: oklch(82% .03 70);--p31-text-tertiary: oklch(60% .03 65);--p31-glass-bg: oklch(100% .02 60 / .05);--p31-glass-border: oklch(100% .02 60 / .12);--p31-glass-shadow: 0 8px 32px rgba(255, 170, 40, .08);--p31-color-action-primary: oklch(80% .16 75);--p31-color-action-primary-hover: oklch(80% .16 75 / .8);--p31-color-action-primary-text: oklch(97% .02 70);--p31-color-action-secondary: oklch(29% .045 55);--p31-color-action-secondary-text: oklch(97% .02 70);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% .02 60 / .05);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(80% .05 75);--p31-color-accent-violet-muted: oklch(72% .05 20);--p31-color-accent-gold-muted: oklch(83% .05 65);--p31-color-accent-green-muted: oklch(72% .05 145);--p31-color-accent-red-muted: oklch(68% .05 25);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}[data-theme=sunlight]{--p31-base: 16px;--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-radius-sm: 8px;--p31-radius-md: 16px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p31-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--p31-bg: oklch(97% .01 85);--p31-surface: oklch(100% .005 90);--p31-surface2: oklch(94% .012 85);--p31-accent: oklch(55% .15 40);--p31-accent-cyan: oklch(62% .14 190);--p31-accent-violet: oklch(55% .15 300);--p31-accent-gold: oklch(62% .14 80);--p31-accent-green: oklch(55% .13 150);--p31-accent-red: oklch(55% .15 25);--p31-accent-iris: oklch(55% .15 250);--p31-text: oklch(22% .015 80);--p31-text-primary: oklch(22% .015 80);--p31-text-secondary: oklch(38% .015 80);--p31-text-tertiary: oklch(55% .015 80);--p31-glass-bg: oklch(100% .005 90 / .6);--p31-glass-border: oklch(80% .02 85 / .25);--p31-glass-shadow: 0 8px 32px rgba(120, 80, 40, .12);--p31-color-action-primary: oklch(55% .15 40);--p31-color-action-primary-hover: oklch(55% .15 40 / .8);--p31-color-action-primary-text: oklch(22% .015 80);--p31-color-action-secondary: oklch(94% .012 85);--p31-color-action-secondary-text: oklch(22% .015 80);--p31-color-action-ghost: transparent;--p31-color-action-ghost-hover: oklch(100% .005 90 / .6);--p31-space-inline-sm: 8px;--p31-space-inline-md: 16px;--p31-space-inline-lg: 24px;--p31-font-size-sm: 14px;--p31-font-size-md: 16px;--p31-font-size-lg: 20px;--p31-motion-duration-fast: .15s;--p31-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-motion-spring-expressive-fast-spatial: cubic-bezier(.42, 1.67, .21, .9)|.35s;--p31-motion-spring-expressive-fast-effects: cubic-bezier(.31, .8, .34, 1)|.15s;--p31-motion-spring-expressive-default-spatial: cubic-bezier(.38, 1.21, .22, 1)|.5s;--p31-motion-spring-expressive-default-effects: cubic-bezier(.34, .8, .34, 1)|.2s;--p31-motion-spring-expressive-slow-spatial: cubic-bezier(.38, .86, .22, 1)|.65s;--p31-motion-spring-expressive-slow-effects: cubic-bezier(.34, .8, .34, 1)|.3s;--p31-motion-spring-standard-spatial: cubic-bezier(.2, 0, 0, 1)|.3s;--p31-motion-shapeMorph-duration: .3s;--p31-elevation-level1-tint: .05;--p31-elevation-level2-tint: .08;--p31-elevation-level3-tint: .11;--p31-type-emphasized-body: 500 16px/1.4 system-ui, sans-serif;--p31-type-emphasized-label: 600 14px/1.2 system-ui, sans-serif;--p31-type-emphasized-h3: 600 20px/1.25 system-ui, sans-serif;--p31-type-emphasized-h2: 600 28px/1.2 system-ui, sans-serif;--p31-type-emphasized-h1: 700 40px/1.15 system-ui, sans-serif;--p31-type-emphasized-display: 700 64px/1.1 system-ui, sans-serif;--p31-frame-structure: oklch(73.5% .117 236.2);--p31-frame-connection: oklch(75.3% .158 76.8);--p31-frame-rhythm: oklch(67.9% .118 346.3);--p31-frame-creation: oklch(62% .13 165.5);--p31-color-accent-muted: oklch(55% .05 40);--p31-color-accent-violet-muted: oklch(55% .05 300);--p31-color-accent-gold-muted: oklch(62% .05 80);--p31-color-accent-green-muted: oklch(55% .05 150);--p31-color-accent-red-muted: oklch(55% .05 25);--p31-layout-spacing-xs: 4px;--p31-layout-spacing-sm: 8px;--p31-layout-spacing-md-tight: 12px;--p31-layout-spacing-md: 16px;--p31-layout-spacing-lg-tight: 20px;--p31-layout-spacing-lg: 24px;--p31-layout-spacing-xl: 32px;--p31-layout-density-factor: 1}}:root{[data-brand=p31ca]{--p31-glass-bg: oklch(14% .02 260 / .35);--p31-glass-border: oklch(100% .01 240 / .12);--p31-glass-border-hover: oklch(100% .01 240 / .25);--p31-glass-blur: blur(24px)}[data-brand=phosphorus31]{--p31-glass-bg: oklch(99% .01 85 / .55);--p31-glass-border: oklch(80% .02 75 / .3);--p31-glass-border-hover: oklch(70% .03 70 / .4);--p31-glass-blur: blur(16px)}[data-brand=willow]{--p31-glass-bg: rgba(255, 248, 240, .7);--p31-glass-border: rgba(200, 180, 160, .25);--p31-glass-blur: blur(16px);--p31-text: oklch(25% .02 80);--p31-text-secondary: oklch(55% .02 75);--p31-accent: oklch(65% .18 45);--p31-accent-alt: oklch(60% .15 200);--p31-accent-gold: oklch(72% .14 80);--p31-accent-green: oklch(70% .12 120);--p31-accent-red: oklch(62% .15 10);--p31-font-sans: "Comic Sans MS", "Chalkboard SE", cursive, sans-serif;--p31-font-display: "Comic Sans MS", "Chalkboard SE", cursive;--p31-radius-sm: 12px;--p31-radius-md: 20px;--p31-radius-lg: 28px;--p31-radius-xl: 40px;--p31-radius-full: 9999px;--p31-space-xs: .5rem;--p31-space-sm: .75rem;--p31-space-md: 1.25rem;--p31-space-lg: 2rem;--p31-space-xl: 2.5rem;--p31-space-2xl: 4rem;--p31-duration-fast: .2s;--p31-duration-normal: .4s;--p31-duration-slow: .6s;--p31-easing-smooth: cubic-bezier(.34, 1.56, .64, 1);--p31-easing-snappy: cubic-bezier(.34, 1.56, .64, 1);--p31-touch-min: 56px;--p31-touch-recommended: 64px}}[data-spoons="0"],[data-spoons="1"]{--p31-speed-factor: 0;--p31-glass-blur: none}[data-spoons="2"]{--p31-speed-factor: .25;--p31-glass-blur: blur(8px)}[data-spoons="3"]{--p31-speed-factor: .5;--p31-glass-blur: blur(12px)}[data-spoons="4"]{--p31-speed-factor: .75;--p31-glass-blur: blur(12px)}[data-spoons="5"]{--p31-speed-factor: 1;--p31-glass-blur: blur(16px)}@media(prefers-reduced-motion:reduce){:root{--p31-speed-factor: 0}}[data-dark-mode=true]{--p31-glass-bg: rgba(30, 28, 26, .8);--p31-glass-border: rgba(80, 75, 70, .3);--p31-text: oklch(90% .01 80);--p31-text-secondary: oklch(65% .02 80)}[data-theme=light]{--p31-bg: #F8FAFC;--p31-surface: #FFFFFF;--p31-surface2: #F1F5F9;--p31-text: #0F172A;--p31-text-secondary: rgba(15,23,42,.6);--p31-text-tertiary: rgba(15,23,42,.3);--p31-glass-bg: rgba(0,0,0,.03);--p31-glass-border: rgba(0,0,0,.08);--p31-glass-border-hover: rgba(0,0,0,.15)}[data-portal=mesh]{--p31-portal-accent: var(--p31-accent);--p31-portal-glow: rgba(0, 240, 255, .08)}[data-portal=research]{--p31-portal-accent: var(--p31-accent-violet);--p31-portal-glow: rgba(167, 139, 250, .08)}[data-portal=quantum]{--p31-portal-accent: var(--p31-accent-alt);--p31-portal-glow: rgba(139, 92, 246, .08)}[data-portal=build]{--p31-portal-accent: var(--p31-accent-green);--p31-portal-glow: rgba(52, 211, 153, .08)}[data-portal=blog]{--p31-portal-accent: var(--p31-accent);--p31-portal-glow: rgba(0, 240, 255, .06)}[data-portal=passport]{--p31-portal-accent: var(--p31-accent-iris);--p31-portal-glow: rgba(139, 92, 246, .08)}[data-portal=care]{--p31-portal-accent: var(--p31-accent-gold);--p31-portal-glow: rgba(251, 191, 36, .08)}[data-portal] main,[data-portal] .portal-content{position:relative;z-index:1}@layer p31.components{.p31-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--p31-space-inline-sm);border-radius:var(--p31-radius-md);font-family:var(--p31-font-sans);font-weight:600;line-height:1;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:background-color var(--p31-motion-duration-fast) var(--p31-motion-easing-standard),border-color var(--p31-motion-duration-fast) var(--p31-motion-easing-standard),opacity var(--p31-motion-duration-fast) var(--p31-motion-easing-standard);min-block-size:48px}.p31-button--sm{padding:var(--p31-space-inline-sm) var(--p31-space-inline-md);font-size:var(--p31-font-size-sm)}.p31-button--md{padding:var(--p31-space-inline-md) var(--p31-space-inline-lg);font-size:var(--p31-font-size-md)}.p31-button--lg{padding:var(--p31-space-inline-lg) var(--p31-space-inline-lg);font-size:var(--p31-font-size-lg)}.p31-button--primary{background-color:var(--p31-color-action-primary);color:var(--p31-color-action-primary-text)}.p31-button--primary:hover:not([aria-disabled=true]):not([aria-busy=true]){background-color:var(--p31-color-action-primary-hover)}.p31-button--secondary{background-color:var(--p31-color-action-secondary);color:var(--p31-color-action-secondary-text);border-color:var(--p31-color-action-secondary)}.p31-button--secondary:hover:not([aria-disabled=true]):not([aria-busy=true]){opacity:.9}.p31-button--ghost{background-color:var(--p31-color-action-ghost);color:var(--p31-color-action-primary-text)}.p31-button--ghost:hover:not([aria-disabled=true]):not([aria-busy=true]){background-color:var(--p31-color-action-ghost-hover)}.p31-button:focus-visible{outline:2px solid var(--p31-color-action-primary);outline-offset:2px}.p31-button[aria-disabled=true],.p31-button[aria-busy=true]{cursor:not-allowed;opacity:.6}.p31-button__spinner{display:inline-flex;animation:p31-button-spin .8s linear infinite}@keyframes p31-button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.p31-button{transition:none}.p31-button__spinner{animation:none}}}