:root{--color-hex-primary: #0032f5;--color-hex-primary-hover: #0028c7;--color-hex-primary-light: #e8edff;--color-hex-primary-lighter: #f3f6ff;--color-hex-primary-dark: #001e99;--color-hex-primary-rgb: 0, 50, 245;--color-neutral-50: #0D0D12;--color-neutral-100: #14141B;--color-neutral-150: #1A1A24;--color-neutral-200: #25253A;--color-neutral-300: #3D3D5C;--color-neutral-400: #6B6B8C;--color-neutral-500: #9494AC;--color-neutral-600: #B8B8CC;--color-neutral-700: #D4D4E3;--color-neutral-800: #EAEAF2;--color-neutral-900: #F8F8FC;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px -1px rgba(0, 0, 0, .02);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .03);--shadow-lg: 0 8px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .03);--shadow-xl: 0 16px 32px -8px rgba(0, 0, 0, .1), 0 8px 16px -8px rgba(0, 0, 0, .04);--shadow-2xl: 0 24px 48px -12px rgba(0, 0, 0, .12);--shadow-card: 0 2px 8px -2px rgba(0, 0, 0, .05), 0 0 1px rgba(0, 0, 0, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}.hex-bg-primary{background-color:var(--color-hex-primary)}.hex-bg-primary-hover:hover{background-color:var(--color-hex-primary-hover)}.hex-bg-primary-light{background-color:var(--color-hex-primary-light)}.hex-bg-primary-lighter{background-color:var(--color-hex-primary-lighter)}.hex-bg-primary-dark{background-color:var(--color-hex-primary-dark)}.hex-text-primary{color:var(--color-hex-primary)}.hex-text-primary-hover:hover{color:var(--color-hex-primary-hover)}.hex-border-primary{border-color:var(--color-hex-primary)}.hex-ring-primary{--tw-ring-color: var(--color-hex-primary)}.hex-shadow-primary{box-shadow:0 4px 14px -3px rgba(var(--color-hex-primary-rgb),.25)}.hex-shadow-primary-lg{box-shadow:0 10px 25px -5px rgba(var(--color-hex-primary-rgb),.2),0 4px 6px -4px rgba(var(--color-hex-primary-rgb),.1)}.hex-shadow-primary-xl{box-shadow:0 25px 50px -12px rgba(var(--color-hex-primary-rgb),.3)}.hex-shadow-primary-glow{box-shadow:0 0 20px rgba(var(--color-hex-primary-rgb),.15),0 4px 14px -3px rgba(var(--color-hex-primary-rgb),.25)}.hex-glass{background:linear-gradient(135deg,#14141bcc,#1a1a2499);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border:1px solid rgba(100,140,255,.08)}.hex-glass-light{background:linear-gradient(135deg,#1a1a24d9,#14141bb3);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(100,140,255,.1);box-shadow:0 4px 30px #0032f508}.hex-glass-dark{background:#0d0d12e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.hex-interactive{transition:all var(--transition-base)}.hex-interactive:hover{transform:translateY(-1px)}.hex-interactive:active{transform:translateY(0) scale(.98)}.hex-focus-ring:focus-visible{outline:2px solid var(--color-hex-primary);outline-offset:2px}.hex-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;border:none}.hex-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hex-btn-primary{background-color:var(--color-hex-primary);color:#fff;box-shadow:var(--shadow-sm),0 4px 14px -3px rgba(var(--color-hex-primary-rgb),.25)}.hex-btn-primary:hover:not(:disabled){background-color:var(--color-hex-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md),0 8px 20px -4px rgba(var(--color-hex-primary-rgb),.3)}.hex-btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.hex-btn-ghost{background:transparent;color:var(--color-neutral-600)}.hex-btn-ghost:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--color-neutral-800)}.hex-bubble{border-radius:var(--radius-2xl);padding:var(--space-3) var(--space-4);transition:box-shadow var(--transition-base)}.hex-bubble-user{background-color:var(--color-hex-primary-light);border:1px solid rgba(var(--color-hex-primary-rgb),.1);border-top-right-radius:var(--radius-md)}.hex-bubble-assistant{background-color:#fff;border:1px solid var(--color-neutral-100);box-shadow:var(--shadow-sm)}.hex-bubble-assistant:hover{box-shadow:var(--shadow-md)}.hex-avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.hex-avatar:hover{transform:scale(1.05)}.hex-avatar-primary{background-color:var(--color-hex-primary);color:#fff;box-shadow:0 4px 14px -3px rgba(var(--color-hex-primary-rgb),.25)}.hex-avatar-neutral{background:linear-gradient(135deg,var(--color-neutral-100),var(--color-neutral-200));color:var(--color-neutral-700);border:1px solid var(--color-neutral-200)}.hex-input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);font-size:var(--text-sm);transition:all var(--transition-base)}.hex-input:focus{outline:none;border-color:var(--color-hex-primary);box-shadow:0 0 0 3px rgba(var(--color-hex-primary-rgb),.1)}.hex-input::placeholder{color:var(--color-neutral-400)}.hex-card{background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.hex-card:hover{border-color:rgba(var(--color-hex-primary-rgb),.2);box-shadow:var(--shadow-md)}.hex-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hex-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-neutral-200),transparent)}.hex-divider-vertical{width:1px;height:100%;background:var(--color-neutral-200)}.hex-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-radius:var(--radius-sm)}.hex-badge-primary{background-color:var(--color-hex-primary-light);color:var(--color-hex-primary)}.hex-badge-success{background-color:#dcfce7;color:#16a34a}.hex-badge-warning{background-color:#fef3c7;color:#d97706}.hex-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}.hex-scrollbar::-webkit-scrollbar{width:6px;height:6px}.hex-scrollbar::-webkit-scrollbar-track{background:transparent}.hex-scrollbar::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full);transition:background var(--transition-fast)}.hex-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.hex-scrollbar:not(:hover)::-webkit-scrollbar-thumb{background:transparent}.hex-overlay{background:#0f172a4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hex-gradient-subtle{background:var(--color-neutral-50)}.hex-gradient-accent{background:linear-gradient(180deg,var(--color-neutral-100) 0%,var(--color-neutral-50) 100%)}.hex-surface{background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.hex-surface-elevated{background-color:var(--color-neutral-150);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.hex-surface-inset{background-color:var(--color-neutral-50);border-radius:var(--radius-lg)}