: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 #00000008;--shadow-sm:0 1px 3px 0 #0000000a, 0 1px 2px -1px #00000005;--shadow-md:0 4px 8px -2px #0000000f, 0 2px 4px -2px #00000008;--shadow-lg:0 8px 16px -4px #00000014, 0 4px 6px -4px #00000008;--shadow-xl:0 16px 32px -8px #0000001a, 0 8px 16px -8px #0000000a;--shadow-2xl:0 24px 48px -12px #0000001f;--shadow-card:0 2px 8px -2px #0000000d, 0 0 1px #00000014;--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{-webkit-backdrop-filter:saturate(180%)blur(24px);background:linear-gradient(135deg,#14141bcc,#1a1a2499);border:1px solid #648cff14}.hex-glass-light{-webkit-backdrop-filter:saturate(180%)blur(20px);background:linear-gradient(135deg,#1a1a24d9,#14141bb3);border-bottom:1px solid #648cff1a;box-shadow:0 4px 30px #0032f508}.hex-glass-dark{-webkit-backdrop-filter:blur(12px);background:#0d0d12e6;border:1px solid #ffffff1a}.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{justify-content:center;align-items: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;display:inline-flex}.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);box-shadow:var(--shadow-md), 0 8px 20px -4px rgba(var(--color-hex-primary-rgb), .3);transform:translateY(-1px)}.hex-btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.hex-btn-ghost{color:var(--color-neutral-600);background:0 0}.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{border:1px solid var(--color-neutral-100);box-shadow:var(--shadow-sm);background-color:#fff}.hex-bubble-assistant:hover{box-shadow:var(--shadow-md)}.hex-avatar{border-radius:var(--radius-xl);transition:transform var(--transition-base), box-shadow var(--transition-base);justify-content:center;align-items:center;display:flex}.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{border-color:var(--color-hex-primary);box-shadow:0 0 0 3px rgba(var(--color-hex-primary-rgb), .1);outline:none}.hex-input::placeholder{color:var(--color-neutral-400)}.hex-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background-color:#fff}.hex-card:hover{border-color:rgba(var(--color-hex-primary-rgb), .2);box-shadow:var(--shadow-md)}.hex-card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hex-divider{background:linear-gradient(90deg, transparent, var(--color-neutral-200), transparent);height:1px}.hex-divider-vertical{background:var(--color-neutral-200);width:1px;height:100%}.hex-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);text-transform:uppercase;letter-spacing:.025em;border-radius:var(--radius-sm);font-size:.625rem;font-weight:600;display:inline-flex}.hex-badge-primary{background-color:var(--color-hex-primary-light);color:var(--color-hex-primary)}.hex-badge-success{color:#16a34a;background-color:#dcfce7}.hex-badge-warning{color:#d97706;background-color:#fef3c7}.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:0 0}.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:0 0}.hex-overlay{-webkit-backdrop-filter:blur(4px);background:#0f172a4d}.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)}