:root{--viewport-height:100dvh;--viewport-width:100vw;--viewport-height-small:100svh;--bg:210 25% 98%;--fg:214 35% 18%;--card:0 0% 100%;--card-foreground:214 35% 18%;--muted:210 28% 95%;--muted-foreground:214 20% 48%;--border:214 22% 88%;--ring:214 95% 44%;--primary:214 95% 44%;--primary-foreground:0 0% 100%;--primary-hover:214 95% 39%;--primary-active:214 95% 34%;--primary-light:214 90% 55%;--primary-lighter:214 85% 65%;--secondary:210 30% 94%;--secondary-foreground:214 35% 18%;--accent:195 90% 48%;--accent-foreground:0 0% 100%;--accent-hover:195 90% 43%;--accent-active:195 90% 38%;--accent-light:195 85% 58%;--accent-lighter:195 80% 68%;--error:0 84% 58%;--error-foreground:0 0% 100%;--error-hover:0 84% 53%;--error-active:0 84% 48%;--error-light:0 84% 72%;--error-lighter:0 84% 88%;--success:160 70% 42%;--success-foreground:0 0% 100%;--success-bg:160 50% 96%;--success-border:160 55% 72%;--success-hover:160 70% 37%;--success-active:160 70% 32%;--success-light:160 65% 52%;--success-lighter:160 60% 82%;--warning:38 92% 50%;--warning-foreground:0 0% 12%;--warning-bg:38 70% 96%;--warning-border:38 75% 72%;--warning-hover:38 92% 45%;--warning-active:38 92% 40%;--warning-light:38 88% 58%;--warning-lighter:38 85% 85%;--info:199 89% 48%;--info-foreground:0 0% 100%;--info-bg:199 60% 96%;--info-border:199 65% 72%;--info-hover:199 89% 43%;--info-active:199 89% 38%;--info-light:199 85% 58%;--info-lighter:199 80% 85%;--input:0 0% 100%;--input-foreground:214 35% 18%;--state-disabled-opacity:0.5;--state-hover-overlay:rgba(0,0,0,0.05);--state-active-overlay:rgba(0,0,0,0.08);--state-focus-offset:2px;--focus-ring-width:2px;--touch-target-min:44px;--touch-target-recommended:48px;--cursor-interactive:pointer;--cursor-disabled:not-allowed;--z-base:0;--z-sticky:10;--z-dropdown:20;--z-overlay:40;--z-modal:50;--z-skip:100;--gradient-surface:linear-gradient(180deg,hsl(0 0% 100%),hsl(210 30% 98%) 50%,hsl(214 25% 96%));--gradient-hero:linear-gradient(135deg,hsl(214 60% 98%),hsl(214 40% 96%) 40%,hsl(210 35% 94%));--gradient-card:linear-gradient(165deg,hsl(0 0% 100%),hsl(210 25% 99%));--gradient-glass:linear-gradient(135deg,hsl(214 80% 98%/0.85),hsl(214 60% 96%/0.75) 25%,hsl(195 70% 96%/0.7) 50%,hsl(214 50% 98%/0.8) 75%,hsl(0 0% 100%/0.9));--gradient-glass-border:linear-gradient(135deg,hsl(214 60% 85%/0.5),hsl(195 60% 80%/0.4) 50%,hsl(214 50% 90%/0.5));--glass-blur:12px;--glass-saturate:1.2;--spacing-2:0.5rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-button:0.5rem;--radius-input:0.5rem;--radius-card:0.5rem;--radius-card-inner:0.375rem;--radius-control:0.5rem;--font-family-sans:ui-sans-serif,system-ui,sans-serif;--font-family-display:ui-sans-serif,system-ui,sans-serif;--font-family-mono:ui-monospace,"Cascadia Code","JetBrains Mono",monospace;--elevation-surface:0 1px 2px 0 rgb(0 0 0/0.04);--elevation-raised:0 2px 4px -1px rgb(0 0 0/0.06),0 4px 6px -2px rgb(0 0 0/0.05);--elevation-overlay:0 4px 6px -1px rgb(0 0 0/0.08),0 10px 15px -3px rgb(0 0 0/0.06);--elevation-floating:0 10px 15px -3px rgb(0 0 0/0.08),0 20px 25px -5px rgb(0 0 0/0.06);--elevation-inset:inset 0 2px 4px 0 rgb(0 0 0/0.05);--elevation-icon:0 1px 2px rgb(0 0 0/0.06);--shadow-card:var(--elevation-raised);--shadow-card-hover:var(--elevation-overlay);--shadow-elevated:var(--elevation-overlay);--shadow-floating:var(--elevation-floating);--shadow-primary:var(--elevation-raised);--shadow-primary-hover:var(--button-shadow-hover-primary);--shadow-accent:var(--elevation-raised);--shadow-accent-hover:var(--elevation-overlay);--shadow-layered-1:var(--elevation-surface);--shadow-layered-2:var(--elevation-raised);--shadow-layered-3:var(--elevation-overlay);--shadow-layered-4:var(--elevation-floating);--motion-duration:200ms;--motion-ease:cubic-bezier(0.4,0,0.2,1);--transition-default:color var(--motion-duration) var(--motion-ease),background-color var(--motion-duration) var(--motion-ease),border-color var(--motion-duration) var(--motion-ease),box-shadow var(--motion-duration) var(--motion-ease),opacity var(--motion-duration) var(--motion-ease),transform var(--motion-duration) var(--motion-ease);--scroll-transition-duration:620ms;--scroll-wheel-threshold:28;--scroll-wheel-lock-ms:900;--scroll-touch-threshold:50;--scroll-touch-lock-ms:400;--scroll-reveal-threshold:0.1;--scroll-reveal-root-margin:0px 0px -50px 0px;--effect-shimmer-duration:1.8s;--effect-shimmer-easing:cubic-bezier(0.4,0,0.2,1);--effect-shimmer-delay:0.15s;--effect-shimmer-gradient-light:linear-gradient(110deg,transparent,rgba(255,255,255,0.05) 20%,rgba(255,255,255,0.15) 35%,rgba(255,255,255,0.5) 45%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0.5) 55%,rgba(255,255,255,0.15) 65%,rgba(255,255,255,0.05) 80%,transparent);--effect-shimmer-gradient-dark:linear-gradient(110deg,transparent,rgba(255,255,255,0.03) 20%,rgba(255,255,255,0.08) 35%,rgba(255,255,255,0.25) 45%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0.25) 55%,rgba(255,255,255,0.08) 65%,rgba(255,255,255,0.03) 80%,transparent);--effect-shimmer-gradient-ghost:linear-gradient(110deg,transparent,rgba(255,255,255,0.02) 25%,rgba(255,255,255,0.12) 45%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.12) 55%,rgba(255,255,255,0.02) 75%,transparent);--effect-shimmer-gradient-active:linear-gradient(110deg,transparent,rgba(255,255,255,0.04) 20%,rgba(255,255,255,0.12) 40%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.12) 60%,rgba(255,255,255,0.04) 80%,transparent);--progress-track-height-sm:0.375rem;--progress-track-height-md:0.5rem;--progress-track-height-lg:0.75rem;--progress-fill-highlight:inset 0 1px 0 0 rgb(255 255 255/0.15);--button-primary-from:214 100% 50%;--button-primary-via:214 100% 42%;--button-primary-to:220 100% 35%;--button-danger-from:0 84% 65%;--button-danger-via:0 84% 60%;--button-danger-to:0 90% 45%;--button-shadow-default:0 2px 4px -1px rgb(0 0 0/0.2),0 4px 6px -2px rgb(0 0 0/0.15);--button-shadow-active:0 1px 2px 0 rgb(0 0 0/0.1);--button-shadow-hover-primary:0 0 25px hsl(var(--primary)/0.4),0 4px 6px -1px rgb(0 0 0/0.1),0 10px 15px -3px rgb(0 0 0/0.08);--button-shadow-hover-danger:0 0 25px hsl(var(--error)/0.4),0 4px 6px -1px rgb(0 0 0/0.1),0 10px 15px -3px rgb(0 0 0/0.08);--button-overlay-from:0.15;--button-overlay-via:0.05;--button-overlay-to:0.2;--button-overlay-ghost-from:0.08;--button-overlay-ghost-to:0.12;--glass-bg-opacity:0.12;--glass-border-opacity:0.22;--glass-ring-opacity:0.3;--glass-bg-hover-opacity:0.18;--glass-dark-bg-opacity:0.2;--glass-dark-border-opacity:0.12;--glass-dark-bg-hover-opacity:0.3;--lit-from-above-opacity:0.06;--lit-from-above-opacity-dark:0.04;--control-bg:hsl(var(--card));--control-bg-hover:hsl(var(--muted));--control-border:hsl(var(--border)/0.6);--control-glow:hsl(var(--primary)/0.25);--control-active-bg:hsl(var(--primary)/0.12);--control-size:var(--touch-target-min);--control-radius:var(--radius-control);--control-state-idle:transparent;--control-state-hover:hsl(var(--muted));--control-state-active:hsl(var(--primary)/0.15);--control-state-disabled:hsl(var(--muted));--control-press-scale:0.98;--control-press-duration:90ms;--cluster-depth-shadow:0 2px 4px -1px rgb(0 0 0/0.06),0 1px 2px 0 rgb(0 0 0/0.04);--cluster-top-highlight:linear-gradient(180deg,hsl(0 0% 100%/0.5),transparent 2px);--cluster-divider-color:hsl(var(--border)/0.5);--cluster-status-bar-height:3px;--cluster-status-bar-color:hsl(var(--primary)/0.4);--cluster-status-bar-animation:cluster-status-pulse 3s ease-in-out infinite;--cluster-tooltip-bg:hsl(214 30% 12%/0.92);--cluster-tooltip-border:hsl(214 25% 28%/0.6)}.dark,[data-theme=dark]{--bg:214 30% 10%;--fg:210 20% 98%;--card:214 28% 14%;--card-foreground:210 20% 98%;--muted:214 25% 18%;--muted-foreground:214 15% 65%;--border:214 22% 22%;--primary:214 90% 58%;--primary-foreground:0 0% 100%;--primary-hover:214 90% 63%;--primary-active:214 90% 68%;--primary-light:214 85% 48%;--primary-lighter:214 80% 38%;--secondary:214 25% 16%;--secondary-foreground:210 20% 98%;--accent:195 85% 55%;--accent-hover:195 85% 60%;--accent-active:195 85% 65%;--accent-light:195 80% 45%;--accent-lighter:195 75% 35%;--error-hover:0 84% 65%;--error-active:0 84% 70%;--success:160 65% 48%;--success-bg:160 40% 18%;--success-border:160 45% 32%;--warning:38 92% 55%;--warning-foreground:0 0% 12%;--warning-bg:38 60% 18%;--warning-border:38 65% 32%;--info:199 89% 53%;--info-bg:199 50% 18%;--info-border:199 55% 32%;--input:214 25% 14%;--input-foreground:210 20% 98%;--state-hover-overlay:rgba(255,255,255,0.06);--state-active-overlay:rgba(255,255,255,0.1);--gradient-surface:linear-gradient(180deg,hsl(214 28% 14%),hsl(214 30% 11%));--gradient-hero:linear-gradient(135deg,hsl(214 35% 12%),hsl(214 30% 10%));--gradient-card:linear-gradient(165deg,hsl(214 28% 15%),hsl(214 25% 13%));--gradient-glass:linear-gradient(135deg,hsl(214 40% 18%/0.8),hsl(214 35% 16%/0.7) 25%,hsl(195 35% 18%/0.65) 50%,hsl(214 30% 16%/0.75));--gradient-glass-border:linear-gradient(135deg,hsl(214 40% 35%/0.4),hsl(195 35% 40%/0.3) 50%,hsl(214 35% 30%/0.4));--glass-blur:16px;--glass-saturate:1.15;--elevation-surface:0 1px 2px 0 rgb(0 0 0/0.2);--elevation-raised:0 2px 4px -1px rgb(0 0 0/0.25),0 4px 6px -2px rgb(0 0 0/0.2);--elevation-overlay:0 4px 6px -1px rgb(0 0 0/0.3),0 10px 15px -3px rgb(0 0 0/0.25);--elevation-floating:0 10px 15px -3px rgb(0 0 0/0.35),0 20px 25px -5px rgb(0 0 0/0.3);--elevation-inset:inset 0 2px 4px 0 rgb(0 0 0/0.2);--elevation-icon:0 1px 2px rgb(0 0 0/0.2);--progress-fill-highlight:inset 0 1px 0 0 rgb(255 255 255/0.08);--button-primary-from:200 100% 45%;--button-primary-via:210 100% 38%;--button-primary-to:220 90% 28%;--button-danger-from:0 84% 55%;--button-danger-via:0 84% 50%;--button-danger-to:0 90% 40%;--glass-bg-opacity:var(--glass-dark-bg-opacity);--glass-border-opacity:var(--glass-dark-border-opacity);--glass-bg-hover-opacity:var(--glass-dark-bg-hover-opacity);--lit-from-above-opacity:var(--lit-from-above-opacity-dark);--cluster-tooltip-bg:hsl(214 25% 8%/0.95);--cluster-tooltip-border:hsl(214 20% 22%/0.7);--effect-shimmer-gradient-light:var(--effect-shimmer-gradient-dark);--effect-shimmer-gradient-ghost:linear-gradient(110deg,transparent,rgba(255,255,255,0.02) 25%,rgba(255,255,255,0.08) 45%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.08) 55%,rgba(255,255,255,0.02) 75%,transparent);--effect-shimmer-gradient-active:linear-gradient(110deg,transparent,rgba(255,255,255,0.03) 20%,rgba(255,255,255,0.1) 40%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0.03) 80%,transparent)}@media (prefers-reduced-motion:reduce){.dark,:root,[data-theme=dark]{--motion-duration:0ms;--cluster-status-bar-animation:none}}@keyframes cluster-status-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes control-cluster-idle-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.control-cluster-button--idle-animate span{animation:control-cluster-idle-rotate 20s linear infinite}@media (prefers-reduced-motion:reduce){.control-cluster-button--idle-animate span{animation:none}}