:root{--color-bg: #F8F7FF;--color-surface: #FFFFFF;--color-surface-2: #F3F0FF;--color-surface-3: #FAF8FF;--color-footer: #F0EEFF;--color-border: #E2DEFF;--color-border-2: #EEF0F8;--color-text: #0F0A1E;--color-text-2: #4B4B6A;--color-text-3: #9CA3AF;--color-primary: #7C3AED;--color-primary-soft: rgba(124,58,237,.09);--color-primary-glow: rgba(124,58,237,.18);--nav-bg: rgba(255,255,255,.88);--nav-border: rgba(124,58,237,.12);--nav-shadow: 0 4px 24px rgba(90,30,200,.1), 0 1px 0 rgba(255,255,255,.8) inset;--nav-item-hover: rgba(124,58,237,.06);--scrollbar-thumb: rgba(124,58,237,.18);--scrollbar-hover: rgba(124,58,237,.32);--hero-grid-dot: rgba(124,58,237,.06)}[data-theme=dark]{--color-bg: #080B14;--color-surface: #111827;--color-surface-2: #0D1117;--color-surface-3: #0A0E1A;--color-footer: #0D1117;--color-border: rgba(255,255,255,.09);--color-border-2: rgba(255,255,255,.05);--color-text: #F1F5F9;--color-text-2: #94A3B8;--color-text-3: #64748B;--color-primary: #A78BFA;--color-primary-soft: rgba(167,139,250,.1);--color-primary-glow: rgba(139,92,246,.2);--nav-bg: rgba(8,11,20,.92);--nav-border: rgba(255,255,255,.07);--nav-shadow: 0 4px 32px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04);--nav-item-hover: rgba(255,255,255,.06);--scrollbar-thumb: rgba(255,255,255,.1);--scrollbar-hover: rgba(255,255,255,.18);--hero-grid-dot: rgba(255,255,255,.022)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Inter,Geist,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;transition:background .2s,color .2s}.font-mono{font-family:JetBrains Mono,Fira Code,monospace!important}.text-primary{color:var(--color-primary)!important}.text-muted{color:var(--color-text-3)!important}.text-success{color:#059669!important}.text-error{color:#dc2626!important}.text-info{color:#0284c7!important}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,#0EA5E9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .text-gradient{background:linear-gradient(135deg,#A78BFA 0%,#38BDF8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-container{max-width:1280px;margin:0 auto;padding:0 40px}.page-container-md{max-width:860px;margin:0 auto;padding:0 32px}.section{padding:80px 0}.floating-nav{position:fixed;top:16px;left:0;right:0;z-index:200;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.floating-nav-inner{pointer-events:all;display:flex;align-items:center;height:52px;padding:0 6px;background:var(--nav-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:14px;border:1px solid var(--nav-border);box-shadow:var(--nav-shadow);max-width:calc(100vw - 32px);transition:background .2s,border-color .2s,box-shadow .2s}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0;padding:0 12px;height:38px;border-radius:9px;transition:background .15s}.nav-logo:hover{background:var(--nav-item-hover)}.nav-logo-text{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;color:var(--color-text);line-height:1;letter-spacing:-.02em}.nav-item{display:flex;align-items:center;height:38px;padding:0 11px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--color-text-2);cursor:pointer;white-space:nowrap;text-decoration:none;border:none;background:transparent;transition:background .15s,color .15s}.nav-item:hover{background:var(--nav-item-hover);color:var(--color-text)}.nav-item.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.nav-divider{width:1px;height:18px;background:var(--color-border);margin:0 4px;flex-shrink:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:none;cursor:pointer;background:transparent;color:var(--color-text-3);font-size:15px;transition:background .15s,color .15s,transform .2s}.theme-toggle:hover{background:var(--nav-item-hover);color:var(--color-primary);transform:rotate(15deg)}.btn-gradient{background:linear-gradient(135deg,#7C3AED 0%,#0891B2 100%)!important;border:none!important;color:#fff!important;font-weight:600!important;letter-spacing:-.01em!important;box-shadow:0 2px 8px #7c3aed47,0 0 0 1px #7c3aed33!important;transition:opacity .2s,transform .2s,box-shadow .2s!important}.btn-gradient:hover{opacity:.9!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #7c3aed59,0 0 0 1px #7c3aed4d!important}.glass-card{background:rgba(255,255,255,.75)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border)!important;border-radius:16px;box-shadow:0 4px 24px #5a1ec812}[data-theme=dark] .glass-card{background:rgba(17,24,39,.7)!important;box-shadow:0 4px 24px #0000004d}.glow-card{background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,linear-gradient(135deg,rgba(124,58,237,.35),rgba(6,182,212,.2)) border-box;border:1px solid transparent;border-radius:16px;transition:box-shadow .25s,transform .25s}.glow-card:hover{box-shadow:0 8px 32px var(--color-primary-glow);transform:translateY(-2px)}.model-card{cursor:pointer;transition:box-shadow .22s,transform .22s,border-color .22s;background:var(--color-surface)!important;border-color:var(--color-border)!important;border-radius:14px!important}.model-card:hover{box-shadow:0 8px 32px var(--color-primary-glow),0 0 0 1.5px #7c3aed40!important;border-color:#7c3aed4d!important;transform:translateY(-2px)}.model-id{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--color-text-3)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:168px;gap:16px}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}}.bento-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s,transform .2s}.bento-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5),rgba(6,182,212,.4),transparent);opacity:0;transition:opacity .3s}.bento-card:hover{border-color:#7c3aed38;box-shadow:0 8px 28px var(--color-primary-glow);transform:translateY(-1px)}.bento-card:hover:after{opacity:1}.bento-span-2{grid-column:span 2}.bento-row-2{grid-row:span 2}.terminal-window{background:#0F0A1E;border:1px solid rgba(124,58,237,.15);border-radius:14px;overflow:hidden;font-family:JetBrains Mono,monospace;box-shadow:0 16px 48px #7c3aed1f,0 4px 12px #00000014}[data-theme=dark] .terminal-window{border-color:#8b5cf633;box-shadow:0 16px 48px #0006,0 4px 12px #0000004d}.terminal-header{display:flex;align-items:center;gap:6px;padding:11px 16px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06)}.terminal-body{padding:20px 24px;font-size:13px;line-height:1.75;color:#94a3b8;overflow-x:auto}.token-keyword{color:#c084fc}.token-string{color:#86efac}.token-comment{color:#475569}.token-func{color:#67e8f9}.token-var{color:#f8fafc}.token-prop{color:#fde68a}.token-punct{color:#94a3b8}.stat-value{font-family:JetBrains Mono,monospace;font-size:36px;font-weight:700;background:linear-gradient(135deg,#7C3AED 0%,#0EA5E9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}[data-theme=dark] .stat-value{background:linear-gradient(135deg,#C4B5FD 0%,#67E8F9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:13px;color:var(--color-text-3);margin-top:6px}.filter-section-label{font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-3)}.page-frame{height:calc(100dvh - 80px);display:flex;flex-direction:column;overflow:hidden}.page-topbar{height:48px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 20px;background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.page-topbar-title{font-size:13.5px;font-weight:600;color:var(--color-text);letter-spacing:-.01em;white-space:nowrap}.page-topbar-sep{font-size:13px;color:var(--color-text-3);opacity:.45;padding:0 1px;flex-shrink:0;line-height:1}.page-topbar-crumb{font-size:13px;color:var(--color-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-topbar-badge{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;border-radius:99px;background:var(--color-primary-soft);font-size:10.5px;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--color-primary);letter-spacing:0;line-height:1;flex-shrink:0}.page-body{flex:1;display:flex;overflow:hidden;min-height:0}.page-sidebar{flex-shrink:0;overflow-y:auto;background:var(--color-surface);border-right:1px solid var(--color-border)}.page-sidebar::-webkit-scrollbar{width:4px}.page-sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.page-sidebar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.page-content{flex:1;overflow-y:auto;min-width:0}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.page-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.chat-layout{height:calc(100vh - 68px);overflow:hidden}.message-user .ant-bubble-content{background:linear-gradient(135deg,#7C3AED,#6D28D9)!important;color:#fff!important;border-radius:18px 18px 4px!important}.message-ai .ant-bubble-content{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:4px 18px 18px!important;color:var(--color-text)!important}.code-block{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--color-primary-soft);font-family:JetBrains Mono,monospace;font-size:12px;color:var(--color-text-3)}.code-block pre{margin:0;padding:16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.65;overflow-x:auto;color:var(--color-text)}@keyframes gradient-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.55;transform:scale(1.1)}}.animate-float{animation:float-up .55s ease-out both}.animate-delay-1{animation-delay:.08s}.animate-delay-2{animation-delay:.16s}.animate-delay-3{animation-delay:.24s}.animate-delay-4{animation-delay:.32s}.hero-mesh{background:radial-gradient(ellipse 90% 55% at 50% -5%,rgba(124,58,237,.12) 0%,transparent 65%),radial-gradient(ellipse 70% 50% at 90% 110%,rgba(14,165,233,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 5% 80%,rgba(139,92,246,.07) 0%,transparent 55%),var(--color-surface);background-size:200% 200%;animation:gradient-drift 14s ease infinite}[data-theme=dark] .hero-mesh{background:radial-gradient(ellipse 90% 55% at 50% -5%,rgba(124,58,237,.2) 0%,transparent 65%),radial-gradient(ellipse 70% 50% at 90% 110%,rgba(6,182,212,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 5% 80%,rgba(99,102,241,.08) 0%,transparent 55%),var(--color-bg);background-size:200% 200%;animation:gradient-drift 14s ease infinite}.hero-grid-bg{background-image:radial-gradient(var(--hero-grid-dot) 1px,transparent 1px);background-size:28px 28px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}@media (max-width: 768px){.page-container,.page-container-md{padding:0 20px}.section{padding:56px 0}.stat-value{font-size:26px}}@media (max-width: 640px){.page-container{padding:0 16px}}