:root{--color-bg: #ffffff;--color-surface: #fafafa;--color-surface-2: #f4f4f5;--color-surface-3: #f0f0f1;--color-footer: #fafafa;--color-border: rgba(0,0,0,.08);--color-border-2: rgba(0,0,0,.04);--color-text: #09090b;--color-text-2: #71717a;--color-text-3: #a1a1aa;--color-primary: #09090b;--color-primary-soft: rgba(0,0,0,.04);--color-primary-glow: rgba(0,0,0,.06);--color-accent: #7c3aed;--color-accent-soft: rgba(124,58,237,.08);--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--nav-bg: rgba(255,255,255,.85);--nav-border: rgba(0,0,0,.06);--nav-shadow: 0 1px 0 rgba(0,0,0,.06);--nav-item-hover: rgba(0,0,0,.05);--scrollbar-thumb: rgba(0,0,0,.1);--scrollbar-hover: rgba(0,0,0,.18);--hero-grid-dot: rgba(0,0,0,.04)}[data-theme=dark]{--color-bg: #09090b;--color-surface: #18181b;--color-surface-2: #27272a;--color-surface-3: #3f3f46;--color-footer: #09090b;--color-border: rgba(255,255,255,.08);--color-border-2: rgba(255,255,255,.04);--color-text: #fafafa;--color-text-2: #a1a1aa;--color-text-3: #71717a;--color-primary: #fafafa;--color-primary-soft: rgba(255,255,255,.06);--color-primary-glow: rgba(255,255,255,.1);--color-accent: #a78bfa;--color-accent-soft: rgba(167,139,250,.12);--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--nav-bg: rgba(9,9,11,.88);--nav-border: rgba(255,255,255,.06);--nav-shadow: 0 1px 0 rgba(255,255,255,.04), 0 4px 24px rgba(0,0,0,.5);--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,.025)}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px;--fs-3xl: 44px;--fs-hero: 56px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.2;--lh-snug: 1.4;--lh-normal: 1.6;--lh-relaxed: 1.75;--ls-tight: -.03em;--ls-snug: -.015em;--ls-normal: 0em;--ls-wide: .06em;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px}*,*:before,*:after{box-sizing:border-box}button,input,select,textarea{font-family:inherit;font-size:inherit}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;transition:background .2s,color .2s}.font-mono{font-family:var(--font-mono)!important}.text-primary{color:var(--color-primary)!important}.text-muted{color:var(--color-text-3)!important}.text-success{color:var(--color-success)!important}.text-error{color:var(--color-error)!important}.text-warning{color:var(--color-warning)!important}.text-info{color:#0284c7!important}.text-gradient{background:linear-gradient(135deg,#f97316 0%,#7c3aed 50%,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .text-gradient{background:linear-gradient(135deg,#fb923c 0%,#a78bfa 50%,#22d3ee 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:0;left:0;right:0;z-index:200;height:60px;background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--nav-border);box-shadow:var(--nav-shadow)}.floating-nav-inner{display:flex;align-items:center;height:100%;width:100%;padding:0 20px;gap:2px}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0;padding:0 8px;height:36px;border-radius:var(--r-md);transition:background .15s;margin-right:6px}.nav-logo:hover{background:var(--nav-item-hover)}.nav-logo-text{font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--color-text);line-height:1;letter-spacing:var(--ls-snug)}.nav-item{position:relative;display:flex;align-items:center;height:36px;padding:0 11px;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);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{color:var(--color-text);font-weight:var(--fw-medium)}.nav-item.active:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:14px;height:2px;background:var(--color-text);border-radius:2px;opacity:.4}.nav-divider{width:1px;height:16px;background:var(--color-border);margin:0 6px;flex-shrink:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-md);border:none;cursor:pointer;background:transparent;color:var(--color-text-3);transition:background .15s,color .15s,transform .2s}.theme-toggle:hover{background:var(--nav-item-hover);color:var(--color-text);transform:rotate(15deg)}.btn-primary{background:var(--color-text)!important;border:none!important;color:var(--color-bg)!important;font-weight:var(--fw-semibold)!important;transition:opacity .15s!important}.btn-primary:hover{opacity:.85!important}.btn-gradient{background:#7c3aed!important;border:none!important;color:#fff!important;font-weight:var(--fw-semibold)!important;box-shadow:none!important;transition:background .15s!important}.btn-gradient:hover{background:#6d28d9!important}.btn-ghost{background:transparent!important;border:1px solid var(--color-border)!important;color:var(--color-text-2)!important;font-weight:var(--fw-medium)!important;box-shadow:none!important;transition:border-color .15s,color .15s,background .15s!important}.btn-ghost:hover{border-color:var(--color-text-3)!important;color:var(--color-text)!important;background:var(--color-surface-2)!important}.ant-btn{border-radius:var(--r-md)!important;box-shadow:none!important;font-weight:var(--fw-medium)!important;letter-spacing:0!important}.ant-btn-primary{box-shadow:none!important;font-weight:var(--fw-semibold)!important}.ant-btn-primary:hover{opacity:.88!important;box-shadow:none!important}.ant-btn-default{border-color:var(--color-border)!important;color:var(--color-text-2)!important;background:transparent!important;box-shadow:none!important}.ant-btn-default:hover{border-color:var(--color-text-3)!important;color:var(--color-text)!important;background:var(--color-surface-2)!important}.ant-btn-text{box-shadow:none!important}.ant-btn-sm{border-radius:var(--r-sm)!important;font-size:var(--fs-xs)!important}.or-badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:99px;font-size:var(--fs-xs);font-weight:var(--fw-medium);background:var(--color-surface-2);color:var(--color-text-2);border:1px solid var(--color-border);white-space:nowrap}.or-badge-accent{background:var(--color-accent-soft);color:var(--color-accent);border-color:transparent}.or-badge-success{background:rgba(22,163,74,.08);color:var(--color-success);border-color:transparent}[data-theme=dark] .or-badge-success{background:rgba(74,222,128,.1);color:var(--color-success)}.or-badge-free{background:rgba(5,150,105,.08);color:#059669;border-color:transparent;font-family:var(--font-mono)}[data-theme=dark] .or-badge-free{background:rgba(52,211,153,.12);color:#34d399}.provider-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.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:var(--r-xl);box-shadow:0 2px 12px #0000000a}[data-theme=dark] .glass-card{background:rgba(24,24,27,.75)!important;box-shadow:0 4px 24px #0000004d}.glow-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);transition:box-shadow .22s,border-color .22s,transform .22s}.glow-card:hover{border-color:var(--color-text-3);box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}[data-theme=dark] .glow-card:hover{border-color:var(--color-text-3);box-shadow:0 4px 24px #0006}.or-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);transition:border-color .18s,box-shadow .18s}.or-card:hover{border-color:var(--color-text-3);box-shadow:0 2px 12px #0000000d}[data-theme=dark] .or-card:hover{box-shadow:0 4px 20px #0000004d}.model-card{cursor:pointer;transition:box-shadow .18s,transform .18s,border-color .18s;background:var(--color-surface)!important;border-color:var(--color-border)!important;border-radius:var(--r-lg)!important}.model-card:hover{box-shadow:0 4px 16px #0000000f!important;border-color:var(--color-text-3)!important;transform:translateY(-1px)}[data-theme=dark] .model-card:hover{box-shadow:0 4px 24px #0006!important}.model-id{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-3)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;gap:12px}@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:var(--r-xl);padding:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transition:border-color .18s,box-shadow .18s}.bento-card:hover{border-color:var(--color-text-3);box-shadow:0 4px 16px #0000000f}[data-theme=dark] .bento-card:hover{box-shadow:0 4px 24px #0006}.bento-span-2{grid-column:span 2}.bento-row-2{grid-row:span 2}.terminal-window{background:#0c0c0c;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);overflow:hidden;font-family:var(--font-mono);box-shadow:0 20px 60px #0000002e}[data-theme=dark] .terminal-window{border-color:#ffffff17;box-shadow:0 20px 60px #00000080}.terminal-header{display:flex;align-items:center;gap:6px;padding:10px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-body{padding:20px 24px;font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:#94a3b8;overflow-x:auto}.token-keyword{color:#c084fc}.token-string{color:#86efac}.token-comment{color:#4b5563}.token-func{color:#67e8f9}.token-var{color:#f8fafc}.token-prop{color:#fde68a}.token-punct{color:#94a3b8}.token-url{color:#60a5fa;text-decoration:underline;text-underline-offset:2px}.token-num{color:#fb923c}.stat-value{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-text);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}.stat-label{font-size:var(--fs-sm);color:var(--color-text-3);margin-top:4px;font-weight:var(--fw-medium)}.filter-section-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-text-3)}.page-frame{height:calc(100dvh - 60px);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:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text);letter-spacing:var(--ls-snug);white-space:nowrap}.page-topbar-sep{font-size:var(--fs-sm);color:var(--color-text-3);opacity:.45;padding:0 1px;flex-shrink:0;line-height:1}.page-topbar-crumb{font-size:var(--fs-sm);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 7px;border-radius:99px;background:var(--color-surface-2);border:1px solid var(--color-border);font-size:var(--fs-xs);font-family:var(--font-mono);font-weight:var(--fw-semibold);color:var(--color-text-2);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)}.page-sidebar::-webkit-scrollbar{width:3px}.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:5px}.page-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.page-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.models-flat-table,.rankings-flat-table{width:100%;margin:0!important}.models-flat-table .ant-table,.rankings-flat-table .ant-table{background:transparent;margin:0}.models-flat-table .ant-table-content,.rankings-flat-table .ant-table-content{overflow-x:auto}.models-flat-table .ant-table-thead>tr>th,.rankings-flat-table .ant-table-thead>tr>th{background:var(--color-surface)!important;border-bottom:1px solid var(--color-border)!important;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-text-3);padding:10px 16px}.models-flat-table .ant-table-thead>tr>th:before,.rankings-flat-table .ant-table-thead>tr>th:before{display:none!important}.models-flat-table .ant-table-tbody>tr>td,.rankings-flat-table .ant-table-tbody>tr>td{background:transparent!important;border-bottom:1px solid var(--color-border-2)!important;padding:13px 16px}.models-flat-table .ant-table-tbody>tr:last-child>td,.rankings-flat-table .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.models-flat-table .ant-table-tbody>tr.ant-table-row:hover>td,.rankings-flat-table .ant-table-tbody>tr.ant-table-row:hover>td{background:var(--color-surface-2)!important;cursor:pointer}.models-flat-table .ant-table-cell,.rankings-flat-table .ant-table-cell{transition:background .12s}.flat-section .ant-card-body{padding:0!important}.flat-section .ant-card{border:none!important;box-shadow:none!important;background:transparent!important}.chat-layout{height:calc(100vh - 60px);overflow:hidden}.message-user .ant-bubble-content{background:var(--color-text)!important;color:var(--color-bg)!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:var(--r-lg);overflow:hidden}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:7px 14px;background:var(--color-surface-2);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-3)}.code-block pre{margin:0;padding:14px 16px;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:var(--lh-relaxed);overflow-x:auto;color:var(--color-text)}.chat-input-card:focus-within{border-color:var(--color-text-3)!important;box-shadow:0 0 0 3px #0000000a!important}[data-theme=dark] .chat-input-card:focus-within{box-shadow:0 0 0 3px #ffffff0a!important}.chat-toolbar-btn{width:32px;height:32px;border-radius:var(--r-sm);border:none;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--color-text-2);transition:background .12s,color .12s;flex-shrink:0}.chat-toolbar-btn:hover{background:var(--color-surface-2);color:var(--color-text)}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes waveform-beat{0%,to{height:var(--h, 8px)}50%{height:3px}}.voice-recording-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0;animation:recording-pulse 1s ease-in-out infinite}.voice-waveform{display:flex;align-items:center;gap:2px;height:20px}.voice-waveform-bar{width:2.5px;border-radius:2px;background:#ef4444;height:var(--h, 8px);animation:waveform-beat .65s ease-in-out infinite}@keyframes float-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.animate-float{animation:float-up .5s 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:var(--color-bg)}.hero-grid-bg{background-image:radial-gradient(var(--hero-grid-dot) 1px,transparent 1px);background-size:32px 32px}.or-divider{height:1px;background:var(--color-border);margin:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.ant-dropdown-menu,.ant-select-dropdown{border-radius:var(--r-lg)!important}.ant-tooltip-inner{border-radius:var(--r-md)!important;font-size:var(--fs-xs)!important}.ant-modal-content{border-radius:var(--r-xl)!important}.ant-drawer-content{border-radius:0!important}.ant-tag{border-radius:var(--r-sm)!important;font-size:var(--fs-xs)!important;font-weight:var(--fw-medium)!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector{border-radius:var(--r-md)!important}.ant-switch{background:var(--color-surface-3)!important}.ant-switch-checked{background:var(--color-text)!important}[data-theme=dark] .ant-switch{background:var(--color-surface-3)!important}[data-theme=dark] .ant-switch-checked{background:var(--color-text)!important}@media (max-width: 768px){.page-container,.page-container-md{padding:0 20px}.section{padding:52px 0}.stat-value{font-size:24px}}@media (max-width: 640px){.page-container{padding:0 16px}}