:root{color-scheme:light dark;--p-color-neutral-0: #ffffff;--p-color-neutral-50: #f8fafc;--p-color-neutral-100: #f1f5f9;--p-color-neutral-200: #e2e8f0;--p-color-neutral-300: #cbd5e1;--p-color-neutral-400: #94a3b8;--p-color-neutral-500: #64748b;--p-color-neutral-550: #5d6b82;--p-color-neutral-600: #475569;--p-color-neutral-700: #334155;--p-color-neutral-800: #1e293b;--p-color-neutral-900: #0f172a;--p-color-neutral-950: #020617;--p-color-indigo-50: #eef2ff;--p-color-indigo-100: #e0e7ff;--p-color-indigo-200: #c7d2fe;--p-color-indigo-300: #a5b4fc;--p-color-indigo-400: #818cf8;--p-color-indigo-500: #6366f1;--p-color-indigo-600: #4f46e5;--p-color-indigo-700: #4338ca;--p-color-indigo-800: #3730a3;--p-color-indigo-900: #312e81;--p-color-indigo-950: #1e1b4b;--p-color-green-50: #ecfdf5;--p-color-green-400: #34d399;--p-color-green-500: #10b981;--p-color-green-700: #047857;--p-color-green-950: #022c22;--p-color-amber-50: #fffbeb;--p-color-amber-400: #fbbf24;--p-color-amber-500: #f59e0b;--p-color-amber-700: #b45309;--p-color-amber-950: #451a03;--p-color-red-50: #fef2f2;--p-color-red-400: #f87171;--p-color-red-500: #ef4444;--p-color-red-700: #b91c1c;--p-color-red-950: #450a0a;--p-color-blue-50: #eff6ff;--p-color-blue-400: #60a5fa;--p-color-blue-500: #3b82f6;--p-color-blue-700: #1d4ed8;--p-color-blue-950: #172554;--p-color-success: var(--p-color-green-500);--p-color-warning: var(--p-color-amber-500);--p-color-danger: var(--p-color-red-500);--p-color-info: var(--p-color-blue-500);--p-font-family-sans: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--p-font-family-mono: "JetBrains Mono", "Fira Code", monospace;--p-font-size-xs: .75rem;--p-font-size-sm: .875rem;--p-font-size-base: 1rem;--p-font-size-lg: 1.125rem;--p-font-size-xl: 1.25rem;--p-font-size-2xl: 1.5rem;--p-font-size-3xl: 1.875rem;--p-font-size-4xl: 2.25rem;--p-space-0: 0;--p-space-1: .25rem;--p-space-2: .5rem;--p-space-3: .75rem;--p-space-4: 1rem;--p-space-5: 1.25rem;--p-space-6: 1.5rem;--p-space-8: 2rem;--p-space-10: 2.5rem;--p-space-12: 3rem;--p-space-16: 4rem;--p-radius-none: 0;--p-radius-sm: .25rem;--p-radius-md: .375rem;--p-radius-lg: .5rem;--p-radius-xl: .75rem;--p-radius-2xl: 1rem;--p-radius-full: 9999px;--p-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--p-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--p-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--p-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--p-shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .07);--p-transition-duration-fast: .15s;--p-transition-duration-normal: .25s;--p-transition-duration-slow: .35s;--p-transition-timing-ease: cubic-bezier(.4, 0, .2, 1);--p-transition-timing-bounce: cubic-bezier(.34, 1.56, .64, 1);--p-z-index-under: -1;--p-z-index-normal: 1;--p-z-index-dropdown: 100;--p-z-index-sticky: 200;--p-z-index-overlay: 300;--p-z-index-modal: 400;--p-z-index-popover: 500;--s-font-sans: var(--p-font-family-sans);--s-font-mono: var(--p-font-family-mono);--s-font-size-caption: var(--p-font-size-xs);--s-font-size-label: var(--p-font-size-sm);--s-font-size-body: var(--p-font-size-base);--s-font-size-lead: var(--p-font-size-lg);--s-font-size-title: var(--p-font-size-xl);--s-font-size-headline: var(--p-font-size-2xl);--s-font-size-display: var(--p-font-size-3xl);--s-space-2xs: var(--p-space-1);--s-space-xs: var(--p-space-2);--s-space-sm: var(--p-space-3);--s-space-md: var(--p-space-4);--s-space-lg: var(--p-space-6);--s-space-xl: var(--p-space-8);--s-space-inset: var(--p-space-4);--s-space-stack-sm: var(--p-space-2);--s-space-stack-md: var(--p-space-4);--s-space-stack-lg: var(--p-space-8);--s-space-inline-sm: var(--p-space-2);--s-space-inline-md: var(--p-space-4);--s-radius-subtle: var(--p-radius-sm);--s-radius-interactive: var(--p-radius-md);--s-radius-container: var(--p-radius-xl);--s-radius-pill: var(--p-radius-full);--s-shadow-depth-1: var(--p-shadow-sm);--s-shadow-depth-2: var(--p-shadow-md);--s-shadow-depth-3: var(--p-shadow-lg);--s-shadow-depth-4: var(--p-shadow-xl);--s-shadow-glass: var(--p-shadow-glass);--s-duration-fast: var(--p-transition-duration-fast);--s-duration-normal: var(--p-transition-duration-normal);--s-duration-slow: var(--p-transition-duration-slow);--s-easing-standard: var(--p-transition-timing-ease);--s-easing-bounce: var(--p-transition-timing-bounce);--s-transition-smooth: var(--s-duration-normal) var(--s-easing-standard);--s-transition-pop: var(--s-duration-fast) var(--s-easing-bounce);--s-z-index-dropdown: var(--p-z-index-dropdown);--s-z-index-sticky: var(--p-z-index-sticky);--s-z-index-overlay: var(--p-z-index-overlay);--s-z-index-modal: var(--p-z-index-modal);--s-z-index-popover: var(--p-z-index-popover);--s-color-bg-app: light-dark(var(--p-color-neutral-50), var(--p-color-neutral-950));--s-color-bg-surface: light-dark(var(--p-color-neutral-0), var(--p-color-neutral-900));--s-color-bg-surface-hover: light-dark(var(--p-color-neutral-100), var(--p-color-neutral-800));--s-color-bg-interactive: light-dark(var(--p-color-indigo-600), var(--p-color-indigo-400));--s-color-bg-interactive-hover: light-dark(var(--p-color-indigo-700), var(--p-color-indigo-300));--s-color-bg-inverse: light-dark(var(--p-color-neutral-900), var(--p-color-neutral-100));--s-color-bg-backdrop: light-dark(color-mix(in srgb, var(--p-color-neutral-900) 50%, transparent), color-mix(in srgb, var(--p-color-neutral-950) 70%, transparent));--s-color-text-primary: light-dark(var(--p-color-neutral-900), var(--p-color-neutral-50));--s-color-text-secondary: light-dark(var(--p-color-neutral-600), var(--p-color-neutral-300));--s-color-text-tertiary: light-dark(var(--p-color-neutral-550), var(--p-color-neutral-400));--s-color-text-on-interactive: light-dark(var(--p-color-neutral-0), var(--p-color-neutral-950));--s-color-text-inverse: light-dark(var(--p-color-neutral-50), var(--p-color-neutral-900));--s-color-text-link: light-dark(var(--p-color-indigo-600), var(--p-color-indigo-400));--s-color-text-link-hover: light-dark(var(--p-color-indigo-700), var(--p-color-indigo-300));--s-color-border-subtle: light-dark(var(--p-color-neutral-200), var(--p-color-neutral-800));--s-color-border-strong: light-dark(var(--p-color-neutral-300), var(--p-color-neutral-700));--s-color-border-control: var(--p-color-neutral-500);--s-color-border-interactive: light-dark(var(--p-color-indigo-500), var(--p-color-indigo-400));--s-color-status-success: light-dark(var(--p-color-green-700), var(--p-color-green-400));--s-color-status-success-bg: light-dark(var(--p-color-green-50), var(--p-color-green-950));--s-color-status-warning: light-dark(var(--p-color-amber-700), var(--p-color-amber-400));--s-color-status-warning-bg: light-dark(var(--p-color-amber-50), var(--p-color-amber-950));--s-color-status-danger: light-dark(var(--p-color-red-700), var(--p-color-red-400));--s-color-status-danger-bg: light-dark(var(--p-color-red-50), var(--p-color-red-950));--s-color-status-info: light-dark(var(--p-color-blue-700), var(--p-color-blue-400));--s-color-status-info-bg: light-dark(var(--p-color-blue-50), var(--p-color-blue-950));--s-color-accent-glow: color-mix(in srgb, var(--p-color-indigo-500) 40%, transparent);--s-color-accent-grid: color-mix(in srgb, var(--p-color-indigo-500) 8%, transparent);--s-color-accent-grid-strong: color-mix(in srgb, var(--p-color-indigo-500) 20%, transparent)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}.u-border-tech{--dash-size: 8px;--gap-size: 6px;--border-color: var(--s-color-border-interactive);--border-width: 1px;position:relative;background-image:linear-gradient(to right,var(--border-color) var(--dash-size),transparent 0%),linear-gradient(to bottom,var(--border-color) var(--dash-size),transparent 0%),linear-gradient(to right,var(--border-color) var(--dash-size),transparent 0%),linear-gradient(to bottom,var(--border-color) var(--dash-size),transparent 0%);background-position:left top,right top,left bottom,left top;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;background-size:calc(var(--dash-size) + var(--gap-size)) var(--border-width),var(--border-width) calc(var(--dash-size) + var(--gap-size)),calc(var(--dash-size) + var(--gap-size)) var(--border-width),var(--border-width) calc(var(--dash-size) + var(--gap-size))}.u-holo-grid{--grid-color: var(--s-color-accent-grid);--grid-size: 24px;--grid-line-width: 1px;--grid-crosshair-color: var(--s-color-accent-grid-strong);background-image:linear-gradient(to right,var(--grid-color) var(--grid-line-width),transparent var(--grid-line-width)),linear-gradient(to bottom,var(--grid-color) var(--grid-line-width),transparent var(--grid-line-width));background-size:var(--grid-size) var(--grid-size);position:relative;transition:opacity var(--s-transition-smooth)}.u-holo-grid:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,var(--grid-crosshair-color) 1.5px,transparent 1.5px);background-size:var(--grid-size) var(--grid-size);background-position:calc(var(--grid-line-width) / -2) calc(var(--grid-line-width) / -2);opacity:.7}.u-grid-hidden,.u-grid-toggle.is-inactive .u-holo-grid,.u-grid-toggle:not(.is-active) .u-holo-grid{opacity:0!important;pointer-events:none}.u-glow-hologram{--glow-color: var(--s-color-accent-glow);box-shadow:0 0 15px 0 var(--glow-color),inset 0 0 10px 0 var(--glow-color);border:1px solid var(--s-color-border-interactive);backdrop-filter:blur(8px)}.u-glow-text{text-shadow:0 0 8px var(--s-color-accent-glow)}.u-perspective{perspective:1000px;perspective-origin:50% 50%}.u-isometric{transform:rotateX(60deg) rotate(-45deg);transform-style:preserve-3d;transition:transform var(--s-transition-smooth)}@keyframes holo-spin{0%{transform:rotateX(60deg) rotate(0)}to{transform:rotateX(60deg) rotate(360deg)}}.u-spin-holo{animation:holo-spin 20s linear infinite;transform-style:preserve-3d}@keyframes holo-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.u-shimmer-scan:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--s-color-accent-grid-strong) 50%,transparent);animation:holo-scan 4s linear infinite}