:root{--color-surface-canvas: #090a10;--color-surface-base: #11131c;--color-surface-card: #151824;--color-surface-card-hover: #1c243a;--color-surface-card-active: #202b42;--color-surface-card-elevated: #1b1e2e;--color-surface-rail: #111220;--color-surface-rail-surface: #17192c;--color-surface-rail-card: #1d2036;--color-surface-rail-glow: rgba(165, 148, 249, .12);--color-surface-sunken: #121424;--color-surface-overlay: rgba(0, 0, 0, .65);--color-border-subtle: rgba(255, 255, 255, .08);--color-border-focus: rgba(165, 148, 249, .4);--color-border-rail: rgba(165, 148, 249, .22);--color-border-rail-subtle: rgba(255, 255, 255, .09);--color-border-card: #1e293b;--color-border-active: #a594f9;--color-border-accent: rgba(165, 148, 249, .25);--color-border-hairline-subtle: rgba(233, 233, 237, .06);--color-border-hairline: rgba(233, 233, 237, .08);--color-border-hairline-control: rgba(233, 233, 237, .12);--color-border-hairline-strong: rgba(233, 233, 237, .18);--color-border-hairline-hover: rgba(233, 233, 237, .35);--color-divider: color-mix(in srgb, #f3f5fe 16%, transparent);--color-text-primary: #f3f5fe;--color-text-secondary: #c8cde2;--color-text-muted: #9aa2c0;--color-text-danger: #f87171;--color-text-warning: #fbbf24;--color-text-success: #10b981;--color-text-accent: #a594f9;--color-accent-deep: #a594f9;--color-accent-deep-light: #c4b5fd;--color-accent-deep-glow: rgba(165, 148, 249, .16);--color-accent-coord: #60a5fa;--color-accent-admin: #34d399;--color-accent-warning: #fbbf24;--color-accent-danger: #f87171;--color-accent-success: #10b981;--color-accent-focus: var(--color-accent-deep);--color-accent-muted: rgba(165, 148, 249, .4);--btn-primary-bg: rgba(165, 148, 249, .22);--btn-primary-bg-hover: rgba(165, 148, 249, .35);--btn-primary-border: rgba(165, 148, 249, .5);--btn-secondary-bg: rgba(255, 255, 255, .04);--btn-secondary-bg-hover: rgba(255, 255, 255, .08);--btn-ghost-bg-hover: rgba(255, 255, 255, .06);--color-accent-deep-subtle: rgba(165, 148, 249, .15);--color-accent-deep-muted: rgba(165, 148, 249, .3);--color-accent-coord-subtle: rgba(96, 165, 250, .15);--color-accent-coord-muted: rgba(96, 165, 250, .3);--color-accent-admin-subtle: rgba(52, 211, 153, .15);--color-accent-admin-muted: rgba(52, 211, 153, .3);--color-accent-warning-subtle: rgba(251, 191, 36, .15);--color-accent-warning-muted: rgba(251, 191, 36, .35);--color-accent-amber-subtle: var(--color-accent-warning-subtle);--color-accent-amber-muted: var(--color-accent-warning-muted);--color-danger-subtle: rgba(248, 113, 113, .15);--color-danger-muted: rgba(248, 113, 113, .35);--color-accent-danger-subtle: var(--color-danger-subtle);--color-accent-danger-muted: var(--color-danger-muted);--color-border-danger: var(--color-danger-muted);--color-emerald-subtle: rgba(16, 185, 129, .15);--color-emerald-muted: rgba(16, 185, 129, .3);--color-success-subtle: var(--color-emerald-subtle);--color-success-muted: var(--color-emerald-muted);--color-accent-success-subtle: var(--color-success-subtle);--color-accent-success-muted: var(--color-success-muted);--color-neutral-subtle: rgba(255, 255, 255, .08);--brand-google-blue: #4285f4;--brand-google-green: #34a853;--brand-google-yellow: #fbbc05;--brand-google-red: #ea4335;--color-bg: var(--color-surface-canvas);--color-surface: var(--color-surface-base);--color-text: var(--color-text-primary);--color-accent: var(--color-accent-deep);--color-accent-2: var(--color-accent-deep-light);--bg-canvas: var(--color-surface-canvas);--bg-surface: var(--color-surface-base);--bg-card: var(--color-surface-card);--bg-card-hover: var(--color-surface-card-hover);--bg-card-active: var(--color-surface-card-active);--canvas-bg: var(--color-surface-canvas);--canvas-surface: var(--color-surface-base);--canvas-card: var(--color-surface-card);--canvas-card-elevated: var(--color-surface-card-elevated);--canvas-border: var(--color-border-subtle);--canvas-border-focus: var(--color-border-focus);--rail-bg: var(--color-surface-rail);--rail-surface: var(--color-surface-rail-surface);--rail-card: var(--color-surface-rail-card);--rail-card-glow: var(--color-surface-rail-glow);--rail-border: var(--color-border-rail);--rail-border-subtle: var(--color-border-rail-subtle);--shell-bg: linear-gradient(160deg, var(--color-surface-canvas) 0%, var(--color-surface-rail) 100%);--text-hero: var(--color-text-primary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-danger: var(--color-text-danger);--accent-deep: var(--color-accent-deep);--accent-deep-light: var(--color-accent-deep-light);--accent-deep-glow: var(--color-accent-deep-glow);--accent-coord: var(--color-accent-coord);--accent-admin: var(--color-accent-admin);--accent-amber: var(--color-accent-warning);--accent-emerald: var(--color-accent-success);--accent-green: var(--color-accent-success);--accent-red: var(--color-accent-danger);--accent-pink: #ec4899;--accent-danger: var(--color-accent-danger);--accent-starve: var(--color-accent-danger);--border-subtle: var(--color-border-subtle);--border-card: var(--color-border-card);--border-active: var(--color-border-active);--hairline-subtle: var(--color-border-hairline-subtle);--hairline-border: var(--color-border-hairline);--hairline-control: var(--color-border-hairline-control);--hairline-strong: var(--color-border-hairline-strong);--hairline-hover: var(--color-border-hairline-hover);--warning: #f5a524;--warning-fill: rgba(245, 165, 36, .08);--warning-border: rgba(245, 165, 36, .3);--healthy: #39ff88;--healthy-fill: rgba(57, 255, 136, .08);--healthy-border: rgba(57, 255, 136, .3);--font-size-xs: 12px;--line-height-xs: 16px;--letter-spacing-xs: .05em;--font-size-sm: 14px;--line-height-sm: 20px;--letter-spacing-sm: 0;--font-size-base: 16px;--line-height-base: 24px;--letter-spacing-base: 0;--font-size-lg: 18px;--line-height-lg: 26px;--letter-spacing-lg: -.01em;--font-size-xl: 22px;--line-height-xl: 28px;--letter-spacing-xl: -.02em;--font-size-2xl: 28px;--line-height-2xl: 34px;--letter-spacing-2xl: -.03em;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-serif: Georgia, Cambria, "Times New Roman", Times, serif;--font-heading: var(--font-sans);--font-heading-weight: 600;--font-body: var(--font-sans);--space-1: 2.8px;--space-2: 5.6px;--space-3: 8.4px;--space-4: 11.2px;--space-6: 16.8px;--space-8: 22.4px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--hero-radius: 32px 48px 28px 52px;--hero-border: rgba(145, 132, 217, .22);--hero-glow-border: rgba(145, 132, 217, .45);--hero-glow-shadow: 0 0 0 1px rgba(145, 132, 217, .45), 0 0 48px rgba(145, 132, 217, .2);--shadow-sm: 0 0 0 1px #3f424d;--shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0, 0, 0, .55);--shadow-lg: 0 0 0 1px var(--text-muted), 0 16px 40px rgba(0, 0, 0, .65);--transition-fast: .15s ease;--transition-drawer: .32s cubic-bezier(.32, .72, .35, 1);--color-neutral-100: #f3f5fe;--color-neutral-200: #e4e7f5;--color-neutral-300: #cfd3e5;--color-neutral-400: #b2b6ca;--color-neutral-500: #9aa2c0;--color-neutral-600: #75798c;--color-neutral-700: #595d6c;--color-neutral-800: #3f424d;--color-neutral-900: #292b31;--color-accent-100: #f5f4ff;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--color-accent-400: #b5abfc;--color-accent-500: #968ae0;--color-accent-600: #796cbf;--color-accent-700: #5d5294;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--color-accent-2-100: #f5f4ff;--color-accent-2-200: #e7e5fe;--color-accent-2-300: #d2cefd;--color-accent-2-400: #b5afe8;--color-accent-2-500: #9690c9;--color-accent-2-600: #7972a9;--color-accent-2-700: #5c5783;--color-accent-2-800: #423e5d;--color-accent-2-900: #2b293a;--color-section: #262a60;--color-section-glow: #353b80;--color-section-ghost: #4c5397}*,*:before,*:after{box-sizing:border-box}html,body,*{scrollbar-width:thin;scrollbar-color:var(--color-neutral-700) var(--color-surface)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral-700);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font-family:inherit}@keyframes slideIn{0%{transform:translate(-102%);opacity:.9}to{transform:translate(0);opacity:1}}@keyframes dotPulse{0%,20%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}80%,to{opacity:.2;transform:translateY(0)}}.typing-dot{display:inline-block;animation:dotPulse 1.4s infinite both}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.text-input-base{font-size:var(--font-size-base)}.input-sm,.select-input-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm);letter-spacing:var(--letter-spacing-sm);font-weight:600}.select-input-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs);letter-spacing:var(--letter-spacing-xs);font-weight:600}.title-input-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl);letter-spacing:var(--letter-spacing-xl);font-weight:600}.tabular-nums{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.015em}.btn-hit{position:relative}.btn-hit:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:36px;min-height:36px;width:100%;height:100%;pointer-events:auto}.bracket-left-card{border:1px solid var(--canvas-border);border-left:5px solid var(--bracket-color, var(--accent-deep));border-radius:6px 14px 14px 6px;box-shadow:0 6px 24px -2px #00000080,inset 0 1px #ffffff0d}.bracket-right-card{background:linear-gradient(180deg,var(--rail-surface) 0%,#131526 100%);border:1px solid var(--rail-border-subtle);border-right:5px solid var(--bracket-color, var(--accent-deep));border-radius:16px 6px 6px 16px;box-shadow:0 12px 36px -4px #0009,inset 0 1px #a594f926}