@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary-900: #1E3A8A;--color-handoff-50: #FFFBEB;--color-handoff-100: #FEF3C7;--color-handoff-200: #FDE68A;--color-handoff-300: #FCD34D;--color-handoff-400: #FBBF24;--color-handoff-500: #F59E0B;--color-handoff-600: #D97706;--color-handoff-700: #B45309;--color-handoff-800: #92400E;--color-neutral-0: #FFFFFF;--color-neutral-50: #F9FAFB;--color-neutral-100: #F3F4F6;--color-neutral-200: #E5E7EB;--color-neutral-300: #D1D5DB;--color-neutral-400: #9CA3AF;--color-neutral-500: #6B7280;--color-neutral-600: #4B5563;--color-neutral-700: #374151;--color-neutral-800: #1F2937;--color-neutral-900: #111827;--color-success-50: #ECFDF5;--color-success-500: #10B981;--color-success-600: #059669;--color-success-700: #047857;--color-warning-50: #FFFBEB;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-danger-50: #FEF2F2;--color-danger-500: #EF4444;--color-danger-600: #DC2626;--color-danger-700: #B91C1C;--color-info-50: #EFF6FF;--color-info-500: #3B82F6;--color-info-600: #2563EB;--color-label-blue: #2563EB;--color-label-grape: #7048E8;--color-label-pink: #D6336C;--color-label-cyan: #0891B2;--color-label-green: #059669;--color-label-orange: #D97706;--color-label-gray: #6B7280;--color-label-blue-soft: var(--color-primary-50);--color-label-grape-soft: #F5F3FF;--color-label-pink-soft: #FDF2F8;--color-label-cyan-soft: #ECFEFF;--color-label-green-soft: var(--color-success-50);--color-label-orange-soft: var(--color-handoff-50);--color-label-gray-soft: var(--color-neutral-100);--color-primary: var(--color-primary-600);--color-primary-hover: var(--color-primary-700);--color-primary-active: var(--color-primary-800);--color-primary-bright: var(--color-primary-500);--color-primary-soft: var(--color-primary-50);--color-on-primary: var(--color-neutral-0);--color-handoff: var(--color-handoff-600);--color-handoff-strong: var(--color-handoff-700);--color-handoff-soft: var(--color-handoff-50);--color-handoff-border: var(--color-handoff-200);--bg-app: var(--color-neutral-50);--surface: var(--color-neutral-0);--surface-raised: var(--color-neutral-0);--surface-sunken: var(--color-neutral-50);--surface-hover: var(--color-neutral-50);--surface-active: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--text-disabled: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--text-link: var(--color-primary-600);--border-subtle: var(--color-neutral-200);--border-default: var(--color-neutral-300);--border-strong: var(--color-neutral-400);--border-focus: var(--color-primary-500);--color-success: var(--color-success-500);--color-success-soft: var(--color-success-50);--color-warning: var(--color-warning-500);--color-warning-soft: var(--color-warning-50);--color-danger: var(--color-danger-500);--color-danger-hover: var(--color-danger-600);--color-danger-soft: var(--color-danger-50);--color-info: var(--color-info-500);--color-info-soft: var(--color-info-50);--focus-ring: 0 0 0 3px rgba(59, 130, 246, .35)}:root{--font-sans: "Be Vietnam Pro", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-body: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 24px;--fs-4xl: 32px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.5;--lh-relaxed: 1.65;--ls-tight: -.02em;--ls-snug: -.01em;--ls-normal: 0;--ls-wide: .04em}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--control-h-sm: 32px;--control-h-md: 40px;--control-h-lg: 48px;--sidebar-w: 248px;--sidebar-w-collapsed: 68px;--topbar-h: 64px;--content-max: 1280px;--hit-min: 44px}:root{--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 9999px;--radius-bubble: 14px}:root{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .16);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .35);--ease-standard: cubic-bezier(.2, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-normal: .2s;--dur-slow: .32s}:root{--c-primary-50: var(--color-primary-50);--c-primary-100: var(--color-primary-100);--c-primary-200: var(--color-primary-200);--c-primary-300: var(--color-primary-300);--c-primary-400: var(--color-primary-400);--c-primary-500: var(--color-primary-500);--c-primary-600: var(--color-primary-600);--c-primary-700: var(--color-primary-700);--c-primary-800: var(--color-primary-800);--c-primary-900: var(--color-primary-900);--c-neutral-50: var(--color-neutral-50);--c-neutral-100: var(--color-neutral-100);--c-neutral-200: var(--color-neutral-200);--c-neutral-300: var(--color-neutral-300);--c-neutral-400: var(--color-neutral-400);--c-neutral-500: var(--color-neutral-500);--c-neutral-600: var(--color-neutral-600);--c-neutral-700: var(--color-neutral-700);--c-neutral-800: var(--color-neutral-800);--c-neutral-900: var(--color-neutral-900);--c-success-50: var(--color-success-50);--c-success-600: var(--color-success-600);--c-success-700: var(--color-success-700);--c-warning-50: var(--color-warning-50);--c-warning-500: var(--color-warning-500);--c-warning-700: var(--color-warning-700);--c-danger-50: var(--color-danger-50);--c-danger-600: var(--color-danger-600);--c-danger-700: var(--color-danger-700);--fg-1: var(--text-primary);--fg-2: var(--color-neutral-700);--fg-3: var(--text-secondary);--fg-4: var(--text-tertiary);--fg-on-brand: var(--color-on-primary);--fg-link: var(--text-link);--surface-0: var(--surface);--surface-1: var(--bg-app);--surface-2: var(--color-neutral-100);--border-1: var(--border-subtle);--border-2: var(--border-default)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.gx-display,.gx-h1{font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}.gx-h2{font-size:var(--fs-3xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--ls-snug)}.gx-h3{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.gx-h4{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.gx-body-lg{font-size:var(--fs-lg);font-weight:var(--fw-regular);line-height:var(--lh-normal)}.gx-body{font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-normal)}.gx-md{font-size:var(--fs-md);line-height:var(--lh-normal)}.gx-sm{font-size:var(--fs-sm);line-height:var(--lh-normal)}.gx-xs{font-size:var(--fs-xs);line-height:var(--lh-normal)}.gx-mono{font-family:var(--font-mono)}.gx-muted{color:var(--text-secondary)}.gx-focusable:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@keyframes gx-spin{to{transform:rotate(360deg)}}@keyframes gx-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes gx-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes gx-toast-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html,body,#root{height:100%;margin:0}#root{background:var(--bg-app)}@keyframes goa-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.goa-dot{width:6px;height:6px;border-radius:50%;background:var(--color-neutral-500);display:inline-block;animation:goa-typing 1.2s infinite}