:root{color-scheme:light;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--background: #fafbfc;--foreground: #0f172a;--card: #ffffff;--card-foreground: #0f172a;--popover: #ffffff;--popover-foreground: #0f172a;--primary: #64be3a;--primary-hover: #52a02f;--primary-foreground: #0f172a;--secondary: #f1f5f9;--secondary-foreground: #0f172a;--muted: #f8fafc;--muted-foreground: #64748b;--accent: #eff6ff;--accent-foreground: #1e40af;--border: #e2e8f0;--border-strong: #cbd5e1;--input-background: #ffffff;--input-border: #e2e8f0;--ring: #397d1d;--sidebar: #0f172a;--sidebar-foreground: #f8fafc;--sidebar-accent: #1e293b;--sidebar-border: #1e293b;--status-success: #065f46;--status-success-bg: #d1fae5;--status-success-border: #6ee7b7;--status-warning: #92400e;--status-warning-bg: #fef3c7;--status-warning-border: #fcd34d;--status-danger: #b91c1c;--status-danger-bg: #fee2e2;--status-danger-border: #fca5a5;--status-info: #1d4ed8;--status-info-bg: #dbeafe;--status-info-border: #93c5fd;--status-neutral: #475569;--status-neutral-bg: #f1f5f9;--status-neutral-border: #cbd5e1;--chart-1: #3b82f6;--chart-2: #10b981;--chart-3: #f59e0b;--chart-4: #8b5cf6;--chart-5: #ef4444;--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 #0000000d;--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem}:root.dark{color-scheme:dark;--background: #0b1120;--foreground: #e2e8f0;--card: #111827;--card-foreground: #e2e8f0;--popover: #1e293b;--popover-foreground: #e2e8f0;--primary: #64be3a;--primary-hover: #7cd34d;--primary-foreground: #0f172a;--secondary: #1e293b;--secondary-foreground: #e2e8f0;--muted: #1e293b;--muted-foreground: #94a3b8;--accent: #1e3a5f;--accent-foreground: #93c5fd;--border: #1e293b;--border-strong: #334155;--input-background: #1e293b;--input-border: #334155;--ring: #7cd34d;--sidebar: #0f172a;--sidebar-foreground: #e2e8f0;--sidebar-accent: #1e293b;--sidebar-border: #1e293b;--status-success: #6ee7b7;--status-success-bg: #14532d;--status-success-border: #166534;--status-warning: #fcd34d;--status-warning-bg: #78350f;--status-warning-border: #a16207;--status-danger: #fca5a5;--status-danger-bg: #7f1d1d;--status-danger-border: #991b1b;--status-info: #93c5fd;--status-info-bg: #1e3a8a;--status-info-border: #1e40af;--status-neutral: #cbd5e1;--status-neutral-bg: #1e293b;--status-neutral-border: #334155;--chart-1: #60a5fa;--chart-2: #22c55e;--chart-3: #fbbf24;--chart-4: #a78bfa;--chart-5: #f87171;--shadow-sm: 0 1px 2px 0 #00000080;--shadow-md: 0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--shadow-lg: 0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080}.apollo-button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;min-height:38px;padding:0 1rem;border:1px solid transparent;border-radius:var(--radius);font-weight:600;line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.apollo-button:hover:not(:disabled){transform:translateY(-1px)}.apollo-button:active:not(:disabled){transform:translateY(0)}.apollo-button:disabled{cursor:not-allowed;opacity:.5}.apollo-button--sm{min-height:32px;padding:0 .75rem;font-size:.875rem}.apollo-button--lg{min-height:44px;padding:0 1.25rem;font-size:1rem}.apollo-button--full{width:100%}.apollo-button--primary{background:var(--primary);color:var(--primary-foreground)}.apollo-button--primary:hover:not(:disabled){background:var(--primary-hover)}.apollo-button--secondary{background:var(--secondary);color:var(--secondary-foreground)}.apollo-button--secondary:hover:not(:disabled){background:var(--border-strong)}.apollo-button--outline{background:var(--card);color:var(--foreground);border-color:var(--border-strong)}.apollo-button--outline:hover:not(:disabled){background:var(--muted)}.apollo-button--ghost{background:transparent;color:var(--foreground)}.apollo-button--ghost:hover:not(:disabled){background:var(--muted)}.apollo-button--danger{background:var(--status-danger-bg);color:var(--status-danger);border-color:var(--status-danger-border)}.apollo-button--danger:hover:not(:disabled){background:var(--status-danger-border)}.apollo-card{display:block;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.apollo-badge{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border:1px solid;border-radius:999px;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.apollo-badge--success{color:var(--status-success);background:var(--status-success-bg);border-color:var(--status-success-border)}.apollo-badge--warning{color:var(--status-warning);background:var(--status-warning-bg);border-color:var(--status-warning-border)}.apollo-badge--danger{color:var(--status-danger);background:var(--status-danger-bg);border-color:var(--status-danger-border)}.apollo-badge--info{color:var(--status-info);background:var(--status-info-bg);border-color:var(--status-info-border)}.apollo-badge--neutral{color:var(--status-neutral);background:var(--status-neutral-bg);border-color:var(--status-neutral-border)}.apollo-field{display:grid;gap:6px;min-width:0}.apollo-field label{font-size:13px;font-weight:600}.apollo-field small{color:var(--muted-foreground);font-size:12px}.apollo-input{width:100%;min-height:40px;padding:0 12px;color:var(--foreground);background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius);outline:none;transition:border-color .15s,box-shadow .15s}.apollo-input::placeholder{color:var(--muted-foreground);opacity:1}.apollo-input:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}@supports (color: color-mix(in lab,red,red)){.apollo-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 22%,transparent)}}.apollo-input:disabled{opacity:.55;cursor:not-allowed}.apollo-autocomplete,.apollo-autocomplete-control{position:relative}.apollo-autocomplete-control .apollo-input{padding-right:58px}.apollo-autocomplete-clear{position:absolute;top:50%;right:9px;transform:translateY(-50%);padding:4px;border:0;background:transparent;color:var(--muted-foreground);font-size:11px;font-weight:600}.apollo-autocomplete-clear:hover{color:var(--foreground)}.apollo-autocomplete-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:210px;overflow:auto;margin:0;padding:4px;list-style:none;background:var(--popover);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.apollo-autocomplete-option{padding:9px 10px;border-radius:var(--radius-sm);color:var(--popover-foreground);cursor:pointer}.apollo-autocomplete-option:hover,.apollo-autocomplete-option--active{background:var(--accent);color:var(--accent-foreground)}.apollo-autocomplete-empty{padding:12px 10px;color:var(--muted-foreground);font-size:12px}.apollo-theme-toggle{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 11px;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-weight:500}.apollo-theme-toggle:hover{background:var(--muted)}.apollo-theme-toggle [aria-hidden]{font-size:19px;line-height:1}@media(prefers-reduced-motion:reduce){.apollo-button,.apollo-input{transition:none}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--background);color:var(--foreground);font:400 14px/1.5 var(--font-sans)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}::selection{background:var(--primary);color:var(--primary-foreground)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.showcase-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.showcase-sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:26px 16px 20px;background:var(--sidebar);color:var(--sidebar-foreground)}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--primary);color:var(--primary-foreground);font-size:19px;font-weight:800}.brand strong,.brand small{display:block;line-height:1.25}.brand strong{font-size:16px}.brand small{color:#94a3b8;font-size:11px}.sidebar-caption{margin:4px 12px 12px;color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.14em}.showcase-sidebar nav{display:grid;gap:5px}.sidebar-link{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border-radius:var(--radius);color:#cbd5e1;text-decoration:none;font-weight:500}.sidebar-link:hover,.sidebar-link:focus-visible{background:var(--sidebar-accent);color:#fff}.sidebar-link--active{background:var(--primary);color:var(--primary-foreground);font-weight:700}.sidebar-index{width:23px;font-size:11px;font-family:var(--font-mono);opacity:.75}.sidebar-footer{display:grid;gap:3px;margin-top:auto;padding:18px 12px 0;border-top:1px solid var(--sidebar-border);color:#94a3b8;font-size:11px}.sidebar-version{color:#e2e8f0;font-weight:600}.showcase-body{min-width:0}.showcase-topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 34px;background:var(--card);border-bottom:1px solid var(--border)}.breadcrumb{color:var(--muted-foreground);font-size:12px;font-weight:500}.breadcrumb span{padding:0 7px;color:var(--border-strong)}.showcase-main{max-width:1280px;margin:0 auto;padding:34px}.showcase-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;scroll-margin-top:86px}.eyebrow,.section-kicker,.hero-kicker{margin:0 0 9px;font-size:10px;font-weight:800;letter-spacing:.16em}.eyebrow,.section-kicker{color:var(--status-success)}h1,h2,h3,p{margin-top:0}.showcase-intro h1{margin-bottom:7px;font-size:clamp(26px,3vw,34px);line-height:1.2;letter-spacing:-.035em}.lead{max-width:650px;margin-bottom:0;color:var(--muted-foreground)}.version-pill{padding:5px 10px;color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.hero-card{position:relative;overflow:hidden;margin-top:27px;padding:31px 34px;border-radius:var(--radius-lg);background:#0f172a;color:#f8fafc;box-shadow:var(--shadow-md)}.hero-card:after{content:"";position:absolute;width:330px;height:330px;right:-110px;top:-150px;border-radius:50%;background:radial-gradient(circle,#64be3a36,transparent 70%);pointer-events:none}.hero-accent{width:63px;height:5px;margin-bottom:19px;border-radius:3px;background:#64be3a}.hero-kicker{color:#86d967}.hero-card h2{margin-bottom:6px;font-size:clamp(24px,2.7vw,31px);letter-spacing:-.03em}.hero-card p:not(.hero-kicker){max-width:560px;color:#cbd5e1}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.hero-tags span{padding:5px 9px;border:1px solid #334155;border-radius:999px;color:#cbd5e1;font-size:11px}.section{margin-top:38px;scroll-margin-top:86px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.section-heading h2{margin-bottom:0;font-size:21px;letter-spacing:-.02em}.section-heading>p{margin:0;color:var(--muted-foreground);font-size:12px;text-align:right}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{display:flex;flex-direction:column;min-height:137px;padding:17px 18px}.metric-label{color:var(--muted-foreground);font-size:12px}.metric-card strong{margin-top:12px;font-family:var(--font-mono);font-size:clamp(19px,2vw,25px);line-height:1.15;letter-spacing:-.04em}.metric-card:first-child strong{color:var(--status-success)}.metric-card .metric-danger{color:var(--status-danger)}.metric-foot{display:flex;gap:4px;flex-wrap:wrap;margin-top:auto;font-size:11px}.metric-foot span{color:var(--muted-foreground)}.metric-foot--positive{color:var(--status-success)}.metric-foot--negative{color:var(--status-danger)}.component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-card{padding:19px 20px;min-height:218px}.demo-card-header h3{margin-bottom:2px;font-size:15px}.demo-card-header p{margin-bottom:19px;color:var(--muted-foreground);font-size:12px}.button-row,.badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:10px}.demo-note{margin:19px 0 0;color:var(--muted-foreground);font-size:12px}.form-demo{display:grid;align-content:start;gap:14px}.form-demo .demo-card-header p{margin-bottom:0}.surface-preview{display:grid;gap:3px;padding:15px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius)}.surface-overline{color:var(--muted-foreground);font-size:10px;font-weight:700;letter-spacing:.1em}.surface-preview strong{font-family:var(--font-mono);font-size:23px}.surface-preview>span:last-child{color:var(--muted-foreground);font-size:12px}.surface-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);font-size:12px}.table-card{overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:18px 19px 12px}.table-toolbar .apollo-field{width:min(100%,340px)}.result-count{padding-bottom:8px;color:var(--muted-foreground);font-size:12px;white-space:nowrap}.filter-row{display:flex;flex-wrap:wrap;gap:8px;padding:0 19px 18px}.table-scroll{overflow-x:auto}.apollo-table{width:100%;border-collapse:collapse;text-align:left}.apollo-table th{padding:11px 19px;background:var(--muted);color:var(--muted-foreground);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.apollo-table td{padding:13px 19px;border-top:1px solid var(--border);font-size:12px;white-space:nowrap}.apollo-table tbody tr:hover{background:var(--muted)}.cell-mono,.cell-money{font-family:var(--font-mono);font-weight:600}.empty-table{padding:32px!important;color:var(--muted-foreground);text-align:center}.tokens-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.swatch-card{display:grid;gap:3px;padding:9px 9px 13px}.swatch{display:block;height:67px;margin-bottom:7px;border-radius:var(--radius-sm);border:1px solid #00000018}.swatch--primary{background:#64be3a}.swatch--sidebar{background:#0f172a}.swatch--success{background:#059669}.swatch--warning{background:#d97706}.swatch--danger{background:#dc2626}.swatch--info{background:#2563eb}.swatch-card strong,.swatch-card code{padding:0 4px;font-size:11px}.swatch-card code{color:var(--muted-foreground);font-family:var(--font-mono)}.type-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:20px 24px}.type-card h3{margin-bottom:3px;font-size:22px}.type-card p:last-child{margin-bottom:0;color:var(--muted-foreground);font-size:12px}.type-sample{color:var(--primary);font-size:52px;font-weight:700;letter-spacing:-.08em;line-height:1}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tokens-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.showcase-shell{display:block}.showcase-sidebar{position:static;height:auto;padding:12px 16px}.brand{padding:0 0 10px}.sidebar-caption,.sidebar-footer{display:none}.showcase-sidebar nav{display:flex;overflow-x:auto;gap:4px}.sidebar-link{flex:none;min-height:32px;padding:0 9px;font-size:12px}.sidebar-index{display:none}.showcase-topbar{min-height:56px;padding:0 18px}.showcase-main{padding:22px 18px 40px}.component-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:3px}.section-heading>p{text-align:left}}@media(max-width:540px){.showcase-intro{flex-direction:column;gap:12px}.hero-card{padding:24px}.metrics-grid{gap:9px}.metric-card{min-height:123px;padding:13px}.tokens-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.table-toolbar{align-items:start;flex-direction:column;gap:6px}.result-count{padding-bottom:0}.apollo-table{min-width:690px}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.apollo-input[type=file]{padding-top:6px;padding-bottom:6px}.apollo-input[type=file]::file-selector-button{margin-right:10px;padding:4px 10px;border:1px solid var(--border-strong);border-radius:calc(var(--radius) - 2px);background:var(--secondary);color:var(--foreground);font:inherit;font-size:13px;cursor:pointer}