:root{--color-primary:#9e1c60;--color-primary-hover:#811844;--color-secondary:#f5ad18;--color-secondary-hover:#d99610;--color-background:#fafafa;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#1a1a2e;--color-text-muted:#6b7280;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#f5ad18;--color-warning-bg:#fef9c3;--color-error:#ef4444;--color-error-bg:#fee2e2;--color-info:#9e1c60;--color-info-bg:#f3e8ff;--color-link:var(--color-primary);--color-link-hover:var(--color-primary-hover);--code-background:var(--color-surface);--code-keyword:#9e1c60;--code-string:#0a6b0a;--code-number:#04c;--code-comment:#5c6370;--code-function:#2060d0;--code-type:#a04000;--code-operator:#383a42;--code-variable:#b81414;--code-symbol:#7c3aed;--font-sans:system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Source Code Pro", "Office Code Pro", Menlo, Monaco, Consolas, 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;--text-5xl:3rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--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-14:3.5rem;--space-16:4rem;--space-18:4.5rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--topbar-height:72px;--content-max-width:1200px;--z-base:1;--z-dropdown:100;--z-sticky:100;--z-overlay:1000;--z-modal:1000;--z-toast:1100;--z-skip-link:9999;--border-radius-sm:.25rem;--border-radius-md:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--font-display:var(--font-sans);--font-display-bold:var(--font-sans);--font-display-weight:400;--font-serif:Georgia, "Times New Roman", Times, serif;--letter-spacing-body:normal;--letter-spacing-heading:normal;--shadow-inset-border:none;--shadow-warm:none;--shadow-focus:0 0 0 2px var(--color-primary);--shadow-border-medium:none;--color-focus-ring:var(--color-primary);--radius-card:var(--border-radius-lg);--radius-btn:var(--border-radius-md)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#f5ad18;--color-primary-hover:#ffc042;--color-secondary:#9e1c60;--color-secondary-hover:#b83d7a;--color-background:#561530;--color-surface:#6d2040;--color-border:#8a4a60;--color-text:#fdf8f0;--color-text-muted:#d4a8b0;--color-success-bg:#14532d;--color-warning-bg:#713f12;--color-error-bg:#7f1d1d;--color-info-bg:#581c87;--code-background:var(--color-surface);--code-keyword:#ff79c6;--code-string:#50fa7b;--code-number:#c9a5ff;--code-comment:#d0d4dc;--code-function:#8be9fd;--code-type:#ffb86c;--code-operator:#f8f8f2;--code-variable:#f66;--code-symbol:#bd93f9}}[data-theme=dark]{--color-primary:#f5ad18;--color-primary-hover:#ffc042;--color-secondary:#9e1c60;--color-secondary-hover:#b83d7a;--color-background:#561530;--color-surface:#6d2040;--color-border:#8a4a60;--color-text:#fdf8f0;--color-text-muted:#d4a8b0;--color-success-bg:#14532d;--color-warning-bg:#713f12;--color-error-bg:#7f1d1d;--color-info-bg:#581c87;--code-background:var(--color-surface);--code-keyword:#ff79c6;--code-string:#50fa7b;--code-number:#c9a5ff;--code-comment:#d0d4dc;--code-function:#8be9fd;--code-type:#ffb86c;--code-operator:#f8f8f2;--code-variable:#f66;--code-symbol:#bd93f9}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-background);min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-display-weight);line-height:var(--leading-tight);letter-spacing:var(--letter-spacing-heading)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl);line-height:1.25}h3{font-size:var(--text-2xl);letter-spacing:-.16px;line-height:1.33}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover);text-decoration:underline}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.9em}pre{background-color:var(--code-background);padding:var(--space-4);border-radius:var(--border-radius-md);overflow-x:auto}code{background-color:var(--code-background);border-radius:var(--border-radius-sm);padding:.125em .25em}pre code{background:0 0;padding:0}.theme-toggle{border-radius:var(--border-radius-md);width:44px;height:44px;color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;padding:0!important}.theme-toggle:hover{background-color:var(--color-surface)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topbar .theme-toggle{color:var(--color-text)}.topbar .theme-toggle:hover{background-color:var(--color-background)}.theme-toggle-icon{justify-content:center;align-items:center;display:flex}.theme-toggle-sun{display:flex}.theme-toggle-moon,[data-theme=dark] .theme-toggle-sun{display:none}[data-theme=dark] .theme-toggle-moon{display:flex}@media (prefers-reduced-motion:no-preference){:root{transition:background-color var(--transition-normal), color var(--transition-normal)}body,.card,.code-block,.btn,.feature-card,.footer,.topbar{transition:background-color var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal)}}@font-face{font-family:Waldenburg;src:url(/fonts/Waldenburg-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:WaldenburgFH;src:url(/fonts/WaldenburgFH-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CursorGothic;src:url(/fonts/CursorGothic-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:jjannon;src:url(/fonts/jjannon-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:jjannon;src:url(/fonts/jjannon-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:berkeleyMono;src:url(/fonts/berkeleyMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Circular;src:url(/fonts/Circular-Book.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Circular;src:url(/fonts/Circular-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}[data-theme=elevenlabs]{--color-primary:#000;--color-primary-hover:#333;--color-secondary:#000;--color-secondary-hover:#333;--color-background:#f5f5f5;--color-surface:#fff;--color-border:#e5e5e5;--color-text:#000;--color-text-muted:#4e4e4e;--color-warm-stone:rgba(245,242,239,.8);--color-warm-gray:#777169;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#b45309;--color-warning-bg:#fef3c7;--color-error:#dc2626;--color-error-bg:#fee2e2;--color-info:#4e4e4e;--color-info-bg:#f5f5f5;--font-display:"Waldenburg", "Inter", system-ui, sans-serif;--font-display-bold:"WaldenburgFH", "Inter", system-ui, sans-serif;--font-display-weight:300;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--letter-spacing-body:.16px;--letter-spacing-heading:normal;--shadow-inset-border:rgba(0,0,0,.075) 0px 0px 0px .5px inset, #fff 0px 0px 0px 0px inset;--shadow-sm:rgba(0,0,0,.06) 0px 0px 0px 1px, rgba(0,0,0,.04) 0px 1px 2px, rgba(0,0,0,.04) 0px 2px 4px;--shadow-md:rgba(0,0,0,.4) 0px 0px 1px, rgba(0,0,0,.04) 0px 4px 4px;--shadow-lg:rgba(0,0,0,.06) 0px 0px 0px 1px, rgba(0,0,0,.04) 0px 4px 8px, rgba(0,0,0,.04) 0px 8px 16px;--shadow-warm:rgba(78,50,23,.04) 0px 6px 16px;--color-focus-ring:rgba(147,197,253,.5);--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--radius-card:16px;--radius-btn:9999px;--code-keyword:#1a1a1a;--code-string:#2e6b2e;--code-number:#04c;--code-comment:#777169;--code-function:#1a1a1a;--code-type:#5c4a1a;--code-operator:#1a1a1a;--code-variable:#6b3a3a;--code-symbol:#5b3a8a}[data-theme=elevenlabs] body{letter-spacing:var(--letter-spacing-body);line-height:1.5}[data-theme=elevenlabs] h1,[data-theme=elevenlabs] h2,[data-theme=elevenlabs] h3{font-family:var(--font-display);font-weight:var(--font-display-weight);letter-spacing:var(--letter-spacing-heading)}[data-theme=elevenlabs] h2{font-size:2.25rem;line-height:1.17}[data-theme=elevenlabs] h3{font-size:2rem;line-height:1.13}[data-theme=elevenlabs] :focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}[data-theme=elevenlabs] .hero{padding:var(--space-32) 0 var(--space-24)}[data-theme=elevenlabs] .hero h1{letter-spacing:-.96px;font-size:3rem;font-weight:300;line-height:1.08}[data-theme=elevenlabs] .hero .tagline{letter-spacing:.18px;color:var(--color-text-muted);font-size:1.125rem;font-weight:400;line-height:1.6}[data-theme=elevenlabs] .btn{border-radius:var(--radius-btn);letter-spacing:normal;font-size:.9375rem;font-weight:500;line-height:1.47}[data-theme=elevenlabs] .btn.btn-primary{color:#fff;box-shadow:none;background-color:#000;border:none;padding:0 14px}[data-theme=elevenlabs] .btn.btn-primary:hover{background-color:#333}[data-theme=elevenlabs] .btn.btn-secondary{background-color:var(--color-warm-stone);color:#000;box-shadow:var(--shadow-warm);border:none;border-radius:30px;padding:12px 20px 12px 14px}[data-theme=elevenlabs] .btn.btn-secondary:hover{color:#000;background-color:#f5f2ef}[data-theme=elevenlabs] .btn.btn-outline{color:#000;background-color:#fff;border:none;box-shadow:0 0 1px rgba(0,0,0,.4),0 4px 4px rgba(0,0,0,.04)}[data-theme=elevenlabs] .btn.btn-outline:hover{color:#000;background-color:#f5f5f5}[data-theme=elevenlabs] .btn.btn-ghost{color:#000}[data-theme=elevenlabs] .btn.btn-ghost:hover{background-color:#f5f5f5}[data-theme=elevenlabs] .btn.btn-uppercase{font-family:var(--font-display-bold);text-transform:uppercase;letter-spacing:.7px;font-size:.875rem;font-weight:700;line-height:1.1}[data-theme=elevenlabs] .card,[data-theme=elevenlabs] .feature-card{border-radius:var(--radius-card);box-shadow:var(--shadow-sm);border:none}[data-theme=elevenlabs] .card.card-default{box-shadow:var(--shadow-sm);border:none}[data-theme=elevenlabs] .card.card-elevated{box-shadow:var(--shadow-md)}[data-theme=elevenlabs] .card.card-outlined{box-shadow:var(--shadow-sm);background:#fff;border:none}[data-theme=elevenlabs] .code-block{box-shadow:var(--shadow-sm), var(--shadow-inset-border);border:none;border-radius:18px}[data-theme=elevenlabs] .code-block .code-header{border-bottom-color:rgba(0,0,0,.05)}[data-theme=elevenlabs] .code-block code{font-family:var(--font-mono);font-size:.8125rem;line-height:1.85}[data-theme=elevenlabs] .topbar{box-shadow:none;background:#fff;border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=elevenlabs] .topbar .logo,[data-theme=elevenlabs] .topbar .logo-text,[data-theme=elevenlabs] .topbar-logo .logo-text{color:#000}[data-theme=elevenlabs] .nav-desktop a,[data-theme=elevenlabs] .topbar-nav a{color:#000;letter-spacing:.15px;font-size:.9375rem;font-weight:500;line-height:1.4}[data-theme=elevenlabs] .nav-desktop a:hover,[data-theme=elevenlabs] .topbar-nav a:hover{color:var(--color-warm-gray)}[data-theme=elevenlabs] .footer{border-top:1px solid rgba(0,0,0,.05)}[data-theme=elevenlabs] .footer .footer-bottom{border-top-color:rgba(0,0,0,.05)}[data-theme=elevenlabs] .footer .footer-column h4{color:var(--color-warm-gray)}[data-theme=elevenlabs] a{color:#000;-webkit-text-decoration-color:var(--color-warm-gray);text-decoration-color:var(--color-warm-gray)}[data-theme=elevenlabs] a:hover{color:var(--color-warm-gray)}[data-theme=elevenlabs] .badge{border-radius:4px;font-size:.8125rem;font-weight:500}[data-theme=elevenlabs] .badge.badge-default{color:var(--color-text-muted);background:#f5f5f5;border-color:#e5e5e5}[data-theme=elevenlabs] input,[data-theme=elevenlabs] textarea,[data-theme=elevenlabs] select{border-radius:var(--border-radius-md);box-shadow:var(--shadow-inset-border);border-color:#e5e5e5}[data-theme=elevenlabs] textarea{padding:12px 20px}[data-theme=elevenlabs] input:focus,[data-theme=elevenlabs] textarea:focus,[data-theme=elevenlabs] select:focus{box-shadow:var(--shadow-inset-border), 0 0 0 2px var(--color-focus-ring);border-color:#000;outline:none}[data-theme=elevenlabs] .features{padding:var(--space-24) 0}[data-theme=elevenlabs] .features h2{margin-bottom:var(--space-12)}[data-theme=elevenlabs] .feature-card h3{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:1.25rem}[data-theme=elevenlabs] .feature-card .icon{color:#000}[data-theme=elevenlabs] .feature-card p{letter-spacing:.14px}[data-theme=elevenlabs] img{border-radius:20px}[data-theme=elevenlabs] .hero-code .code-block{box-shadow:var(--shadow-lg), var(--shadow-inset-border);border:none;border-radius:20px}[data-theme=elevenlabs] .hero{background:#fff}[data-theme=elevenlabs] .features{background:#f5f5f5}[data-theme=elevenlabs] .examples{background:#fff}[data-theme=elevenlabs] .use-cases{background:#f5f5f5}[data-theme=elevenlabs] .comparison{background:#fff}[data-theme=elevenlabs] .install{background:#f5f5f5}[data-theme=elevenlabs] .roadmap{background:#fff}[data-theme=elevenlabs] .faq{background:#f5f5f5}[data-theme=elevenlabs] .hero,[data-theme=elevenlabs] .features,[data-theme=elevenlabs] .examples,[data-theme=elevenlabs] .use-cases,[data-theme=elevenlabs] .comparison,[data-theme=elevenlabs] .install,[data-theme=elevenlabs] .roadmap,[data-theme=elevenlabs] .faq{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}[data-theme=elevenlabs] .features,[data-theme=elevenlabs] .examples,[data-theme=elevenlabs] .use-cases,[data-theme=elevenlabs] .comparison,[data-theme=elevenlabs] .install,[data-theme=elevenlabs] .roadmap,[data-theme=elevenlabs] .faq{padding-top:var(--space-24);padding-bottom:var(--space-24)}[data-theme=elevenlabs] .section-subtitle{letter-spacing:normal;color:var(--color-text-muted);font-size:1.25rem;font-weight:400;line-height:1.35}[data-theme=elevenlabs] .search-trigger{box-shadow:var(--shadow-sm);border-color:#e5e5e5;border-radius:9999px}[data-theme=elevenlabs] .skip-link:focus{color:#fff;border-radius:var(--border-radius-md);background:#000}[data-theme=elevenlabs] .comparison-table{border-radius:var(--radius-card)}[data-theme=elevenlabs] .comparison-table th:nth-child(2){color:#fff;background:#000}[data-theme=elevenlabs] .comparison-table td:nth-child(2){background:rgba(0,0,0,.02)}[data-theme=elevenlabs] .comparison-table tbody tr:hover td:nth-child(2){background:rgba(0,0,0,.04)}[data-theme=elevenlabs] .theme-toggle{color:#000}[data-theme=elevenlabs] .theme-toggle:hover{background-color:#f5f5f5}[data-theme=elevenlabs] .theme-toggle:focus-visible{outline-color:var(--color-focus-ring)}[data-theme=elevenlabs] .caption,[data-theme=elevenlabs] figcaption,[data-theme=elevenlabs] .metadata{letter-spacing:.14px;font-size:.875rem}[data-theme=elevenlabs] .micro,[data-theme=elevenlabs] .label-micro{font-size:.75rem;font-weight:500;line-height:1.33}[data-theme=elevenlabs] .tiny,[data-theme=elevenlabs] .label-tiny{font-size:.625rem;font-weight:400;line-height:1.6}@media (width<=1023px){[data-theme=elevenlabs] .hero{padding:var(--space-20) 0 var(--space-16)}[data-theme=elevenlabs] .hero h1{letter-spacing:-.5px;font-size:2.25rem;line-height:1.12}[data-theme=elevenlabs] .hero .tagline{font-size:1rem}[data-theme=elevenlabs] h2{font-size:1.75rem}[data-theme=elevenlabs] h3{font-size:1.5rem}[data-theme=elevenlabs] .features,[data-theme=elevenlabs] .examples,[data-theme=elevenlabs] .use-cases,[data-theme=elevenlabs] .comparison,[data-theme=elevenlabs] .install,[data-theme=elevenlabs] .roadmap,[data-theme=elevenlabs] .faq{padding-top:var(--space-16);padding-bottom:var(--space-16)}}[data-theme=cursor]{--color-cursor-dark:#26251e;--color-cursor-cream:#f2f1ed;--color-cursor-light:#e6e5e0;--color-cursor-surface-100:#f7f7f4;--color-cursor-surface-300:#ebeae5;--color-cursor-surface-500:#e1e0db;--color-cursor-orange:#f54e00;--color-cursor-gold:#c08532;--color-cursor-error:#cf2d56;--color-cursor-success:#1f8a65;--color-primary:#26251e;--color-primary-hover:#cf2d56;--color-secondary:#f54e00;--color-secondary-hover:#d94400;--color-background:#f2f1ed;--color-surface:#e6e5e0;--color-border:rgba(38,37,30,.1);--color-text:#26251e;--color-text-muted:rgba(38,37,30,.55);--color-success:#1f8a65;--color-success-bg:rgba(31,138,101,.1);--color-warning:#c08532;--color-warning-bg:rgba(192,133,50,.1);--color-error:#cf2d56;--color-error-bg:rgba(207,45,86,.1);--color-info:#26251e;--color-info-bg:rgba(38,37,30,.06);--font-display:"CursorGothic", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display-bold:"CursorGothic", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display-weight:400;--font-serif:"jjannon", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-sans:"CursorGothic", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:"berkeleyMono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--letter-spacing-body:normal;--letter-spacing-heading:-.72px;--shadow-sm:0px 0px 0px 1px rgba(38,37,30,.1);--shadow-border-medium:0px 0px 0px 1px rgba(38,37,30,.2);--shadow-md:rgba(0,0,0,.02) 0px 0px 16px, rgba(0,0,0,.008) 0px 0px 8px;--shadow-lg:rgba(0,0,0,.14) 0px 28px 70px, rgba(0,0,0,.1) 0px 14px 32px, 0px 0px 0px 1px rgba(38,37,30,.1);--shadow-focus:rgba(0,0,0,.1) 0px 4px 12px;--shadow-inset-border:none;--shadow-warm:none;--color-focus-ring:rgba(38,37,30,.2);--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--border-radius-xl:10px;--border-radius-full:9999px;--radius-card:8px;--radius-btn:8px;--transition-fast:.15s ease;--transition-normal:.2s ease;--code-keyword:#cf2d56;--code-string:#1f8a65;--code-number:#c08532;--code-comment:rgba(38,37,30,.4);--code-function:#f54e00;--code-type:#26251e;--code-operator:#26251e;--code-variable:#26251e;--code-symbol:#7c3aed}[data-theme=cursor] body{font-family:var(--font-serif);font-feature-settings:"cswh";letter-spacing:normal;color:var(--color-text);background-color:var(--color-background);font-size:1.08rem;font-weight:400;line-height:1.35}[data-theme=cursor] h1,[data-theme=cursor] h2,[data-theme=cursor] h3{font-family:var(--font-display);font-feature-settings:normal;font-weight:400}[data-theme=cursor] h1{letter-spacing:-2.16px;font-size:4.5rem;line-height:1.1}[data-theme=cursor] h2{letter-spacing:-.72px;font-size:2.25rem;line-height:1.2}[data-theme=cursor] h3{letter-spacing:-.325px;font-size:1.625rem;line-height:1.25}[data-theme=cursor] .hero{background:var(--color-background);padding:5rem 0 4rem}[data-theme=cursor] .hero h1{letter-spacing:-2.16px;color:var(--color-cursor-dark);font-size:4.5rem;font-weight:400;line-height:1.1}[data-theme=cursor] .hero .tagline{font-family:var(--font-serif);font-feature-settings:"cswh";color:var(--color-text-muted);font-size:1.08rem;font-weight:400;line-height:1.35}[data-theme=cursor] .btn{font-family:var(--font-display);font-feature-settings:normal;letter-spacing:normal;border-radius:var(--radius-btn);transition:color var(--transition-fast), background-color var(--transition-fast);font-size:.875rem;font-weight:400;line-height:1}[data-theme=cursor] .btn.btn-primary{background-color:var(--color-cursor-surface-300);color:var(--color-cursor-dark);box-shadow:none;border:none;padding:10px 12px 10px 14px}[data-theme=cursor] .btn.btn-primary:hover{color:var(--color-cursor-error);background-color:var(--color-cursor-surface-300)}[data-theme=cursor] .btn.btn-primary:focus-visible{box-shadow:var(--shadow-focus)}[data-theme=cursor] .btn.btn-secondary{background-color:var(--color-cursor-light);color:rgba(38,37,30,.6);box-shadow:none;border-radius:var(--border-radius-full);border:none;padding:3px 8px}[data-theme=cursor] .btn.btn-secondary:hover{color:var(--color-cursor-error)}[data-theme=cursor] .btn.btn-outline{background-color:var(--color-cursor-surface-100);color:var(--color-cursor-dark);box-shadow:var(--shadow-sm);border:none}[data-theme=cursor] .btn.btn-outline:hover{color:var(--color-cursor-error)}[data-theme=cursor] .btn.btn-ghost{color:rgba(38,37,30,.55);background-color:rgba(38,37,30,.06);padding:6px 12px}[data-theme=cursor] .btn.btn-ghost:hover{color:var(--color-cursor-error);background-color:rgba(38,37,30,.1)}[data-theme=cursor] .btn.btn-caption{font-feature-settings:"ss09";letter-spacing:.14px;line-height:1.5}[data-theme=cursor] .card,[data-theme=cursor] .feature-card{background:var(--color-cursor-light);border-radius:var(--radius-card);box-shadow:none;transition:box-shadow var(--transition-normal);border:1px solid rgba(38,37,30,.1)}[data-theme=cursor] .card:hover,[data-theme=cursor] .feature-card:hover{box-shadow:var(--shadow-md)}[data-theme=cursor] .card.card-default{background:var(--color-cursor-light);box-shadow:none;border:1px solid rgba(38,37,30,.1)}[data-theme=cursor] .card.card-elevated{box-shadow:var(--shadow-lg)}[data-theme=cursor] .card.card-outlined{background:var(--color-background);box-shadow:none;border:1px solid rgba(38,37,30,.1)}[data-theme=cursor] .code-block{border-radius:var(--radius-card);box-shadow:none;background:var(--color-cursor-light);border:1px solid rgba(38,37,30,.1)}[data-theme=cursor] .code-block .code-header{background:var(--color-cursor-surface-300);font-family:var(--font-display);border-bottom:1px solid rgba(38,37,30,.1);font-size:.6875rem}[data-theme=cursor] .code-block code{font-family:var(--font-mono);font-size:.75rem;line-height:1.67}[data-theme=cursor] .topbar{background:var(--color-background);box-shadow:none;border-bottom:1px solid rgba(38,37,30,.1)}[data-theme=cursor] .topbar .logo,[data-theme=cursor] .topbar .logo-text,[data-theme=cursor] .topbar-logo .logo-text{color:var(--color-cursor-dark);font-family:var(--font-display)}[data-theme=cursor] .nav-desktop a,[data-theme=cursor] .topbar-nav a{font-family:var(--font-display);color:var(--color-cursor-dark);letter-spacing:normal;font-size:.875rem;font-weight:500;line-height:1}[data-theme=cursor] .nav-desktop a:hover,[data-theme=cursor] .topbar-nav a:hover{color:var(--color-cursor-orange)}[data-theme=cursor] .footer{background:var(--color-background);border-top:1px solid rgba(38,37,30,.1)}[data-theme=cursor] .footer .footer-bottom{border-top-color:rgba(38,37,30,.1)}[data-theme=cursor] .footer .footer-column h4{font-family:var(--font-display);color:rgba(38,37,30,.55)}[data-theme=cursor] .footer .footer-brand .tagline{font-family:var(--font-serif);font-feature-settings:"cswh"}[data-theme=cursor] a{color:var(--color-cursor-dark);text-decoration-color:rgba(38,37,30,.4)}[data-theme=cursor] a:hover{color:var(--color-cursor-orange)}[data-theme=cursor] .badge{font-family:var(--font-display);border-radius:var(--border-radius-full);font-size:.875rem;font-weight:400}[data-theme=cursor] .badge.badge-default{background:var(--color-cursor-light);color:rgba(38,37,30,.6);border:1px solid rgba(38,37,30,.1)}[data-theme=cursor] input,[data-theme=cursor] textarea,[data-theme=cursor] select{font-family:var(--font-serif);border-radius:var(--border-radius-lg);color:var(--color-cursor-dark);box-shadow:none;background:0 0;border:1px solid rgba(38,37,30,.1)}[data-theme=cursor] textarea{padding:8px 8px 6px}[data-theme=cursor] input:focus,[data-theme=cursor] textarea:focus,[data-theme=cursor] select:focus{box-shadow:var(--shadow-focus);border-color:rgba(38,37,30,.2);outline:none}[data-theme=cursor] .features{padding:4rem 0}[data-theme=cursor] .features h2{margin-bottom:var(--space-12)}[data-theme=cursor] .feature-card h3{font-family:var(--font-display);letter-spacing:-.11px;font-size:1.375rem;font-weight:400}[data-theme=cursor] .feature-card p{font-family:var(--font-serif);font-feature-settings:"cswh";color:var(--color-text-muted)}[data-theme=cursor] .feature-card .icon{color:var(--color-cursor-dark)}[data-theme=cursor] img{border-radius:8px}[data-theme=cursor] .hero-code .code-block{box-shadow:none;border:1px solid rgba(38,37,30,.1);border-radius:8px}[data-theme=cursor] .hero{background:var(--color-background)}[data-theme=cursor] .features{background:var(--color-cursor-surface-100)}[data-theme=cursor] .examples{background:var(--color-background)}[data-theme=cursor] .use-cases{background:var(--color-cursor-surface-100)}[data-theme=cursor] .comparison{background:var(--color-background)}[data-theme=cursor] .install{background:var(--color-cursor-surface-100)}[data-theme=cursor] .roadmap{background:var(--color-background)}[data-theme=cursor] .faq{background:var(--color-cursor-surface-100)}[data-theme=cursor] .hero,[data-theme=cursor] .features,[data-theme=cursor] .examples,[data-theme=cursor] .use-cases,[data-theme=cursor] .comparison,[data-theme=cursor] .install,[data-theme=cursor] .roadmap,[data-theme=cursor] .faq{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}[data-theme=cursor] .features,[data-theme=cursor] .examples,[data-theme=cursor] .use-cases,[data-theme=cursor] .comparison,[data-theme=cursor] .install,[data-theme=cursor] .roadmap,[data-theme=cursor] .faq{padding-top:5rem;padding-bottom:5rem}[data-theme=cursor] .section-subtitle{font-family:var(--font-serif);font-feature-settings:"cswh";color:var(--color-text-muted);font-size:1.2rem;font-weight:500;line-height:1.5}[data-theme=cursor] .search-trigger{border-radius:var(--radius-btn);background:var(--color-cursor-surface-300);box-shadow:none;border:1px solid rgba(38,37,30,.1)}[data-theme=cursor] .search-trigger:hover{color:var(--color-cursor-error)}[data-theme=cursor] .skip-link:focus{background:var(--color-cursor-dark);color:var(--color-background);border-radius:var(--border-radius-lg)}[data-theme=cursor] .comparison-table{border-radius:var(--radius-card);border:1px solid rgba(38,37,30,.1)}[data-theme=cursor] .comparison-table th{font-family:var(--font-display);background:var(--color-cursor-surface-300)}[data-theme=cursor] .comparison-table th:nth-child(2){background:var(--color-cursor-dark);color:var(--color-background)}[data-theme=cursor] .comparison-table td{font-family:var(--font-serif);border-color:rgba(38,37,30,.1)}[data-theme=cursor] .comparison-table td:nth-child(2){background:rgba(38,37,30,.03)}[data-theme=cursor] .comparison-table tbody tr:hover td:nth-child(2){background:rgba(38,37,30,.06)}[data-theme=cursor] .theme-toggle{color:var(--color-cursor-dark);background:0 0}[data-theme=cursor] .theme-toggle:hover{background-color:var(--color-cursor-surface-300);color:var(--color-cursor-error)}[data-theme=cursor] .theme-toggle:focus-visible{box-shadow:var(--shadow-focus);outline:none}[data-theme=cursor] :focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}[data-theme=cursor] .caption,[data-theme=cursor] figcaption,[data-theme=cursor] .metadata{font-family:var(--font-display);font-size:.6875rem;font-weight:400;line-height:1.5}[data-theme=cursor] .micro,[data-theme=cursor] .label-micro{letter-spacing:.048px;text-transform:uppercase;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.6875rem;font-weight:500;line-height:1.27}@media (width<=899px){[data-theme=cursor] .hero{padding:3rem 0 2.5rem}[data-theme=cursor] .hero h1{letter-spacing:-.72px;font-size:2.25rem}[data-theme=cursor] h2{letter-spacing:-.325px;font-size:1.625rem}[data-theme=cursor] h3{letter-spacing:-.11px;font-size:1.375rem}[data-theme=cursor] .features,[data-theme=cursor] .examples,[data-theme=cursor] .use-cases,[data-theme=cursor] .comparison,[data-theme=cursor] .install,[data-theme=cursor] .roadmap,[data-theme=cursor] .faq{padding-top:3rem;padding-bottom:3rem}}@media (width<=599px){[data-theme=cursor] .hero{padding:2rem 0}[data-theme=cursor] .hero h1{letter-spacing:-.325px;font-size:1.625rem;line-height:1.25}[data-theme=cursor] .hero .tagline{font-size:1rem}[data-theme=cursor] h2{letter-spacing:-.11px;font-size:1.375rem}[data-theme=cursor] h3{letter-spacing:normal;font-size:1rem}[data-theme=cursor] .features,[data-theme=cursor] .examples,[data-theme=cursor] .use-cases,[data-theme=cursor] .comparison,[data-theme=cursor] .install,[data-theme=cursor] .roadmap,[data-theme=cursor] .faq{padding-top:2rem;padding-bottom:2rem}}[data-theme=supabase]{--color-supabase-green:#3ecf8e;--color-supabase-green-link:#00c573;--color-supabase-green-border:rgba(62,207,142,.3);--color-supabase-deep-black:#0f0f0f;--color-supabase-dark:#171717;--color-supabase-border-subtle:#242424;--color-supabase-border-standard:#2e2e2e;--color-supabase-border-prominent:#363636;--color-supabase-border-light:#393939;--color-supabase-charcoal:#434343;--color-supabase-dark-gray:#4d4d4d;--color-supabase-mid-gray:#898989;--color-supabase-light-gray:#b4b4b4;--color-supabase-near-white:#efefef;--color-primary:#3ecf8e;--color-primary-hover:#00c573;--color-secondary:#3ecf8e;--color-secondary-hover:#34b87e;--color-background:#171717;--color-surface:#1a1a1a;--color-border:#2e2e2e;--color-text:#fafafa;--color-text-muted:#898989;--color-success:#3ecf8e;--color-success-bg:rgba(62,207,142,.1);--color-warning:#f0c674;--color-warning-bg:rgba(240,198,116,.1);--color-error:#c66;--color-error-bg:rgba(204,102,102,.1);--color-info:#81a2be;--color-info-bg:rgba(129,162,190,.1);--font-sans:"Circular", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:"Circular", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display-bold:"Circular", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display-weight:400;--font-mono:"Source Code Pro", "Office Code Pro", Menlo, Monaco, Consolas, monospace;--letter-spacing-body:normal;--letter-spacing-heading:normal;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-inset-border:none;--shadow-warm:none;--shadow-border-medium:none;--shadow-focus:rgba(0,0,0,.1) 0px 4px 12px;--color-focus-ring:rgba(62,207,142,.5);--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--radius-card:8px;--radius-btn:9999px;--transition-fast:.15s ease;--transition-normal:.2s ease;--code-background:#0f0f0f;--code-keyword:#3ecf8e;--code-string:#f0c674;--code-number:#b294bb;--code-comment:#4d4d4d;--code-function:#81a2be;--code-type:#c66;--code-operator:#fafafa;--code-variable:#de935f;--code-symbol:#b5bd68}[data-theme=supabase] body{font-family:var(--font-display);letter-spacing:var(--letter-spacing-body);color:var(--color-text);background-color:var(--color-background);font-size:1rem;font-weight:400;line-height:1.5}[data-theme=supabase] h1,[data-theme=supabase] h2,[data-theme=supabase] h3{font-family:var(--font-display);font-weight:var(--font-display-weight);letter-spacing:var(--letter-spacing-heading)}[data-theme=supabase] h2{font-size:2.25rem;line-height:1.25}[data-theme=supabase] h3{letter-spacing:-.16px;font-size:1.5rem;line-height:1.33}[data-theme=supabase] :focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}[data-theme=supabase] .hero{padding:var(--space-32) 0 var(--space-24);background:var(--color-background)}[data-theme=supabase] .hero h1{letter-spacing:normal;color:var(--color-text);font-size:4.5rem;font-weight:400;line-height:1}[data-theme=supabase] .hero .tagline{color:var(--color-supabase-light-gray);font-size:1rem;font-weight:400;line-height:1.5}[data-theme=supabase] .btn{font-family:var(--font-display);letter-spacing:normal;border-radius:var(--radius-btn);transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:500;line-height:1.14}[data-theme=supabase] .btn.btn-primary{background-color:var(--color-supabase-deep-black);color:#fafafa;box-shadow:none;border:1px solid #fafafa;padding:8px 32px}[data-theme=supabase] .btn.btn-primary:hover{background-color:var(--color-supabase-border-standard);border-color:#fafafa}[data-theme=supabase] .btn.btn-primary:focus-visible{box-shadow:var(--shadow-focus)}[data-theme=supabase] .btn.btn-secondary{background-color:var(--color-supabase-deep-black);color:#fafafa;border:1px solid var(--color-supabase-border-standard);box-shadow:none;opacity:.8;padding:8px 32px}[data-theme=supabase] .btn.btn-secondary:hover{opacity:1;border-color:var(--color-supabase-border-prominent)}[data-theme=supabase] .btn.btn-outline{color:#fafafa;border:1px solid var(--color-supabase-border-prominent);box-shadow:none;background-color:transparent}[data-theme=supabase] .btn.btn-outline:hover{border-color:#fafafa}[data-theme=supabase] .btn.btn-ghost{color:#fafafa;background-color:transparent;border:1px solid transparent;border-radius:6px;padding:8px}[data-theme=supabase] .btn.btn-ghost:hover{background-color:rgba(255,255,255,.06)}[data-theme=supabase] .card,[data-theme=supabase] .feature-card{background:var(--color-supabase-dark);border:1px solid var(--color-supabase-border-standard);border-radius:var(--radius-card);box-shadow:none;transition:border-color var(--transition-normal)}[data-theme=supabase] .card:hover,[data-theme=supabase] .feature-card:hover{border-color:var(--color-supabase-border-prominent)}[data-theme=supabase] .card.card-default{background:var(--color-supabase-dark);border:1px solid var(--color-supabase-border-standard);box-shadow:none}[data-theme=supabase] .card.card-elevated{border:1px solid var(--color-supabase-border-prominent);box-shadow:none}[data-theme=supabase] .card.card-outlined{border:1px solid var(--color-supabase-border-standard);box-shadow:none;background:0 0}[data-theme=supabase] .code-block{border-radius:var(--radius-card);border:1px solid var(--color-supabase-border-standard);box-shadow:none;background:var(--color-supabase-deep-black)}[data-theme=supabase] .code-block .code-header{border-bottom:1px solid var(--color-supabase-border-standard);background:var(--color-surface);font-family:var(--font-display);color:var(--color-supabase-mid-gray);font-size:.75rem}[data-theme=supabase] .code-block code{font-family:var(--font-mono);font-size:.8125rem;line-height:1.67}[data-theme=supabase] .topbar{background:var(--color-background);border-bottom:1px solid var(--color-supabase-border-subtle);box-shadow:none}[data-theme=supabase] .topbar .logo,[data-theme=supabase] .topbar .logo-text,[data-theme=supabase] .topbar-logo .logo-text{color:var(--color-text);font-family:var(--font-display)}[data-theme=supabase] .nav-desktop a,[data-theme=supabase] .topbar-nav a{font-family:var(--font-display);color:var(--color-text);letter-spacing:normal;font-size:.875rem;font-weight:500;line-height:1.43}[data-theme=supabase] .nav-desktop a:hover,[data-theme=supabase] .topbar-nav a:hover{color:var(--color-supabase-green)}[data-theme=supabase] .footer{border-top:1px solid var(--color-supabase-border-subtle);background:var(--color-background)}[data-theme=supabase] .footer .footer-bottom{border-top-color:var(--color-supabase-border-subtle)}[data-theme=supabase] .footer .footer-column h4{font-family:var(--font-display);color:var(--color-supabase-mid-gray)}[data-theme=supabase] .footer .footer-column a{color:var(--color-text)}[data-theme=supabase] .footer .footer-column a:hover{color:var(--color-supabase-green)}[data-theme=supabase] .footer .footer-brand .tagline{color:var(--color-supabase-mid-gray)}[data-theme=supabase] a{color:var(--color-supabase-green-link);-webkit-text-decoration-color:var(--color-supabase-border-prominent);text-decoration-color:var(--color-supabase-border-prominent)}[data-theme=supabase] a:hover{color:var(--color-supabase-green)}[data-theme=supabase] .badge{font-family:var(--font-display);border-radius:var(--border-radius-full);font-size:.875rem;font-weight:500}[data-theme=supabase] .badge.badge-default{background:var(--color-surface);color:var(--color-supabase-mid-gray);border:1px solid var(--color-supabase-border-standard)}[data-theme=supabase] .badge.badge-success{color:#3ecf8e;background:rgba(62,207,142,.15);border:1px solid rgba(62,207,142,.3)}[data-theme=supabase] .badge.badge-warning{color:#f0c674;background:rgba(240,198,116,.15);border:1px solid rgba(240,198,116,.3)}[data-theme=supabase] .badge.badge-error{color:#c66;background:rgba(204,102,102,.15);border:1px solid rgba(204,102,102,.3)}[data-theme=supabase] .badge.badge-info{color:#81a2be;background:rgba(129,162,190,.15);border:1px solid rgba(129,162,190,.3)}[data-theme=supabase] .badge.badge-secondary{color:#3ecf8e;background:rgba(62,207,142,.1);border:1px solid rgba(62,207,142,.2)}[data-theme=supabase] input,[data-theme=supabase] textarea,[data-theme=supabase] select{font-family:var(--font-display);border-radius:var(--border-radius-md);border:1px solid var(--color-supabase-border-standard);color:var(--color-text);box-shadow:none;background:0 0}[data-theme=supabase] input:focus,[data-theme=supabase] textarea:focus,[data-theme=supabase] select:focus{border-color:var(--color-supabase-green);box-shadow:var(--shadow-focus);outline:none}[data-theme=supabase] .features{padding:var(--space-24) 0}[data-theme=supabase] .features h2{margin-bottom:var(--space-12)}[data-theme=supabase] .feature-card h3{font-family:var(--font-display);letter-spacing:normal;font-size:1.125rem;font-weight:400}[data-theme=supabase] .feature-card p{color:var(--color-supabase-mid-gray);font-size:.875rem}[data-theme=supabase] .feature-card .icon{color:var(--color-text)}[data-theme=supabase] img{border-radius:8px}[data-theme=supabase] .hero-code .code-block{border:1px solid var(--color-supabase-border-standard);box-shadow:none;border-radius:8px}[data-theme=supabase] .hero{background:var(--color-background)}[data-theme=supabase] .features{background:var(--color-supabase-deep-black)}[data-theme=supabase] .examples{background:var(--color-background)}[data-theme=supabase] .use-cases{background:var(--color-supabase-deep-black)}[data-theme=supabase] .comparison{background:var(--color-background)}[data-theme=supabase] .install{background:var(--color-supabase-deep-black)}[data-theme=supabase] .roadmap{background:var(--color-background)}[data-theme=supabase] .faq{background:var(--color-supabase-deep-black)}[data-theme=supabase] .hero,[data-theme=supabase] .features,[data-theme=supabase] .examples,[data-theme=supabase] .use-cases,[data-theme=supabase] .comparison,[data-theme=supabase] .install,[data-theme=supabase] .roadmap,[data-theme=supabase] .faq{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}[data-theme=supabase] .features,[data-theme=supabase] .examples,[data-theme=supabase] .use-cases,[data-theme=supabase] .comparison,[data-theme=supabase] .install,[data-theme=supabase] .roadmap,[data-theme=supabase] .faq{padding-top:var(--space-24);padding-bottom:var(--space-24)}[data-theme=supabase] .section-subtitle{font-family:var(--font-display);color:var(--color-supabase-mid-gray);font-size:1rem;font-weight:400;line-height:1.5}[data-theme=supabase] .code-label{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-supabase-mid-gray);font-size:.75rem;font-weight:400;line-height:1.33}[data-theme=supabase] .search-trigger{border-radius:var(--radius-btn);border:1px solid var(--color-supabase-border-standard);background:var(--color-surface);box-shadow:none;color:var(--color-supabase-mid-gray)}[data-theme=supabase] .search-trigger:hover{border-color:var(--color-supabase-border-prominent);color:var(--color-text)}[data-theme=supabase] .skip-link:focus{background:var(--color-supabase-green);color:var(--color-supabase-deep-black);border-radius:var(--border-radius-md)}[data-theme=supabase] .comparison-table{border:1px solid var(--color-supabase-border-standard);border-radius:var(--radius-card)}[data-theme=supabase] .comparison-table th{font-family:var(--font-display);background:var(--color-surface);color:var(--color-text)}[data-theme=supabase] .comparison-table th:nth-child(2){background:var(--color-supabase-green);color:var(--color-supabase-deep-black)}[data-theme=supabase] .comparison-table td{border-color:var(--color-supabase-border-standard)}[data-theme=supabase] .comparison-table td:nth-child(2){background:rgba(62,207,142,.04)}[data-theme=supabase] .comparison-table tbody tr:hover td:nth-child(2){background:rgba(62,207,142,.08)}[data-theme=supabase] .theme-toggle{color:var(--color-text);background:0 0}[data-theme=supabase] .theme-toggle:hover{color:var(--color-supabase-green);background-color:rgba(255,255,255,.06)}[data-theme=supabase] .theme-toggle:focus-visible{outline-color:var(--color-focus-ring)}[data-theme=supabase] .tabs .tab-btn{border-radius:var(--border-radius-full);border:1px solid var(--color-supabase-border-standard);color:var(--color-supabase-mid-gray);background:0 0}[data-theme=supabase] .tabs .tab-btn:hover{color:var(--color-text);border-color:var(--color-supabase-border-prominent)}[data-theme=supabase] .tabs .tab-btn.active{background:var(--color-supabase-green);color:var(--color-supabase-deep-black);border-color:var(--color-supabase-green)}[data-theme=supabase] .caption,[data-theme=supabase] figcaption,[data-theme=supabase] .metadata{font-family:var(--font-display);color:var(--color-supabase-mid-gray);font-size:.875rem;font-weight:400;line-height:1.43}[data-theme=supabase] .micro,[data-theme=supabase] .label-micro{font-family:var(--font-display);font-size:.75rem;font-weight:400;line-height:1.33}[data-theme=supabase] .label-code{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-supabase-mid-gray);font-size:.75rem;font-weight:400}@media (width<=899px){[data-theme=supabase] .hero{padding:3.5rem 0 3rem}[data-theme=supabase] .hero h1{font-size:2.75rem;line-height:1.05}[data-theme=supabase] h2{font-size:1.75rem}[data-theme=supabase] h3{letter-spacing:normal;font-size:1.25rem}[data-theme=supabase] .features,[data-theme=supabase] .examples,[data-theme=supabase] .use-cases,[data-theme=supabase] .comparison,[data-theme=supabase] .install,[data-theme=supabase] .roadmap,[data-theme=supabase] .faq{padding-top:3.5rem;padding-bottom:3.5rem}}@media (width<=599px){[data-theme=supabase] .hero{padding:2rem 0}[data-theme=supabase] .hero h1{font-size:2rem;line-height:1.1}[data-theme=supabase] .hero .tagline{font-size:.875rem}[data-theme=supabase] h2{font-size:1.375rem}[data-theme=supabase] h3{letter-spacing:normal;font-size:1rem}[data-theme=supabase] .features,[data-theme=supabase] .examples,[data-theme=supabase] .use-cases,[data-theme=supabase] .comparison,[data-theme=supabase] .install,[data-theme=supabase] .roadmap,[data-theme=supabase] .faq{padding-top:2.5rem;padding-bottom:2.5rem}[data-theme=supabase] .cta-buttons{flex-direction:column}[data-theme=supabase] .cta-buttons .btn.btn-primary,[data-theme=supabase] .cta-buttons .btn.btn-secondary{width:100%}}[data-theme=keel]{--color-keel-violet:#7c3aed;--color-keel-violet-deep:#6d28d9;--color-keel-violet-light:#a78bfa;--color-keel-violet-wash:#f5f3ff;--color-keel-violet-subtle:#faf5ff;--color-keel-pink:#ec4899;--color-keel-pink-deep:#db2777;--color-keel-pink-light:#f9a8d4;--color-keel-cyan:#06b6d4;--color-keel-cyan-deep:#0891b2;--color-keel-cyan-light:#67e8f9;--color-keel-amber:#f59e0b;--color-keel-amber-deep:#d97706;--color-keel-rose:#f43f5e;--color-keel-canvas:#fefdfb;--color-keel-surface:#fff;--color-keel-text:#1a1025;--color-keel-text-secondary:#6b5f80;--gradient-keel-primary:linear-gradient(135deg, #7c3aed 0%, #ec4899 50%, #06b6d4 100%);--gradient-keel-hero:linear-gradient(135deg, #7c3aed 0%, #db2777 100%);--gradient-keel-warm:linear-gradient(135deg, #ec4899 0%, #f59e0b 100%);--gradient-keel-subtle:linear-gradient(180deg, #f5f3ff 0%, #fefdfb 100%);--gradient-keel-rainbow:linear-gradient(90deg, #7c3aed, #ec4899, #06b6d4, #f59e0b);--color-keel-section-lavender:#f5f3ff;--color-keel-section-rose:#fdf2f8;--color-keel-section-mint:#ecfdf5;--color-keel-section-amber:#fffbeb;--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-secondary:#ec4899;--color-secondary-hover:#db2777;--color-background:#fefdfb;--color-surface:#fff;--color-border:#e5e0f0;--color-text:#1a1025;--color-text-muted:#6b5f80;--color-success:#0891b2;--color-success-bg:#ecfdf5;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-error:#e11d48;--color-error-bg:#fff1f2;--color-info:#7c3aed;--color-info-bg:#f5f3ff;--color-link:#7c3aed;--color-link-hover:#ec4899;--code-background:#fff;--code-keyword:#7c3aed;--code-string:#059669;--code-number:#d97706;--code-comment:#9ca3af;--code-function:#db2777;--code-type:#0891b2;--code-operator:#1a1025;--code-variable:#2563eb;--code-symbol:#b45309;--font-sans:system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display-bold:system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display-weight:700;--font-mono:"JetBrains Mono", "Source Code Pro", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--letter-spacing-body:normal;--letter-spacing-heading:-.02em;--shadow-sm:0 1px 3px rgba(124,58,237,.06), 0 1px 2px rgba(124,58,237,.04);--shadow-md:0 4px 12px rgba(124,58,237,.08), 0 2px 4px rgba(124,58,237,.04);--shadow-lg:0 12px 32px rgba(124,58,237,.1), 0 4px 8px rgba(124,58,237,.06);--shadow-inset-border:none;--shadow-warm:0 4px 16px rgba(236,72,153,.15);--shadow-focus:0 0 0 3px rgba(124,58,237,.3);--shadow-border-medium:none;--color-focus-ring:rgba(124,58,237,.5);--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--radius-card:14px;--radius-btn:10px;--transition-fast:.16s ease;--transition-normal:.26s cubic-bezier(.25, .46, .45, .94)}[data-theme=keel] body{font-family:var(--font-sans);letter-spacing:var(--letter-spacing-body);color:var(--color-text);background-color:var(--color-background);font-size:1rem;font-weight:400;line-height:1.6}[data-theme=keel] h1,[data-theme=keel] h2,[data-theme=keel] h3{font-family:var(--font-display);font-weight:var(--font-display-weight);letter-spacing:var(--letter-spacing-heading);color:var(--color-text)}[data-theme=keel] h1{letter-spacing:-.04em;font-size:4rem;line-height:1.05}[data-theme=keel] h2{letter-spacing:-.025em;font-size:2.5rem;line-height:1.15}[data-theme=keel] h3{letter-spacing:-.01em;font-size:1.5rem;line-height:1.3}[data-theme=keel] .hero{padding:var(--space-32) 0 var(--space-24);background:var(--color-background);position:relative}[data-theme=keel] .hero h1{letter-spacing:-.04em;background:var(--gradient-keel-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1.05}[data-theme=keel] .hero .tagline{color:var(--color-keel-text-secondary);font-size:1.25rem;font-weight:400;line-height:1.6}[data-theme=keel] .hero .hero-badge{color:var(--color-keel-violet);background:var(--color-keel-violet-wash)!important;border-color:rgba(124,58,237,.2)!important}[data-theme=keel] .hero .cta-buttons .btn-primary{background:var(--gradient-keel-hero);color:#fff;padding:var(--space-4) var(--space-8);font-size:var(--text-lg);transition:all var(--transition-fast);border:none;font-weight:600;box-shadow:0 4px 20px rgba(124,58,237,.35),0 2px 8px rgba(236,72,153,.2)}[data-theme=keel] .hero .cta-buttons .btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 32px rgba(124,58,237,.4),0 4px 12px rgba(236,72,153,.25)}[data-theme=keel] .hero .cta-buttons .btn-secondary{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-color:var(--color-keel-pink);color:var(--color-keel-pink);font-weight:600}[data-theme=keel] .hero .cta-buttons .btn-secondary:hover{border-color:var(--color-keel-pink-deep);color:var(--color-keel-pink-deep);background:rgba(236,72,153,.06)}[data-theme=keel] .hero-code .code-block{border:1px solid var(--color-border);border-top:3px solid;border-image:var(--gradient-keel-rainbow) 1;box-shadow:var(--shadow-lg);border-radius:var(--radius-card)}[data-theme=keel] .btn{font-family:var(--font-sans);letter-spacing:normal;border-radius:var(--radius-btn);transition:all var(--transition-fast);font-size:.9375rem;font-weight:600;line-height:1.2}[data-theme=keel] .btn.btn-primary{background-color:var(--color-keel-violet);color:#fff;border:none;box-shadow:0 2px 8px rgba(124,58,237,.25)}[data-theme=keel] .btn.btn-primary:hover{background-color:var(--color-keel-violet-deep);transform:translateY(-1px);box-shadow:0 4px 16px rgba(124,58,237,.35)}[data-theme=keel] .btn.btn-primary:active{transform:translateY(0);box-shadow:0 1px 4px rgba(124,58,237,.2)}[data-theme=keel] .btn.btn-secondary{color:var(--color-keel-text);border:2px solid var(--color-border);background-color:transparent}[data-theme=keel] .btn.btn-secondary:hover{border-color:var(--color-keel-violet);color:var(--color-keel-violet);background:rgba(124,58,237,.04)}[data-theme=keel] .btn.btn-outline{color:var(--color-keel-violet);border:2px solid var(--color-keel-violet);background-color:transparent}[data-theme=keel] .btn.btn-outline:hover{background-color:var(--color-keel-violet);color:#fff;box-shadow:0 2px 12px rgba(124,58,237,.3)}[data-theme=keel] .btn.btn-ghost{color:var(--color-keel-text-secondary);background-color:transparent}[data-theme=keel] .btn.btn-ghost:hover{background-color:var(--color-keel-violet-wash);color:var(--color-keel-violet)}[data-theme=keel] .btn.btn-destructive{background-color:var(--color-error);color:#fff}[data-theme=keel] .btn.btn-destructive:hover{background-color:#be123c;box-shadow:0 2px 8px rgba(225,29,72,.25)}[data-theme=keel] .card,[data-theme=keel] .feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast)}[data-theme=keel] .card:hover,[data-theme=keel] .feature-card:hover{box-shadow:var(--shadow-md), 0 2px 8px rgba(236,72,153,.06);border-color:rgba(124,58,237,.25);transform:translateY(-4px)}[data-theme=keel] .card.card-default{border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}[data-theme=keel] .card.card-elevated{box-shadow:var(--shadow-lg)}[data-theme=keel] .card.card-outlined{border:2px solid var(--color-border);box-shadow:none;background:0 0}[data-theme=keel] .feature-card{border-top:3px solid var(--color-keel-violet);position:relative;overflow:hidden}[data-theme=keel] .feature-card:nth-child(5n+1){border-top-color:var(--color-keel-violet)}[data-theme=keel] .feature-card:nth-child(5n+2){border-top-color:var(--color-keel-pink)}[data-theme=keel] .feature-card:nth-child(5n+3){border-top-color:var(--color-keel-cyan)}[data-theme=keel] .feature-card:nth-child(5n+4){border-top-color:var(--color-keel-amber)}[data-theme=keel] .feature-card:nth-child(5n+5){border-top-color:var(--color-keel-rose)}[data-theme=keel] .feature-card h3{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}[data-theme=keel] .feature-card .icon{color:var(--color-keel-violet);transition:color var(--transition-fast), transform var(--transition-fast)}[data-theme=keel] .feature-card:nth-child(5n+1) .icon{color:var(--color-keel-violet)}[data-theme=keel] .feature-card:nth-child(5n+2) .icon{color:var(--color-keel-pink)}[data-theme=keel] .feature-card:nth-child(5n+3) .icon{color:var(--color-keel-cyan)}[data-theme=keel] .feature-card:nth-child(5n+4) .icon{color:var(--color-keel-amber)}[data-theme=keel] .feature-card:nth-child(5n+5) .icon{color:var(--color-keel-rose)}[data-theme=keel] .feature-card:hover .icon{transform:scale(1.15)}[data-theme=keel] .feature-card .feature-link{color:var(--color-keel-violet);font-weight:600}[data-theme=keel] .feature-card .feature-link:hover{color:var(--color-keel-pink)}[data-theme=keel] .feature-card p{color:var(--color-keel-text-secondary);line-height:1.6}[data-theme=keel] .code-block{border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:var(--color-surface);overflow:hidden}[data-theme=keel] .code-block .code-header{border-bottom:1px solid var(--color-border);background:var(--color-keel-violet-wash);font-size:var(--text-sm);color:var(--color-keel-text-secondary)}[data-theme=keel] .code-block code{font-family:var(--font-mono);font-size:.8125rem;line-height:1.7}[data-theme=keel] .interactive-code-block{border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}[data-theme=keel] .interactive-code-block .code-header{background:var(--color-keel-violet-wash)}[data-theme=keel] .interactive-code-block .code-input::selection{background:rgba(124,58,237,.25)}[data-theme=keel] .interactive-code-block .code-output.has-error .output-header{background:rgba(225,29,72,.08)}[data-theme=keel] .topbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:none;background:rgba(255,255,255,.88);position:relative}[data-theme=keel] .topbar:after{content:"";background:var(--gradient-keel-rainbow);opacity:.5;height:2px;position:absolute;bottom:-1px;left:0;right:0}[data-theme=keel] .topbar .logo,[data-theme=keel] .topbar .logo-text,[data-theme=keel] .topbar-logo .logo-text{color:var(--color-keel-violet);font-weight:800}[data-theme=keel] .nav-desktop a,[data-theme=keel] .topbar-nav a,[data-theme=keel] .nav-link,[data-theme=keel] .topbar-nav-link{color:var(--color-keel-text-secondary);border-radius:var(--border-radius-md);font-size:.9375rem;font-weight:500}[data-theme=keel] .nav-desktop a:hover,[data-theme=keel] .topbar-nav a:hover,[data-theme=keel] .nav-link:hover,[data-theme=keel] .topbar-nav-link:hover{color:var(--color-keel-violet);background:var(--color-keel-violet-wash)}[data-theme=keel] .nav-desktop a.active,[data-theme=keel] .topbar-nav a.active,[data-theme=keel] .nav-link.active,[data-theme=keel] .topbar-nav-link.active{color:var(--color-keel-violet);font-weight:600}[data-theme=keel] .nav-dropdown-trigger{color:var(--color-keel-text-secondary);font-weight:500}[data-theme=keel] .nav-dropdown-trigger:hover{color:var(--color-keel-violet);background:var(--color-keel-violet-wash)}[data-theme=keel] .nav-dropdown-menu{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);background:var(--color-surface)}[data-theme=keel] .nav-dropdown-item:hover{background:var(--color-keel-violet-wash);color:var(--color-keel-violet)}[data-theme=keel] .nav-mobile,[data-theme=keel] .topbar-mobile-menu{background:var(--color-surface);border-top-color:var(--color-border)}[data-theme=keel] .footer{border-top:3px solid;border-image:var(--gradient-keel-rainbow) 1;background:linear-gradient(#1a1025 0%,#120b1a 100%)}[data-theme=keel] .footer .footer-brand .logo{color:#fff}[data-theme=keel] .footer .footer-brand .tagline{color:rgba(255,255,255,.55)}[data-theme=keel] .footer .footer-column h4{color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs)}[data-theme=keel] .footer .footer-column a{color:rgba(255,255,255,.65)}[data-theme=keel] .footer .footer-column a:hover{color:var(--color-keel-pink-light)}[data-theme=keel] .footer .footer-bottom{color:rgba(255,255,255,.35);border-top-color:rgba(255,255,255,.08)}[data-theme=keel] .badge{border-radius:var(--border-radius-full);font-weight:600;font-size:var(--text-xs)}[data-theme=keel] .badge.badge-default{background:var(--color-keel-violet-wash);color:var(--color-keel-violet);border:1px solid rgba(124,58,237,.2)}[data-theme=keel] .badge.badge-success{color:#0891b2;background:rgba(8,145,178,.1);border:1px solid rgba(8,145,178,.2)}[data-theme=keel] .badge.badge-warning{color:#b45309;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2)}[data-theme=keel] .badge.badge-error{color:#be123c;background:rgba(225,29,72,.08);border:1px solid rgba(225,29,72,.2)}[data-theme=keel] .badge.badge-info{background:var(--color-info-bg);color:var(--color-keel-violet);border:1px solid rgba(124,58,237,.2)}[data-theme=keel] .badge.badge-secondary{color:var(--color-keel-pink-deep);background:rgba(236,72,153,.08);border:1px solid rgba(236,72,153,.2)}[data-theme=keel] .badge-planned{background:var(--color-warning-bg)!important;color:#b45309!important}[data-theme=keel] a{color:var(--color-keel-violet);transition:color var(--transition-fast), text-decoration-color var(--transition-fast);text-decoration-color:rgba(124,58,237,.3)}[data-theme=keel] a:hover{color:var(--color-keel-pink);text-decoration-color:rgba(236,72,153,.4)}[data-theme=keel] input,[data-theme=keel] textarea,[data-theme=keel] select{border-radius:var(--border-radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}[data-theme=keel] input:focus,[data-theme=keel] textarea:focus,[data-theme=keel] select:focus{border-color:var(--color-keel-violet);box-shadow:var(--shadow-focus);outline:none}[data-theme=keel] .input:focus{border-color:var(--color-keel-violet);box-shadow:var(--shadow-focus)}[data-theme=keel] .input.input-error{border-color:var(--color-error)}[data-theme=keel] .input.input-error:focus{box-shadow:0 0 0 3px rgba(225,29,72,.2)}[data-theme=keel] .search-trigger{border-radius:var(--border-radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-keel-text-secondary);transition:all var(--transition-fast)}[data-theme=keel] .search-trigger:hover{border-color:var(--color-keel-violet);color:var(--color-keel-violet);background:var(--color-keel-violet-subtle);box-shadow:var(--shadow-sm)}[data-theme=keel] .search-trigger .search-trigger-kbd{background:var(--color-keel-violet-wash);color:var(--color-keel-violet);border-color:rgba(124,58,237,.15)}[data-theme=keel] .search-modal{border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg)}[data-theme=keel] .search-result{border-radius:var(--border-radius-md)}[data-theme=keel] .search-result.selected,[data-theme=keel] .search-result:hover{background:var(--color-keel-violet-wash)}[data-theme=keel] .search-result-category{color:var(--color-keel-violet)}[data-theme=keel] .theme-toggle{color:var(--color-keel-text-secondary);border-radius:var(--border-radius-md);background:0 0}[data-theme=keel] .theme-toggle:hover{background-color:var(--color-keel-violet-wash);color:var(--color-keel-violet)}[data-theme=keel] .theme-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}[data-theme=keel] .comparison-table{border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}[data-theme=keel] .comparison-table th{background:var(--color-keel-violet-wash);color:var(--color-text);font-weight:700}[data-theme=keel] .comparison-table th:nth-child(2){background:var(--gradient-keel-hero);color:#fff}[data-theme=keel] .comparison-table td{border-color:var(--color-border)}[data-theme=keel] .comparison-table td:nth-child(2){background:rgba(124,58,237,.03)}[data-theme=keel] .comparison-table td.highlight{color:var(--color-keel-violet);font-weight:600}[data-theme=keel] .comparison-table td.planned{color:var(--color-keel-amber);font-weight:500}[data-theme=keel] .comparison-table tbody tr:hover td{background:var(--color-keel-violet-subtle)}[data-theme=keel] .comparison-table tbody tr:hover td:nth-child(2){background:rgba(124,58,237,.07)}[data-theme=keel] .tabs-tab{border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;font-weight:600}[data-theme=keel] .tabs-tab:hover{color:var(--color-keel-violet);background:rgba(124,58,237,.04)}[data-theme=keel] .tabs-tab.active{color:var(--color-keel-violet);border-bottom-color:var(--color-keel-violet)}[data-theme=keel] .use-case-card{border:1px solid var(--color-border);border-radius:var(--radius-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast)}[data-theme=keel] .use-case-card:hover{box-shadow:var(--shadow-md);border-color:rgba(124,58,237,.25);transform:translateY(-4px)}[data-theme=keel] .use-case-card .use-case-icon{background:var(--gradient-keel-hero);border-radius:var(--border-radius-lg);transition:transform var(--transition-fast)}[data-theme=keel] .use-case-card:hover .use-case-icon{transform:scale(1.08)}[data-theme=keel] .roadmap-timeline:before{background:linear-gradient(180deg, var(--color-keel-violet) 0%, var(--color-keel-pink) 30%, var(--color-keel-cyan) 60%, var(--color-keel-amber) 100%);width:3px}.roadmap-completed [data-theme=keel] .roadmap-marker{background:var(--color-keel-cyan);border-color:var(--color-keel-cyan)}.roadmap-in-progress [data-theme=keel] .roadmap-marker{background:var(--color-keel-amber);border-color:var(--color-keel-amber)}.roadmap-planned [data-theme=keel] .roadmap-marker{background:var(--color-surface);border-color:var(--color-border);color:var(--color-keel-text-secondary)}[data-theme=keel] .faq-list{border-radius:var(--radius-card);border-color:var(--color-border)}[data-theme=keel] .faq-question{background:var(--color-surface)}[data-theme=keel] .faq-question:hover{background:var(--color-keel-violet-subtle)}[data-theme=keel] .faq-answer{background:var(--color-surface)}[data-theme=keel] :focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}[data-theme=keel] .skip-link:focus{background:var(--color-keel-violet);color:#fff;border-radius:var(--border-radius-md)}[data-theme=keel] .hero{background:var(--color-background)}[data-theme=keel] .features{background:var(--color-keel-section-lavender)}[data-theme=keel] .examples{background:var(--color-background)}[data-theme=keel] .use-cases{background:var(--color-keel-section-rose)}[data-theme=keel] .comparison{background:var(--color-background)}[data-theme=keel] .install{background:var(--color-keel-section-mint)}[data-theme=keel] .roadmap{background:var(--color-background)}[data-theme=keel] .faq{background:var(--color-keel-section-amber)}[data-theme=keel] .hero,[data-theme=keel] .features,[data-theme=keel] .examples,[data-theme=keel] .use-cases,[data-theme=keel] .comparison,[data-theme=keel] .install,[data-theme=keel] .roadmap,[data-theme=keel] .faq{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}[data-theme=keel] .features,[data-theme=keel] .examples,[data-theme=keel] .use-cases,[data-theme=keel] .comparison,[data-theme=keel] .install,[data-theme=keel] .roadmap,[data-theme=keel] .faq{padding-top:var(--space-24);padding-bottom:var(--space-24)}[data-theme=keel] .section-subtitle{color:var(--color-keel-text-secondary);font-size:1.125rem;font-weight:400;line-height:1.6}[data-theme=keel] .features h2,[data-theme=keel] .examples h2,[data-theme=keel] .use-cases h2,[data-theme=keel] .comparison h2,[data-theme=keel] .install h2,[data-theme=keel] .roadmap h2,[data-theme=keel] .faq h2{margin-bottom:var(--space-12)}[data-theme=keel] .caption,[data-theme=keel] figcaption,[data-theme=keel] .metadata{color:var(--color-keel-text-secondary);font-size:.875rem;font-weight:500;line-height:1.4}[data-theme=keel] .keel-keyword{color:var(--code-keyword);font-weight:500}[data-theme=keel] .keel-type{color:var(--code-type)}[data-theme=keel] .keel-string{color:var(--code-string)}[data-theme=keel] .keel-number{color:var(--code-number)}[data-theme=keel] .keel-comment{color:var(--code-comment);font-style:italic}[data-theme=keel] .keel-operator{color:var(--code-operator)}[data-theme=keel] .keel-symbol{color:var(--code-symbol)}[data-theme=keel] .code-block-wrapper .playground-link{background:var(--color-keel-violet);border-radius:var(--border-radius-sm)}[data-theme=keel] .code-block-wrapper .playground-link:hover{background:var(--color-keel-violet-deep)}[data-theme=keel] .installation .tabs-list,[data-theme=keel] .install .tabs-list{justify-content:center}[data-theme=keel] .install-note,[data-theme=keel] .use-cases-group-label{color:var(--color-keel-text-secondary)}[data-theme=keel] .use-cases-group-label:before,[data-theme=keel] .use-cases-group-label:after{background:linear-gradient(90deg, var(--color-border), rgba(124,58,237,.25))}[data-theme=keel] .use-cases-group-label:after{background:linear-gradient(90deg, rgba(236,72,153,.25), var(--color-border))}@media (width<=899px){[data-theme=keel] .hero{padding:var(--space-20) 0 var(--space-16)}[data-theme=keel] .hero h1{letter-spacing:-.03em;font-size:2.75rem}[data-theme=keel] .hero .tagline{font-size:1.0625rem}[data-theme=keel] h2{letter-spacing:-.02em;font-size:2rem}[data-theme=keel] h3{letter-spacing:-.01em;font-size:1.25rem}[data-theme=keel] .features,[data-theme=keel] .examples,[data-theme=keel] .use-cases,[data-theme=keel] .comparison,[data-theme=keel] .install,[data-theme=keel] .roadmap,[data-theme=keel] .faq{padding-top:var(--space-16);padding-bottom:var(--space-16)}[data-theme=keel] .topbar{background:var(--color-surface);-webkit-backdrop-filter:none}[data-theme=keel] .topbar:after{opacity:.4}}@media (width<=599px){[data-theme=keel] .hero{padding:var(--space-16) 0 var(--space-12)}[data-theme=keel] .hero h1{letter-spacing:-.02em;font-size:2.25rem;line-height:1.1}[data-theme=keel] .hero .tagline{font-size:1rem}[data-theme=keel] .hero .cta-buttons{flex-direction:column}[data-theme=keel] .hero .cta-buttons .btn-primary,[data-theme=keel] .hero .cta-buttons .btn-secondary{justify-content:center;width:100%}[data-theme=keel] h1{font-size:2.25rem}[data-theme=keel] h2{letter-spacing:-.015em;font-size:1.625rem}[data-theme=keel] h3{letter-spacing:normal;font-size:1.125rem}[data-theme=keel] .features,[data-theme=keel] .examples,[data-theme=keel] .use-cases,[data-theme=keel] .comparison,[data-theme=keel] .install,[data-theme=keel] .roadmap,[data-theme=keel] .faq{padding-top:var(--space-12);padding-bottom:var(--space-12)}[data-theme=keel] .feature-card{border-top-width:2px}}@media (prefers-reduced-motion:reduce){[data-theme=keel] .btn:hover,[data-theme=keel] .feature-card:hover,[data-theme=keel] .use-case-card:hover,[data-theme=keel] .card:hover,[data-theme=keel] .feature-card:hover .icon,[data-theme=keel] .use-case-card:hover .use-case-icon,[data-theme=keel] .hero .cta-buttons .btn-primary:hover{transform:none}}.modal-backdrop{z-index:var(--z-modal);padding:var(--space-4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-normal), visibility var(--transition-normal);background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.modal-backdrop .modal{transition:transform var(--transition-normal);transform:translateY(12px)scale(.97)}.modal-backdrop.open .modal{transform:translateY(0)scale(1)}.modal{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:32rem;max-height:90vh;display:flex;overflow:hidden}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.modal-close{border-radius:var(--border-radius-md);width:32px;height:32px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-background);color:var(--color-text)}.modal-body{padding:var(--space-6);overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex}.tabs{flex-direction:column;display:flex}.tabs-list{border-bottom:1px solid var(--color-border);gap:var(--space-1);display:flex}.tabs-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);transition:all var(--transition-fast);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs-tab:hover{color:var(--color-text)}.tabs-tab.active{color:var(--color-primary);border-bottom-color:var(--color-secondary)}.tabs-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.tabs-content{padding:var(--space-4) 0}.tabs-panel,.tab-panel{animation:tab-content-in var(--transition-normal) ease-out}.tabs-panel[hidden],.tab-panel[hidden]{display:none}@keyframes tab-content-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.accordion{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);flex-direction:column;display:flex;overflow:hidden}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;padding:var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);text-align:left;background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.accordion-header:hover{background:var(--color-background)}.accordion-icon{transition:transform var(--transition-fast);display:flex}.expanded .accordion-icon{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.accordion-icon{transition:none}}.accordion-content{transition:grid-template-rows var(--transition-normal);grid-template-rows:0fr;display:grid}.accordion-content>.accordion-body{overflow:hidden}.accordion-content.expanded{grid-template-rows:1fr}.accordion-body{padding:0 var(--space-4) var(--space-4);color:var(--color-text-muted)}.toast-container{bottom:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:var(--z-toast);flex-direction:column;max-width:24rem;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);border-left:4px solid;display:flex}.toast.toast-info{border-left-color:var(--color-info)}.toast.toast-success{border-left-color:var(--color-success)}.toast.toast-warning{border-left-color:var(--color-warning)}.toast.toast-error{border-left-color:var(--color-error)}.toast-icon{flex-shrink:0;display:flex}.toast-info .toast-icon{color:var(--color-info)}.toast-success .toast-icon{color:var(--color-success)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-error .toast-icon{color:var(--color-error)}.toast-message{font-size:var(--text-sm);flex:1}.toast-dismiss{padding:var(--space-1);color:var(--color-text-muted);border-radius:var(--border-radius-sm);flex-shrink:0;display:flex}.toast-dismiss:hover{background:var(--color-background);color:var(--color-text)}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-wrapper .tooltip{padding:var(--space-1) var(--space-2);background:var(--color-text);color:var(--color-background);font-size:var(--text-xs);border-radius:var(--border-radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast);z-index:var(--z-overlay);pointer-events:none;position:absolute}.tooltip-wrapper .tooltip:after{content:"";border:5px solid transparent;position:absolute}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible;transition-delay:.3s}.tooltip-wrapper:focus-within .tooltip{opacity:1;visibility:visible;transition-delay:.3s}.tooltip-wrapper.tooltip-top .tooltip{margin-bottom:var(--space-2);bottom:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper.tooltip-top .tooltip:after{border-top-color:var(--color-text);top:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper.tooltip-bottom .tooltip{margin-top:var(--space-2);top:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper.tooltip-bottom .tooltip:after{border-bottom-color:var(--color-text);bottom:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper.tooltip-left .tooltip{margin-right:var(--space-2);top:50%;right:100%;transform:translateY(-50%)}.tooltip-wrapper.tooltip-left .tooltip:after{border-left-color:var(--color-text);top:50%;left:100%;transform:translateY(-50%)}.tooltip-wrapper.tooltip-right .tooltip{margin-left:var(--space-2);top:50%;left:100%;transform:translateY(-50%)}.tooltip-wrapper.tooltip-right .tooltip:after{border-right-color:var(--color-text);top:50%;right:100%;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.tooltip-wrapper .tooltip{transition:none}.tooltip-wrapper:hover .tooltip{transition-delay:0s}.tooltip-wrapper:focus-within .tooltip{transition-delay:0s}}.dropdown{display:inline-block;position:relative}.dropdown-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--text-sm);cursor:pointer;min-width:10rem;display:flex}.dropdown-trigger:hover,.open .dropdown-trigger{border-color:var(--color-primary)}.dropdown-arrow{transition:transform var(--transition-fast);display:flex}.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{margin-top:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);max-height:15rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dropdown-option{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);cursor:pointer}.dropdown-option:hover{background:var(--color-background)}.dropdown-option.selected{background:var(--color-primary);color:#fff}.dropdown-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.dropdown-value{text-align:left;flex:1}.copy-button-wrapper{display:inline-flex;position:relative}.copy-button{padding:var(--space-1);color:var(--color-text-muted);border-radius:var(--border-radius-sm);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.copy-button:hover{color:var(--color-text);background:var(--color-background)}.copy-toast{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-success);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--border-radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast), transform var(--transition-fast);z-index:100;pointer-events:none;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(4px)}.copy-toast.copy-toast-visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(8px)}.copy-toast svg{width:12px;height:12px}@media (prefers-reduced-motion:reduce){.copy-toast{transition:opacity var(--transition-fast), visibility var(--transition-fast)}.copy-toast.copy-toast-visible{transform:translate(-50%)translateY(4px)}}.theme-toggle{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex;padding:0!important}.error-page{text-align:center;min-height:calc(100vh - 264px);padding:var(--space-8);justify-content:center;align-items:center;display:flex}.error-content h1{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-text-muted);margin-bottom:var(--space-4)}.error-content p{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-8)}.error-actions{gap:var(--space-4);justify-content:center;display:flex}.newsletter{text-align:center;padding:var(--space-16) var(--space-6);background:var(--color-surface);border-radius:var(--border-radius-lg);margin:var(--space-16) 0}.newsletter h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.newsletter p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.newsletter-form{gap:var(--space-2);max-width:400px;margin:0 auto var(--space-4);justify-content:center;display:flex}@media (width<=639px){.newsletter-form{flex-direction:column}}.newsletter-form input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--text-base);background:var(--color-background);color:var(--color-text);flex:1}.newsletter-form input:focus{border-color:var(--color-primary);outline:none}.newsletter-status{color:var(--color-success);font-weight:var(--font-medium)}.privacy-note{font-size:var(--text-sm);color:var(--color-text-muted)}.install{padding:var(--space-16) 0}.install h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-8)}.install-tabs{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.install-content{max-width:700px;margin:0 auto}.install-note{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-6)}.example-tabs{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.example-content{max-width:700px;margin:0 auto}.hero-code{max-width:600px;margin:var(--space-8) auto 0;text-align:left}.code-block-wrapper{position:relative}.code-block-wrapper .playground-link{top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);background:var(--color-primary);color:#fff;border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-fast);text-decoration:none;position:absolute}.code-block-wrapper .playground-link:hover{background:var(--color-primary-hover)}.code-block-wrapper:hover .playground-link{opacity:1}.keel-keyword{color:var(--code-keyword);font-weight:var(--font-medium)}.keel-type{color:var(--code-type)}.keel-string{color:var(--code-string)}.keel-number{color:var(--code-number)}.keel-comment{color:var(--code-comment);font-style:italic}.keel-operator{color:var(--code-operator)}.keel-symbol{color:var(--code-symbol)}.input-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.input-required{color:var(--color-error)}.input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--text-base);background:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface)}.input.input-error{border-color:var(--color-error)}.input.input-error:focus{box-shadow:0 0 0 3px rgba(var(--color-error-rgb), .1)}.input.input-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.input.input-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-lg)}.textarea{resize:vertical;min-height:6rem}.input-error-message{font-size:var(--text-sm);color:var(--color-error);margin:0}.input-helper{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-background) 50%, var(--color-surface) 75%);border-radius:var(--border-radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--color-surface);animation:none}}.skeleton-text{gap:var(--space-2);flex-direction:column;display:flex}.skeleton-line{height:1rem}.skeleton-card{background:var(--color-surface);border-radius:var(--border-radius-lg);overflow:hidden}.skeleton-card-image{border-radius:0}.skeleton-card-content{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.skeleton-card-title{border-radius:var(--border-radius-sm)}.search-backdrop{z-index:var(--z-modal);padding:var(--space-16) var(--space-4) var(--space-4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-normal), visibility var(--transition-normal);background:rgba(0,0,0,.5);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.search-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.search-backdrop .search-modal{transition:transform var(--transition-normal);transform:translateY(-12px)scale(.97)}.search-backdrop.open .search-modal{transform:translateY(0)scale(1)}.search-modal{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:40rem;max-height:70vh;display:flex;overflow:hidden}.search-header{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.search-icon{color:var(--color-text-muted);flex-shrink:0}.search-input{font-size:var(--text-lg);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-text-muted)}.search-shortcut{padding:var(--space-1) var(--space-2);background:var(--color-background);border-radius:var(--border-radius-sm);font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);flex-shrink:0}.search-results{padding:var(--space-2);flex:1;overflow-y:auto}.search-loading,.search-empty,.search-hint{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.search-results-list{margin:0;padding:0;list-style:none}.search-result{border-radius:var(--border-radius-md)}.search-result.selected,.search-result:hover{background:var(--color-background)}.search-result-link{gap:var(--space-1);padding:var(--space-3);color:inherit;flex-direction:column;text-decoration:none;display:flex}.search-result-category{font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.search-result-title{font-weight:var(--font-medium)}.search-result-description{font-size:var(--text-sm);color:var(--color-text-muted)}.search-footer{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-background);display:flex}.search-footer-hint{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.search-footer-hint kbd{padding:var(--space-1) var(--space-2);background:var(--color-surface);border-radius:var(--border-radius-sm);font-family:var(--font-mono)}.spinner{justify-content:center;align-items:center;display:inline-flex}.spinner .spinner-circle{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:.8s linear infinite spinner-rotate}.spinner.spinner-sm .spinner-circle{border-width:2px;width:16px;height:16px}.spinner.spinner-md .spinner-circle{border-width:3px;width:32px;height:32px}.spinner.spinner-lg .spinner-circle{border-width:4px;width:48px;height:48px}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner .spinner-circle{border-top-color:var(--color-primary);border-right-color:var(--color-primary);animation:none}}.loading-spinner{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12);flex-direction:column;display:flex}.loading-spinner .loading-text{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.sortable-header:hover{background:var(--color-background)}.sortable-header .header-content{align-items:center;gap:var(--space-2);display:inline-flex}.sortable-header .sort-indicator{width:1em;color:var(--color-text-muted);transition:color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.sortable-header .sort-indicator.active{color:var(--color-primary)}.sortable-header .sort-placeholder{width:1em;display:inline-block}table.sortable th.sortable-header{white-space:nowrap}.breadcrumb{font-size:var(--text-sm)}.breadcrumb-list{align-items:center;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;display:flex}.breadcrumb-item:not(:first-child):before{content:"/";margin-right:var(--space-1);color:var(--color-text-muted)}.breadcrumb-item a{color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.breadcrumb-item a:hover{color:var(--color-primary)}.breadcrumb-item.breadcrumb-current span{color:var(--color-text);font-weight:var(--font-medium)}.shortcut-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.shortcut-keys{align-items:center;gap:var(--space-1);display:flex}.shortcut-description{color:var(--color-text-muted);font-size:var(--text-sm)}.examples-page{background:var(--color-background);min-height:100vh}.examples-header{text-align:center;padding:var(--space-12) var(--space-6) var(--space-8);max-width:800px;margin:0 auto}.examples-header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.examples-subtitle{color:var(--color-text-muted);font-size:var(--text-lg)}.examples-filters{gap:var(--space-4);padding:0 var(--space-6) var(--space-8);flex-wrap:wrap;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;display:flex}@media (width<=639px){.examples-filters{flex-direction:column}}.examples-search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);flex:1;max-width:400px;display:flex}.examples-search input{font-size:var(--text-base);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.examples-search input::placeholder{color:var(--color-text-muted)}.examples-search svg,.examples-search i{color:var(--color-text-muted)}.examples-categories{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.category-btn{padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.category-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.examples-count{font-size:var(--text-sm);color:var(--color-text-muted)}.examples-content{padding:0 var(--space-6) var(--space-12);max-width:1200px;margin:0 auto}.examples-empty{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.examples-empty svg,.examples-empty i{font-size:var(--text-3xl);margin-bottom:var(--space-4);opacity:.5}.examples-empty p{margin-bottom:var(--space-6)}.examples-groups{gap:var(--space-8);flex-direction:column;display:flex}.examples-group .group-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border)}.examples-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.example-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);color:inherit;transition:all var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.example-card:hover,.example-card:focus{border-color:var(--color-primary);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.example-card *{text-decoration:none}.example-card-header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.example-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.example-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.example-card-body{padding:var(--space-4);background:var(--color-code-bg);flex:1;position:relative}.example-preview{font-size:var(--text-sm);font-family:var(--font-mono);margin:0;line-height:1.5;overflow:hidden}.example-preview code{white-space:pre;color:var(--color-text)}.example-more{background:linear-gradient(transparent, var(--color-code-bg));height:3rem;padding-bottom:var(--space-2);color:var(--color-text-muted);font-family:var(--font-mono);justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.example-card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.example-action{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);display:flex}.example-action svg,.example-action i{font-size:var(--text-xs)}.topbar{z-index:var(--z-sticky);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.topbar-inner{max-width:var(--content-max-width);padding:0 var(--space-6);height:var(--topbar-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.topbar .logo{align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary);text-decoration:none;display:flex}.topbar .logo:hover{text-decoration:none}.topbar .logo .logo-icon{flex-shrink:0;width:1.5em;height:1.5em}.topbar .logo .logo-text{font-weight:var(--font-bold)}[data-theme=dark] .topbar .logo{color:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .topbar .logo{color:#fff}}.nav-desktop{align-items:center;gap:var(--space-1);display:flex}@media (width<=767px){.nav-desktop{display:none}}.nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);border-radius:var(--border-radius-md);transition:color var(--transition-fast), background-color var(--transition-fast);align-items:center;text-decoration:none;display:flex}.topbar .nav-link:hover{color:var(--color-text);background:var(--color-background);text-decoration:none}.topbar .nav-link.active{color:#f5ad18}.nav-dropdown{align-items:center;display:flex;position:relative}.nav-dropdown-trigger{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);border-radius:var(--border-radius-md);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;display:flex}.nav-dropdown-trigger:hover{color:var(--color-text);background:var(--color-background)}.nav-dropdown-trigger i{transition:transform var(--transition-fast);font-size:.75em}.nav-dropdown-trigger[aria-expanded=true] i{transform:rotate(180deg)}.nav-dropdown-menu{top:calc(100% + var(--space-1));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);min-width:180px;padding:var(--space-2);z-index:var(--z-overlay);animation:.15s ease-out dropdown-fade-in;position:absolute;left:0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.nav-dropdown-menu:before{content:"";top:calc(-1 * var(--space-1));height:var(--space-1);position:absolute;left:0;right:0}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);border-radius:var(--border-radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);white-space:nowrap;text-decoration:none;display:block}.nav-dropdown-item:hover{color:var(--color-text);background:var(--color-background);text-decoration:none}.nav-mobile-section{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.nav-mobile-label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;display:block}.nav-sublink{padding-left:var(--space-6)}.topbar-actions{align-items:center;gap:var(--space-2);display:flex}.search-trigger{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background:0 0;height:36px;display:flex}.search-trigger:hover{color:var(--color-text);border-color:var(--color-text);background:var(--color-background)}@media (width<=767px){.search-trigger .search-trigger-label{display:none}}.search-trigger .search-trigger-kbd{padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);background:rgba(0,0,0,.2);line-height:1}@media (width<=767px){.search-trigger .search-trigger-kbd{display:none}}.search-trigger-mobile{width:100%;padding:var(--space-3);border:1px solid var(--color-border);color:var(--color-text-muted);margin-bottom:var(--space-2);justify-content:flex-start;height:auto}.search-trigger-mobile:hover{color:var(--color-text);background:var(--color-background)}.mobile-menu-toggle{display:none!important}@media (width<=767px){.mobile-menu-toggle{display:flex!important}}.nav-mobile{opacity:0;pointer-events:none;transition:grid-template-rows var(--transition-normal), opacity var(--transition-normal);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:99;grid-template-rows:0fr;display:grid;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.nav-mobile.open{opacity:1;pointer-events:auto;grid-template-rows:1fr}@media (width>=768px){.nav-mobile{display:none!important}}.nav-mobile-inner{max-height:calc(100vh - var(--topbar-height));overflow:hidden auto}.nav-mobile-inner .nav-link{padding:var(--space-3);font-size:var(--text-base);color:var(--color-text)}.nav-mobile-inner .nav-link:hover{background:var(--color-background)}.topbar-container{max-width:var(--content-max-width);padding:0 var(--space-6);height:var(--topbar-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.topbar-logo{align-items:center;text-decoration:none;display:flex}.topbar-logo .logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary)}[data-theme=dark] .topbar-logo .logo-text{color:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .topbar-logo .logo-text{color:#fff}}@media (width<=767px){.topbar-nav{display:none}}.topbar-nav-list{align-items:center;gap:var(--space-1);display:flex}.topbar-nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);border-radius:var(--border-radius-md);transition:color var(--transition-fast), background-color var(--transition-fast);text-decoration:none}.topbar-nav-link:hover{color:var(--color-text);background:var(--color-background);text-decoration:none}.topbar-nav-link.active{color:#f5ad18}.topbar-menu-btn{width:44px;height:44px;color:var(--color-text);border-radius:var(--border-radius-md);justify-content:center;align-items:center;display:none}.topbar-menu-btn:hover{background:var(--color-background)}@media (width<=767px){.topbar-menu-btn{display:flex}}.topbar-mobile-menu{opacity:0;transition:grid-template-rows var(--transition-normal), opacity var(--transition-normal);background:var(--color-surface);border-top:1px solid var(--color-border);grid-template-rows:0fr;display:grid;overflow:hidden}.topbar-mobile-menu>*{overflow:hidden}.topbar-mobile-menu.open{opacity:1;grid-template-rows:1fr}@media (width>=768px){.topbar-mobile-menu{display:none!important}}.topbar-mobile-list{gap:var(--space-1);flex-direction:column;display:flex}.topbar-mobile-link{padding:var(--space-3);font-size:var(--text-base);color:var(--color-text);border-radius:var(--border-radius-md);text-decoration:none;display:block}.topbar-mobile-link:hover{background:var(--color-background);text-decoration:none}.main-content{min-height:calc(100vh - var(--topbar-height) - 300px)}.footer-inner{max-width:var(--content-max-width);padding:var(--space-16) var(--space-6) var(--space-8);margin:0 auto}.container{max-width:var(--content-max-width);padding:0 var(--space-6);margin:0 auto}.landing-page{min-height:100vh}.hero{min-height:100vh;padding:var(--space-24) 0 var(--space-20);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero .hero-badge{margin-bottom:var(--space-10);gap:var(--space-1);color:var(--color-text-muted);border-color:var(--color-border)!important;background:0 0!important}.hero .hero-badge svg{font-size:.75em}.hero .tagline{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--space-12);max-width:700px;line-height:var(--leading-relaxed);margin-left:auto;margin-right:auto}.hero .cta-buttons{gap:var(--space-4);margin-bottom:var(--space-16);flex-wrap:wrap;justify-content:center;display:flex}.hero .cta-buttons .btn-primary{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);transition:all var(--transition-fast);box-shadow:0 4px 14px rgba(158,28,96,.25)}.hero .cta-buttons .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(158,28,96,.35)}.hero .cta-buttons .btn-secondary{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-color:var(--color-secondary);color:var(--color-secondary)}.hero .cta-buttons .btn-secondary:hover{border-color:var(--color-secondary-hover);color:var(--color-secondary-hover);background:rgba(245,173,24,.08)}.hero .hero-code{text-align:left;width:100%;max-width:700px;margin:0 auto}@media (width<=767px){.hero{padding:var(--space-16) 0 var(--space-12)}.hero h1{font-size:var(--text-3xl);margin-bottom:var(--space-6)}.hero .tagline{font-size:var(--text-base);margin-bottom:var(--space-10)}.hero .cta-buttons .btn-primary,.hero .cta-buttons .btn-secondary{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}}@media (prefers-reduced-motion:reduce){.hero .cta-buttons .btn-primary:hover{transform:none}}.hero-code .code-block{border:1px solid rgba(158,28,96,.15);box-shadow:0 8px 30px rgba(0,0,0,.12)}.hero-code .code-block .code-header{padding-left:calc(var(--space-4) + 60px);position:relative}.hero-code .code-block .code-header:before{content:"";left:var(--space-4);background:#ff5f56;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}[data-theme=dark] .hero-code .code-block,:root:not([data-theme=light]) .hero-code .code-block{border-color:rgba(245,173,24,.2);box-shadow:0 8px 30px rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero-code .code-block{border-color:rgba(245,173,24,.2);box-shadow:0 8px 30px rgba(0,0,0,.3)}}.features{padding:var(--space-20) 0;background:var(--color-surface)}.feature-grid{gap:var(--space-8);padding-left:var(--space-6);padding-right:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1023px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-background);padding:var(--space-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast)}.feature-card:hover{box-shadow:var(--shadow-md);border-color:rgba(245,173,24,.3);transform:translateY(-2px)}.feature-card:hover .icon{color:var(--color-secondary)}.feature-card .icon{font-size:var(--text-3xl);margin-bottom:var(--space-3);color:var(--color-primary);transition:color var(--transition-fast)}.feature-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text);align-items:center;gap:var(--space-2);display:flex}.feature-card p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.feature-card .feature-link{align-items:center;gap:var(--space-1);color:var(--color-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:color var(--transition-fast);margin-top:var(--space-2);text-decoration:none;display:inline-flex}.feature-card .feature-link:hover{color:var(--color-secondary-hover);text-decoration:underline}.feature-card.feature-card-planned{opacity:.75}.feature-card .badge-planned{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);background:var(--color-warning-bg,rgba(245,173,24,.15));color:var(--color-warning,#d97706);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.05em}@media (prefers-reduced-motion:reduce){.feature-card:hover{transform:none}.feature-card .icon{transition:none}}.examples{padding:var(--space-20) 0}.examples h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-12)}.examples .tabs{max-width:800px;margin:0 auto}.examples .tabs-list{flex-wrap:wrap;justify-content:center}.example-content .code-block,.install-content .code-block{margin-bottom:var(--space-4);animation:tab-fade-in var(--transition-normal)}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.example-content .code-block,.install-content .code-block{animation:none}}.example-description{color:var(--color-text-muted);text-align:center;font-style:italic}.installation,.install{padding:var(--space-20) 0 var(--space-24);background:var(--color-surface)}.installation h2,.install h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-12)}.installation .tabs,.install .tabs{max-width:700px;margin:0 auto}.installation .tabs-list,.install .tabs-list{justify-content:center}.install-note{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-4)}.section-subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--text-lg);max-width:600px;margin:0 auto var(--space-10)}.use-cases{padding:var(--space-20) 0}.use-cases h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-4)}.use-cases-group-label{align-items:center;gap:var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin:var(--space-10) 0 var(--space-6);font-weight:600;display:flex}.use-cases-group-label:before,.use-cases-group-label:after{content:"";background:var(--color-border);flex:1;height:1px}.use-cases-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1023px){.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.use-cases-grid{grid-template-columns:1fr}}.use-case-card{background:var(--color-surface);padding:var(--space-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);text-align:center;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast)}.use-case-card:hover{box-shadow:var(--shadow-md);border-color:rgba(245,173,24,.3);transform:translateY(-2px)}.use-case-card:hover .use-case-icon{background:var(--color-secondary)}.use-case-card .use-case-icon{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-lg);width:48px;height:48px;margin-bottom:var(--space-4);transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.use-case-card .use-case-icon svg{width:24px;height:24px}.use-case-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text)}.use-case-card p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}@media (prefers-reduced-motion:reduce){.use-case-card:hover{transform:none}.use-case-card .use-case-icon{transition:none}}.comparison{padding:var(--space-20) 0 var(--space-24);margin-bottom:var(--space-16);background:var(--color-surface)}.comparison h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-4)}.comparison-table-wrapper{margin:0 calc(var(--space-6) * -1);padding:0 var(--space-6);overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.comparison-table th,.comparison-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table th{font-weight:var(--font-semibold);background:var(--color-background);white-space:nowrap}.comparison-table th:nth-child(2){background:linear-gradient(135deg, var(--color-primary) 0%, #b83373 100%);color:#fff}.comparison-table td{background:var(--color-surface)}.comparison-table td:nth-child(2){background:rgba(245,173,24,.04)}.comparison-table td:first-child{font-weight:var(--font-medium);color:var(--color-text)}.comparison-table td.highlight{color:var(--color-primary);font-weight:var(--font-medium)}.comparison-table td.planned{color:var(--color-warning,#d97706);font-weight:var(--font-medium);font-style:italic}.comparison-table tbody tr:hover td{background:var(--color-background)}.comparison-table tbody tr:hover td:nth-child(2){background:rgba(245,173,24,.08)}@media (width<=639px){.comparison-table{font-size:var(--text-xs)}.comparison-table th,.comparison-table td{padding:var(--space-2) var(--space-3)}}[data-theme=dark] .comparison-table th:nth-child(2){background:linear-gradient(135deg, var(--color-primary) 0%, #ffc042 100%);color:#1a1a2e}[data-theme=dark] .comparison-table td:nth-child(2){background:rgba(245,173,24,.06)}[data-theme=dark] .comparison-table tbody tr:hover td:nth-child(2){background:rgba(245,173,24,.1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .comparison-table th:nth-child(2){background:linear-gradient(135deg, var(--color-primary) 0%, #ffc042 100%);color:#1a1a2e}:root:not([data-theme=light]) .comparison-table td:nth-child(2){background:rgba(245,173,24,.06)}:root:not([data-theme=light]) .comparison-table tbody tr:hover td:nth-child(2){background:rgba(245,173,24,.1)}}.roadmap{padding:var(--space-20) 0}.roadmap h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-4)}.roadmap-timeline{max-width:700px;margin:0 auto;position:relative}.roadmap-timeline:before{content:"";left:15px;top:var(--space-4);bottom:var(--space-4);background:var(--color-border);width:2px;position:absolute}.roadmap-item{gap:var(--space-4);padding:var(--space-4) 0;display:flex;position:relative}.roadmap-marker{background:var(--color-background);border:2px solid var(--color-border);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.roadmap-marker svg{width:16px;height:16px}.roadmap-completed .roadmap-marker{background:var(--color-success);border-color:var(--color-success);color:#fff}.roadmap-in-progress .roadmap-marker{background:var(--color-warning);border-color:var(--color-warning);color:#fff}.roadmap-planned .roadmap-marker{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.roadmap-content{padding-bottom:var(--space-2);flex:1}.roadmap-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.roadmap-header h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.roadmap-content p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.faq{padding:var(--space-20) 0 var(--space-32);background:var(--color-surface)}.faq h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-12)}.faq-list{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);flex-direction:column;max-width:700px;margin:0 auto;display:flex;overflow:hidden}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;padding:var(--space-5) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);text-align:left;background:var(--color-background);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.faq-question:hover{background:var(--color-surface)}.faq-question:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.faq-icon{transition:transform var(--transition-fast);flex-shrink:0;display:flex}.faq-icon svg{width:20px;height:20px;color:var(--color-text-muted)}.faq-expanded .faq-icon{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.faq-icon{transition:none}}.faq-answer{padding:0 var(--space-6) var(--space-5);background:var(--color-background)}.faq-answer p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.faq-answer[hidden]{display:none}.interactive-code-block{background:var(--code-background);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);position:relative;overflow:hidden}.interactive-code-block .code-header{padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.interactive-code-block .code-header .code-language{font-size:var(--text-sm);color:var(--color-text-muted)}.interactive-code-block .code-header .code-actions{gap:var(--space-2);align-items:center;display:flex}.interactive-code-block .code-header .code-actions .btn{align-items:center;gap:var(--space-1);display:inline-flex}.interactive-code-block .code-header .code-actions .btn svg,.interactive-code-block .code-header .code-actions .btn .spinner{width:14px;height:14px}.interactive-code-block .code-header .code-actions .btn .spinner .spinner-circle{border-width:2px;width:14px;height:14px}.interactive-code-block .code-editor-area{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;position:relative}.interactive-code-block .code-editor-area .syntax-highlight,.interactive-code-block .code-editor-area .code-input{padding:var(--space-4);font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0, "dlig" 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;border-radius:0;margin:0}.interactive-code-block .code-editor-area .syntax-highlight{pointer-events:none;color:var(--color-text);background:0 0;display:block;position:relative}.interactive-code-block .code-editor-area .code-input{color:transparent;width:100%;height:100%;caret-color:var(--color-text);resize:none;background:0 0;outline:none;position:absolute;top:0;left:0;overflow:hidden}.interactive-code-block .code-editor-area .code-input::selection{background:rgba(158,28,96,.3)}.interactive-code-block .code-editor-area .code-input:focus{outline:none}.interactive-code-block .code-output{border-top:1px solid var(--color-border);background:var(--color-background);animation:.2s ease-out output-slide-in}.interactive-code-block .code-output .output-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.interactive-code-block .code-output .output-header .output-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.interactive-code-block .code-output .output-header .execution-time{font-size:var(--text-xs);color:var(--color-text-muted);opacity:.7}.interactive-code-block .code-output .output-header .output-close{padding:var(--space-1);cursor:pointer;color:var(--color-text-muted);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.interactive-code-block .code-output .output-header .output-close:hover{background:var(--color-border);color:var(--color-text)}.interactive-code-block .code-output .output-header .output-close svg{width:14px;height:14px}.interactive-code-block .code-output .output-content{padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;word-wrap:break-word;color:var(--color-text);max-height:200px;margin:0;overflow-y:auto}.interactive-code-block .code-output.has-error .output-header{background:rgba(220,38,38,.1)}.interactive-code-block .code-output.has-error .output-header .output-title,.interactive-code-block .code-output.has-error .output-content{color:var(--color-error)}@media (width<=767px){.interactive-code-block .code-actions{flex-wrap:wrap}.interactive-code-block .code-actions .btn-ghost{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}@keyframes output-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.interactive-code-block .code-output{animation:none}}[data-theme=dark] .interactive-code-block .code-input::selection{background:rgba(245,173,24,.3)}:root:not([data-theme=light]) .interactive-code-block .code-input::selection{background:rgba(245,173,24,.3)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .interactive-code-block .code-input::selection{background:rgba(245,173,24,.3)}}.docs-page,.docs-layout{gap:var(--space-8);max-width:1400px;padding:var(--space-8) var(--space-6);grid-template-columns:250px 1fr 200px;min-height:calc(100vh - 64px);margin:0 auto;display:grid}@media (width<=1023px){.docs-page,.docs-layout{padding:var(--space-4);grid-template-columns:1fr}}.docs-breadcrumb{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.docs-breadcrumb ol{align-items:center;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.docs-breadcrumb li{align-items:center;display:flex}.docs-breadcrumb li:not(:last-child):after{content:"/";margin-left:var(--space-1);color:var(--color-border)}.docs-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.docs-breadcrumb a:hover{color:var(--color-primary)}.docs-breadcrumb [aria-current=page] span{color:var(--color-text)}.docs-article{max-width:100%}.docs-nav-buttons{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section:first-child{margin-top:var(--space-4)}.sidebar-section h3{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.sidebar-section ul{margin:0;padding:0;list-style:none}.sidebar-section li{margin-bottom:var(--space-1)}.sidebar-section a{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);border-radius:var(--border-radius-md);text-decoration:none;display:block}.sidebar-section a:hover{background:var(--color-background);text-decoration:none}.sidebar-section a.active{color:var(--color-primary);background:var(--color-background)}.docs-sidebar-toggle{bottom:var(--space-4);right:var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--border-radius-full);width:48px;height:48px;box-shadow:var(--shadow-lg);z-index:50;justify-content:center;align-items:center;display:none;position:fixed}@media (width<=1023px){.docs-sidebar-toggle{display:flex}}.docs-sidebar-backdrop{z-index:39;opacity:0;transition:opacity var(--transition-normal);background:rgba(0,0,0,.5);display:none;position:fixed;inset:0}.docs-sidebar-backdrop.open{opacity:1;display:block}.version-selector{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);display:flex}.version-selector label{color:var(--color-text-muted)}.version-selector select{padding:var(--space-1) var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;flex:1}.version-selector select:focus{border-color:var(--color-primary);outline:none}.docs-sidebar{top:calc(64px + var(--space-8));max-height:calc(100vh - 64px - var(--space-16));padding-right:var(--space-4);position:sticky;overflow-y:auto}@media (width<=1023px){.docs-sidebar{width:280px;max-height:none;padding:var(--space-4);background:var(--color-surface);border-right:1px solid var(--color-border);transition:transform var(--transition-normal);z-index:40;position:fixed;top:64px;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.docs-sidebar.open{transform:translate(0)}}.sidebar-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.sidebar-title{font-weight:var(--font-semibold);font-size:var(--text-lg)}.sidebar-close{display:none}@media (width<=1023px){.sidebar-close{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--border-radius-sm);justify-content:center;align-items:center;display:flex}.sidebar-close:hover{background:var(--color-background);color:var(--color-text)}}.sidebar-nav{font-size:var(--text-sm)}.sidebar-list{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-item.active>.sidebar-item-header>.sidebar-link{color:var(--color-primary);font-weight:var(--font-medium)}.sidebar-item-header{align-items:center;display:flex}.sidebar-link{padding:var(--space-2) var(--space-3);color:var(--color-text);border-radius:var(--border-radius-md);flex:1;text-decoration:none}.sidebar-link:hover{background:var(--color-background);text-decoration:none}.sidebar-toggle{width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--border-radius-sm);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--color-background)}.sidebar-toggle[aria-expanded=true]{transform:rotate(180deg)}.sidebar-children{padding-left:var(--space-4);margin-top:var(--space-1);display:none}.sidebar-children.expanded{flex-direction:column;display:flex}.docs-content{min-width:0}.docs-header{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.docs-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.docs-header .last-updated{font-size:var(--text-sm);color:var(--color-text-muted)}.docs-body{line-height:var(--leading-relaxed)}.docs-body h2{font-size:var(--text-2xl);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.docs-body h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.docs-body h4{font-size:var(--text-lg);margin-top:var(--space-6);margin-bottom:var(--space-2)}.docs-body p{margin-bottom:var(--space-4)}.docs-body ul,.docs-body ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.docs-body ul{list-style:outside}.docs-body ol{list-style:decimal}.docs-body li{margin-bottom:var(--space-2)}.docs-body pre{margin-bottom:var(--space-4)}.docs-body code{font-size:.9em}.docs-body blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--color-text-muted);font-style:italic}.docs-body table{border-collapse:collapse;width:100%;margin-bottom:var(--space-4);display:block;overflow-x:auto}.docs-body table th,.docs-body table td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);text-align:left}.docs-body table th{background:var(--color-surface);font-weight:var(--font-semibold)}.breadcrumbs{margin-bottom:var(--space-4)}.breadcrumbs ol{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:var(--space-2);color:var(--color-border)}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs li:last-child a{color:var(--color-text);pointer-events:none}.prev-next-nav{justify-content:space-between;gap:var(--space-4);margin:var(--space-8) 0;padding:var(--space-4) 0;border-top:1px solid var(--color-border);display:flex}.prev-link,.next-link{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.prev-link:hover,.next-link:hover{border-color:var(--color-primary);text-decoration:none}.next-link{text-align:right;margin-left:auto}.nav-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.nav-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-primary)}.docs-toc{top:calc(64px + var(--space-8));max-height:calc(100vh - 64px - var(--space-16));font-size:var(--text-sm);position:sticky;overflow-y:auto}@media (width<=1023px){.docs-toc{display:none}}.toc-list{border-left:1px solid var(--color-border);flex-direction:column;display:flex}.toc-item a{padding:var(--space-1) var(--space-3);color:var(--color-text-muted);border-left:2px solid transparent;margin-left:-1px;text-decoration:none;display:block}.toc-item a:hover{color:var(--color-text);text-decoration:none}.toc-item.toc-level-3 a{padding-left:var(--space-6)}.toc-item.toc-level-4 a{padding-left:var(--space-8)}.search-modal .search-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--text-base);margin-bottom:var(--space-4)}.search-modal .search-input:focus{border-color:var(--color-primary);outline:none}.search-modal .search-results{min-height:200px;max-height:400px;overflow-y:auto}.search-modal .search-hint{color:var(--color-text-muted);text-align:center;padding:var(--space-8)}.module-description{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-6)}.module-description p{margin-bottom:var(--space-2)}.module-description p:last-child{margin-bottom:0}h2#functions{color:var(--color-text-muted)}.function-index{margin-bottom:var(--space-8);padding:var(--space-4);background:var(--color-surface);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.function-index ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.function-index li{margin:0}.function-index a{padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-background);border-radius:var(--border-radius-sm);color:var(--color-text);text-decoration:none;display:inline-block}.function-index a:hover{background:var(--color-primary);color:#fff}.function-index.categorized h3.category-index-heading{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:var(--space-3);margin-bottom:var(--space-1)}.function-index.categorized h3.category-index-heading:first-child{margin-top:0}.function-index.categorized h3.category-index-heading a{color:inherit;font-family:var(--font-sans);background:0 0;border-radius:0;padding:0;text-decoration:none}.function-index.categorized h3.category-index-heading a:hover{color:var(--color-primary)}h2.category-heading{font-size:var(--text-xl);color:var(--color-text-muted);margin-top:var(--space-10);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.function-doc{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.function-doc:last-child{border-bottom:none}.function-doc h3{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-primary);margin-top:0;margin-bottom:var(--space-3)}.function-doc h3 code{font-size:inherit;background:0 0;padding:0}.function-signature{background:var(--color-surface);padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-md);border:1px solid var(--color-border);font-size:var(--text-sm);margin-bottom:var(--space-3);overflow-x:auto}.function-signature code{color:var(--color-text);background:0 0;padding:0}.function-description{margin-bottom:var(--space-3);line-height:var(--leading-relaxed)}.function-description p{margin-bottom:var(--space-2)}.function-description p:last-child{margin-bottom:0}.function-example{margin-bottom:var(--space-3)}.function-example strong{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.function-example pre{border-radius:var(--border-radius-md);margin:0}.function-example code{font-size:var(--text-sm)}.function-notes{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-warning,#f59e0b)}.function-notes strong{color:var(--color-text)}.function-see-also{font-size:var(--text-sm);color:var(--color-text-muted)}.function-see-also strong{color:var(--color-text)}.function-see-also a{font-family:var(--font-mono);color:var(--color-primary);text-decoration:none}.function-see-also a:hover{text-decoration:underline}.function-see-also code{font-size:var(--text-sm);padding:var(--space-half) var(--space-1)}.playground,.playground-page{background:var(--color-background);flex-direction:column;height:100vh;display:flex}.playground-main{flex:1;min-height:0;display:flex}@media (width<=767px){.playground-main{flex-direction:column}}.playground-footer{padding:var(--space-2) var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.examples-select{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.examples-select:focus{border-color:var(--color-primary);outline:none}.output-tabs-container{border-bottom:1px solid var(--color-border);background:var(--color-surface);padding-right:var(--space-2);justify-content:space-between;align-items:center;display:flex}.output-tabs{display:flex}.copy-output-btn{flex-shrink:0}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid transparent}.tab:hover{color:var(--color-text)}.tab.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.playground-toolbar{padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:var(--space-2);display:flex}.playground-panes{flex:1;min-height:0;display:flex}@media (width<=767px){.playground-panes{flex-direction:column}}.playground-editor,.playground-output{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}@media (width<=767px){.playground-editor{border-bottom:1px solid var(--color-border);flex:1!important}}.playground-divider{background:var(--color-border);cursor:col-resize;transition:background var(--transition-fast);flex:0 0 6px;justify-content:center;align-items:center;display:flex}.playground-divider:hover,.playground-divider.dragging{background:var(--color-primary)}@media (width<=767px){.playground-divider{display:none}}.divider-handle{background:var(--color-text-muted);opacity:.5;border-radius:2px;width:4px;height:40px}.playground-divider:hover .divider-handle,.playground-divider.dragging .divider-handle{opacity:1;background:#fff}.playground-main.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.playground-main.dragging .playground-editor,.playground-main.dragging .playground-output{pointer-events:none}.editor-container{background:var(--color-surface);flex:1;display:flex;overflow:hidden}.line-numbers{padding:var(--space-4) 0;padding-left:var(--space-3);padding-right:var(--space-2);font-family:var(--font-mono);text-align:right;color:var(--color-text-muted);background:var(--color-background);border-right:1px solid var(--color-border);-webkit-user-select:none;user-select:none;flex-shrink:0;line-height:1.6;overflow:hidden}.line-number{min-width:2ch}.editor-wrapper{flex:1;position:relative;overflow:hidden}.syntax-highlight{padding:var(--space-4);padding-left:var(--space-3);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--color-text);background:var(--color-surface);pointer-events:none;border-radius:0;margin:0;line-height:1.6;position:absolute;inset:0;overflow:hidden}.code-editor{z-index:1;position:absolute;inset:0}.code-textarea,.code-editor{width:100%;padding:var(--space-4);padding-left:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:transparent;caret-color:var(--color-text);resize:none;tab-size:2;background:0 0;border:none;outline:none;flex:1;line-height:1.6}.code-textarea::placeholder{color:var(--color-text-muted)}.code-editor::placeholder{color:var(--color-text-muted)}.code-textarea::selection{background:var(--color-primary);color:#fff}.code-editor::selection{background:var(--color-primary);color:#fff}.output-panel{background:var(--color-surface);flex-direction:column;flex:1;display:flex}.output-content{padding:var(--space-4);flex:1;overflow:auto}.output-content pre{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;background:0 0;border-radius:0;margin:0;padding:0;line-height:1.6}.execution-time{padding-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.shortcuts-list{gap:var(--space-2);flex-direction:column;display:flex}.shortcuts-section-title{margin:0;margin-top:var(--space-3);padding-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.shortcuts-section-title:first-child{margin-top:0}.shortcut{align-items:center;gap:var(--space-4);display:flex}.shortcut kbd{padding:var(--space-1) var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);min-width:140px;display:inline-block}.shortcut span{color:var(--color-text-muted)}.output-content pre.error,.output-error-syntax pre,.output-error-runtime pre,.output-error-timeout pre{color:var(--color-error)}.output-error-syntax{border-left:3px solid var(--color-error)}.output-error-runtime{border-left:3px solid var(--color-warning)}.output-error-timeout{border-left:3px solid var(--color-text-muted)}.tab-error-indicator{background:var(--color-error);width:8px;height:8px;margin-left:var(--space-2);border-radius:50%;display:inline-block}.keyboard-hint kbd{padding:var(--space-1) var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);display:inline-block}.keyboard-icon{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);width:20px;height:20px;font-family:var(--font-mono);font-size:var(--text-xs);justify-content:center;align-items:center;display:inline-flex}.shortcut-item{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.shortcut-item:last-child{border-bottom:none}.shortcut-item kbd{padding:var(--space-1) var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);display:inline-block}.shortcut-item span{color:var(--color-text-muted)}.settings-form{gap:var(--space-4);flex-direction:column;display:flex}.settings-item{justify-content:space-between;align-items:center;display:flex}.settings-item label{font-weight:var(--font-medium)}.settings-control{align-items:center;gap:var(--space-2);display:flex}.font-size-value{text-align:center;min-width:50px;font-family:var(--font-mono)}.history-content{max-height:400px;overflow-y:auto}.history-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-8)}.history-list{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.history-item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-background);border-radius:var(--border-radius-md);border:1px solid var(--color-border);display:flex}.history-code{font-family:var(--font-mono);font-size:var(--text-xs);text-overflow:ellipsis;flex:1;max-height:60px;margin:0;line-height:1.4;overflow:hidden}.blog-page{max-width:900px;padding:var(--space-8) var(--space-6);margin:0 auto}.blog-list h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-8);text-align:center}.blog-grid{gap:var(--space-6);display:grid}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast)}.blog-card:hover{border-color:var(--color-primary)}.blog-card h2{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.blog-card .blog-card-link{color:var(--color-text);text-decoration:none}.blog-card .blog-card-link:hover{color:var(--color-primary)}.blog-card .excerpt{color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.6}.blog-card .tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.blog-meta{gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.blog-meta span{align-items:center;gap:var(--space-1);display:inline-flex}.no-posts{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.no-posts .icon{font-size:var(--text-3xl);margin-bottom:var(--space-4);opacity:.5}.no-posts p{margin-bottom:var(--space-4)}.blog-pagination{margin-top:var(--space-8);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.blog-content{margin-bottom:var(--space-8);line-height:1.75}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{margin-top:var(--space-8);margin-bottom:var(--space-4)}.blog-content p{margin-bottom:var(--space-4)}.blog-content ul,.blog-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.blog-content a{color:var(--color-primary)}.blog-nav{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.blog-not-found{text-align:center;padding:var(--space-16)}.blog-not-found .icon{font-size:var(--text-4xl);color:var(--color-warning);margin-bottom:var(--space-4)}.blog-not-found h1{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.blog-not-found p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.blog-not-found .btn{align-items:center;gap:var(--space-2);display:inline-flex}.blog-header{text-align:center;margin-bottom:var(--space-8)}.blog-header h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.blog-header .blog-intro{color:var(--color-text-muted);font-size:var(--text-lg)}.tag-filter{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.tag-filter .filter-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.tag-filter .tag-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-btn{padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.tag-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag-btn.tag-btn-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.posts-grid{gap:var(--space-6);display:grid}.post-card-link{color:inherit;text-decoration:none;display:block}.post-card-link:hover{text-decoration:none}.post-card-link:hover .post-title{color:var(--color-primary)}.post-card .post-meta{gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);display:flex}.post-card .post-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);transition:color var(--transition-fast)}.post-card .post-excerpt{color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.6}.post-card .post-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.rss-link{text-align:center;margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.rss-link a{color:var(--color-text-muted);font-size:var(--text-sm)}.rss-link a:hover{color:var(--color-primary)}.rss-link .rss-icon{margin-right:var(--space-1)}.blog-post{max-width:750px;padding:var(--space-8) var(--space-6);margin:0 auto}.blog-post-header{margin-bottom:var(--space-8)}.blog-post-header .back-link{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6);text-decoration:none;display:inline-flex}.blog-post-header .back-link:hover{color:var(--color-primary)}.blog-post-header h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);line-height:1.2}.blog-post-header .blog-meta{margin-bottom:var(--space-4)}.blog-post-header .tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.blog-post-nav{gap:var(--space-4);padding-top:var(--space-8);margin-top:var(--space-8);border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.blog-post-nav{grid-template-columns:1fr}}.nav-prev,.nav-next{gap:var(--space-1);padding:var(--space-4);border-radius:var(--border-radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.nav-prev:hover,.nav-next:hover{border-color:var(--color-primary);text-decoration:none}.nav-prev .nav-label,.nav-next .nav-label{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.nav-prev .nav-title,.nav-next .nav-title{font-weight:var(--font-medium);color:var(--color-text)}.nav-next{text-align:right}.nav-next .nav-label{justify-content:flex-end}.prose{font-size:var(--text-base);color:var(--color-text);line-height:1.75}.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:var(--space-8);margin-bottom:var(--space-4);font-weight:var(--font-semibold)}.prose h2{font-size:var(--text-2xl)}.prose h3{font-size:var(--text-xl)}.prose h4{font-size:var(--text-lg)}.prose p{margin-bottom:var(--space-4)}.prose a{color:var(--color-primary)}.prose a:hover{text-decoration:underline}.prose ul,.prose ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-muted);font-style:italic}.prose pre{margin:var(--space-6) 0;padding:var(--space-4);background:var(--code-background);border-radius:var(--border-radius-lg);overflow-x:auto}.prose code{font-family:var(--font-mono);font-size:.9em}.prose :not(pre)>code{background:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm)}.prose img{border-radius:var(--border-radius-lg);max-width:100%;height:auto;margin:var(--space-6) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.prose table{border-collapse:collapse;width:100%;margin:var(--space-6) 0}.prose th,.prose td{padding:var(--space-3);border:1px solid var(--color-border);text-align:left}.prose th{background:var(--color-surface);font-weight:var(--font-semibold)}.share-section{align-items:center;gap:var(--space-4);padding:var(--space-6) 0;border-top:1px solid var(--color-border);margin-top:var(--space-8);display:flex}.share-label{font-size:var(--text-sm);color:var(--color-text-muted)}.share-buttons{gap:var(--space-2);display:flex}.share-btn{border-radius:var(--border-radius-full);background:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.share-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.share-btn.share-twitter:hover{color:#fff;background:#000;border-color:#000}.share-btn.share-linkedin:hover{color:#fff;background:#0077b5;border-color:#0077b5}.share-btn.share-copy:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.related-posts{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.related-posts h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.related-posts-grid{gap:var(--space-4);display:grid}@media (width>=640px){.related-posts-grid{grid-template-columns:repeat(3,1fr)}}.related-post-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.related-post-card:hover{border-color:var(--color-primary)}.related-post-card h4{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-2);line-height:1.4}.related-post-card .related-date{font-size:var(--text-xs);color:var(--color-text-muted)}.benchmarks-page{min-height:calc(100vh - var(--header-height) - var(--footer-height));background:var(--bg-primary);padding:2rem 0 4rem}.benchmarks-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.benchmarks-header{text-align:center;margin-bottom:2rem}.benchmarks-header h1{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.benchmarks-header .benchmarks-intro{color:var(--text-secondary);max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.6}.benchmarks-cta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.benchmarks-meta{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:2rem;padding:1.5rem}.benchmarks-meta .meta-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.benchmarks-meta .meta-item{flex-direction:column;gap:.25rem;display:flex}.benchmarks-meta .meta-item strong{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.benchmarks-meta .meta-item span{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1rem}.benchmarks-content h1,.benchmarks-content h2,.benchmarks-content h3{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem}.benchmarks-content h2{border-bottom:2px solid var(--border-color);padding-bottom:.5rem;font-size:1.75rem}.benchmarks-content h3{font-size:1.25rem}.benchmarks-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.benchmarks-content blockquote{background:var(--bg-tertiary);border-left:4px solid var(--accent-primary);border-radius:.25rem;margin:1.5rem 0;padding:1rem 1.5rem}.benchmarks-content blockquote strong{color:var(--text-primary)}.benchmarks-content table{border-collapse:collapse;background:var(--bg-secondary);border-radius:.5rem;width:100%;margin:1.5rem 0;font-size:.9rem;overflow:hidden}.benchmarks-content table thead{background:var(--bg-tertiary)}.benchmarks-content table thead th{text-align:left;color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap;padding:.75rem .5rem;font-weight:600}.benchmarks-content table thead th:first-child{padding-left:1rem}.benchmarks-content table thead th strong{color:var(--accent-primary)}.benchmarks-content table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.benchmarks-content table tbody tr:hover{background:var(--bg-tertiary)}.benchmarks-content table tbody tr:last-child{border-bottom:none}.benchmarks-content table tbody td{color:var(--text-secondary);padding:.75rem .5rem;font-family:JetBrains Mono,monospace}.benchmarks-content table tbody td:first-child{color:var(--text-primary);padding-left:1rem;font-family:Inter,sans-serif;font-weight:500}.benchmarks-content table tbody td strong{color:var(--text-primary);font-weight:600}@media (width<=1200px){.benchmarks-content table{white-space:nowrap;font-size:.85rem;display:block;overflow-x:auto}.benchmarks-content table thead th,.benchmarks-content table tbody td{padding:.6rem .4rem}}@media (width<=768px){.benchmarks-content table{font-size:.75rem}.benchmarks-content table thead th,.benchmarks-content table tbody td{padding:.5rem .3rem}.benchmarks-content table thead th:first-child,.benchmarks-content table tbody td:first-child{padding-left:.5rem}}.benchmarks-error{background:var(--error-bg);border:1px solid var(--error-border);text-align:center;color:var(--error-text);border-radius:.5rem;padding:2rem}.benchmarks-error p{margin-bottom:1rem}.changelog-page{max-width:900px;padding:var(--space-8) var(--space-6);margin:0 auto}.changelog-container h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);text-align:center}.changelog-header{text-align:center;margin-bottom:var(--space-6)}.changelog-header h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.changelog-header .changelog-intro{color:var(--color-text-muted);font-size:var(--text-lg);max-width:600px;margin:0 auto}.changelog-header .changelog-intro a{color:var(--color-primary)}.changelog-cta{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.changelog-content,.changelog-versions{gap:var(--space-8);flex-direction:column;display:flex}.changelog-version{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6)}.changelog-version .version-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.changelog-version .version-header h2{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.changelog-version .version-header h2 .version-number{color:var(--color-primary)}.changelog-version .version-meta{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.changelog-version .version-meta .version-date{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.changelog-version .version-meta .version-count{font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.changelog-version .version-meta .version-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-primary);display:flex}.changelog-version .version-meta .version-link:hover{text-decoration:underline}.changelog-version .version-sections{gap:var(--space-6);flex-direction:column;display:flex}.changelog-section-item .section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.changelog-section-item .section-header h4{font-size:var(--text-base);font-weight:var(--font-semibold);align-items:center;gap:var(--space-2);margin:0;display:flex}.changelog-section-item .section-header h4 .section-icon{font-family:var(--font-mono);font-weight:var(--font-bold)}.changelog-section-item .section-header .section-count{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.changelog-section-item .change-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.changelog-section-item .change-list li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);padding-left:var(--space-4);line-height:1.5;display:flex;position:relative}.changelog-section-item .change-list li:before{content:"•";color:var(--color-text-muted);position:absolute;left:0}.changelog-section-item .change-list li .change-text{color:var(--color-text)}.changelog-section-item.changelog-section-added .section-header h4,.changelog-section-item.changelog-section-added .change-list li:before{color:#22c55e}.changelog-section-item.changelog-section-changed .section-header h4,.changelog-section-item.changelog-section-changed .change-list li:before{color:#3b82f6}.changelog-section-item.changelog-section-fixed .section-header h4,.changelog-section-item.changelog-section-fixed .change-list li:before{color:#a855f7}.changelog-section-item.changelog-section-removed .section-header h4,.changelog-section-item.changelog-section-removed .change-list li:before{color:#ef4444}.changelog-loading,.changelog-error{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.changelog-error{color:var(--color-error)}.changelog-pagination{margin-top:var(--space-8);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.pagination-info{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.pagination{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.pagination-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--color-background);border-color:var(--color-primary-light);color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.pagination-btn .pagination-btn-text{display:none}}.pagination-pages{align-items:center;gap:var(--space-1);display:flex}.pagination-page{min-width:36px;height:36px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.pagination-page:hover:not(:disabled):not(.active){background:var(--color-background);border-color:var(--color-primary-light);color:var(--color-primary)}.pagination-page.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast);cursor:default}.pagination-page:disabled:not(.active){opacity:.5;cursor:not-allowed}.pagination-ellipsis{padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.roadmap-page{max-width:900px;padding:var(--space-8) var(--space-6);margin:0 auto}.roadmap-container h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);text-align:center}.roadmap-intro{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-6);max-width:600px;margin-left:auto;margin-right:auto}.roadmap-cta{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.roadmap-filter{margin-bottom:var(--space-8);justify-content:center;display:flex}.roadmap-filter .filter-toggle{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.roadmap-filter .filter-toggle input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer}.roadmap-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-4);transition:border-color var(--transition-fast)}.roadmap-card:hover{border-color:var(--color-primary-light)}.roadmap-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.roadmap-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.roadmap-card-header h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.roadmap-card-footer{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.target-version{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-background);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);display:inline-flex}.issue-link{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-primary);text-decoration:none;display:inline-flex}.issue-link:hover{text-decoration:underline}.roadmap-header{text-align:center;margin-bottom:var(--space-12)}.roadmap-header h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.roadmap-header .roadmap-description{color:var(--color-text-muted);font-size:var(--text-lg);max-width:600px;margin:0 auto}.roadmap-content{gap:var(--space-8);flex-direction:column;display:flex}.roadmap-content .hidden{display:none}.current-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-4);margin-bottom:var(--space-8);font-size:var(--text-base)}.roadmap-phases{gap:var(--space-12);flex-direction:column;display:flex}.roadmap-phase{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6)}.roadmap-phase .phase-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.roadmap-phase .phase-header h2{font-size:var(--text-xl);font-weight:var(--font-bold);align-items:baseline;gap:var(--space-2);margin:0;display:flex}.roadmap-phase .phase-header h2 .phase-number{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.roadmap-phase .phase-progress{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.roadmap-phase .phase-progress .progress-text{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.roadmap-phase .phase-progress .progress-bar{background:var(--color-border);border-radius:var(--border-radius-full);width:100px;height:6px;overflow:hidden}.roadmap-phase .phase-progress .progress-bar .progress-fill{background:var(--color-primary);border-radius:var(--border-radius-full);height:100%;transition:width var(--transition-base)}.roadmap-phase .phase-goal{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.roadmap-phase .phase-sections{gap:var(--space-6);flex-direction:column;display:flex}.roadmap-section-item .section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.roadmap-section-item .section-header h4{font-size:var(--text-base);font-weight:var(--font-semibold);align-items:baseline;gap:var(--space-2);margin:0;display:flex}.roadmap-section-item .section-header h4 .section-number{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.roadmap-section-item .section-header .section-progress{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);white-space:nowrap}.roadmap-section-item .progress-bar{background:var(--color-border);border-radius:var(--border-radius-full);height:4px;margin-bottom:var(--space-3);overflow:hidden}.roadmap-section-item .progress-bar .progress-fill{background:var(--color-success);border-radius:var(--border-radius-full);height:100%;transition:width var(--transition-base)}.roadmap-section-item .task-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.roadmap-section-item .task-list>li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);line-height:1.5;display:flex}.roadmap-section-item .task-list>li.completed .task-text{color:var(--color-text-muted);text-decoration:line-through}.roadmap-section-item .task-list>li .task-checkbox{font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0}.roadmap-section-item .task-list>li .task-text{color:var(--color-text)}.roadmap-section-item .task-list .subtasks{margin:var(--space-2) 0 0 var(--space-6);gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.roadmap-section-item .task-list .subtasks li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);display:flex}.roadmap-section-item .task-list .subtasks li.completed .task-text{color:var(--color-text-muted);text-decoration:line-through}.priority-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);margin-top:var(--space-8)}.priority-section h2{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.priority-section .priority-list{padding-left:var(--space-6);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.priority-section .priority-list li{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.priority-section .priority-list li::marker{color:var(--color-primary);font-weight:var(--font-bold)}.roadmap-loading,.roadmap-error{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.roadmap-error{color:var(--color-error)}.roadmap-item .roadmap-item-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.roadmap-item .roadmap-item-header h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.roadmap-item .roadmap-item-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.roadmap-item .roadmap-milestone{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-background);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);display:inline-block}.suggest-feature{text-align:center;margin-top:var(--space-16);padding:var(--space-12);background:var(--color-surface);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.suggest-feature h2{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.suggest-feature p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.coverage-page{max-width:1100px;padding:var(--space-8) var(--space-6);margin:0 auto}.coverage-header{text-align:center;margin-bottom:var(--space-6)}.coverage-header h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.coverage-header .coverage-intro{color:var(--color-text-muted);font-size:var(--text-lg);max-width:600px;margin:0 auto}.coverage-header .coverage-intro a{color:var(--color-primary)}.coverage-cta{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.coverage-content{gap:var(--space-8);flex-direction:column;display:flex}.coverage-overview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);align-items:center;gap:var(--space-6);flex-direction:column;display:flex}@media (width>=768px){.coverage-overview{flex-direction:row;justify-content:space-around}}.coverage-score{text-align:center}.coverage-score .score-value{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:1;display:block}.coverage-score .score-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2);display:block}.coverage-score.coverage-high .score-value{color:#22c55e}.coverage-score.coverage-medium .score-value{color:#f59e0b}.coverage-score.coverage-low .score-value{color:#ef4444}.coverage-stats{gap:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.coverage-stats .stat{text-align:center}.coverage-stats .stat .stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);display:block}.coverage-stats .stat .stat-label{font-size:var(--text-sm);color:var(--color-text-muted);display:block}.coverage-files{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);overflow-x:auto}.coverage-files h2{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.coverage-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.coverage-table th,.coverage-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.coverage-table th{font-weight:var(--font-semibold);color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.coverage-table tbody tr:hover{background:var(--color-background)}.coverage-table .file-path code{font-size:var(--text-xs);background:0 0;padding:0}.coverage-table .file-coverage{width:150px}.coverage-table .file-percentage{text-align:right;width:60px;font-family:var(--font-mono)}.coverage-table .file-lines{text-align:right;width:80px;font-family:var(--font-mono);color:var(--color-text-muted)}.coverage-table tr.coverage-high .file-percentage{color:#22c55e}.coverage-table tr.coverage-medium .file-percentage{color:#f59e0b}.coverage-table tr.coverage-low .file-percentage{color:#ef4444}@media (width<=639px){.coverage-table{font-size:var(--text-xs)}.coverage-table th,.coverage-table td{padding:var(--space-1) var(--space-2)}}.coverage-bar{background:var(--color-border);border-radius:var(--border-radius-full);height:8px;overflow:hidden}.coverage-bar .coverage-fill{border-radius:var(--border-radius-full);height:100%;transition:width var(--transition-base)}.coverage-bar .coverage-fill.coverage-high{background:#22c55e}.coverage-bar .coverage-fill.coverage-medium{background:#f59e0b}.coverage-bar .coverage-fill.coverage-low{background:#ef4444}.coverage-loading,.coverage-error{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.coverage-error{color:var(--color-error)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}[tabindex="0"]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.tabs:focus-within{outline:none}.dropdown:focus-within{outline:none}.accordion:focus-within{outline:none}input:focus-visible{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}select:focus-visible{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}.btn,.nav-link,.tab-button,.accordion-trigger,.dropdown-item,.mobile-menu-toggle,.theme-toggle,.modal-close,.toast-close{min-width:44px;min-height:44px}.icon-btn{min-width:44px;min-height:44px;padding:var(--space-2);justify-content:center;align-items:center;display:inline-flex}@media (width<=767px){.btn-sm{min-width:44px;min-height:44px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus{width:auto;height:auto;padding:var(--space-3) var(--space-4);clip:auto;white-space:normal;margin:0;position:static;overflow:visible}.sr-only-focusable:focus-visible{width:auto;height:auto;padding:var(--space-3) var(--space-4);clip:auto;white-space:normal;margin:0;position:static;overflow:visible}@media (prefers-contrast:high){:root{--color-border:#000;--color-text-muted:#333}[data-theme=dark]{--color-border:#fff;--color-text-muted:#ccc}.card,.btn-secondary,.btn-outline,.badge,input,textarea{border-width:2px}}.skip-link{top:-100%;left:var(--space-4);z-index:var(--z-skip-link);padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;font-weight:var(--font-semibold);border-radius:var(--border-radius-md);transition:top var(--transition-fast);text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4)}.modal[aria-modal=true]:focus,.modal-content:focus{outline:none}.tab-button[aria-selected=true]{border-bottom:2px solid var(--color-primary)}.dropdown-item[aria-selected=true]{background-color:var(--color-surface);outline:2px solid var(--color-primary);outline-offset:-2px}.dropdown-item:focus-visible{background-color:var(--color-surface);outline:2px solid var(--color-primary);outline-offset:-2px}.accordion-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.h1{font-size:var(--text-5xl)}.h2{font-size:var(--text-3xl)}.h3{font-size:var(--text-2xl)}.h4{font-size:var(--text-xl)}.h5{font-size:var(--text-lg)}.h6{font-size:var(--text-base)}[aria-hidden=true]{pointer-events:none}[aria-required=true]:after{content:" *";color:var(--color-error)}[aria-invalid=true]{border-color:var(--color-error)!important}[aria-invalid=true]:focus-visible{outline-color:var(--color-error)}[aria-disabled=true],[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}[aria-current=page]{font-weight:var(--font-semibold);color:var(--color-primary)}[aria-expanded=false]+.collapse-content{display:none}[aria-expanded=true]+.collapse-content{display:block}img:not([alt]){outline:3px solid var(--color-error)}a[target=_blank]:after{content:""}@media print{.skip-link,.mobile-menu-toggle,.theme-toggle,.toast-container,.modal-overlay,.topbar,.footer{display:none!important}body{color:#000;background:#fff}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em}h1,h2,h3,h4,h5,h6{page-break-after:avoid}pre,code,blockquote{page-break-inside:avoid}}.docs-content,.blog-content,.changelog-content{content-visibility:auto;contain-intrinsic-size:auto 500px}.footer{content-visibility:auto;contain-intrinsic-size:auto 300px}.card,.feature-card,.blog-post-card{contain:layout style}.code-block,.modal,.toast{contain:layout style paint}.mobile-menu-toggle,.modal-overlay,.toast{will-change:opacity}@media (width<=1023px){.docs-sidebar{will-change:transform}}.modal.closing,.toast.dismissed{will-change:auto}img[loading=lazy]{aspect-ratio:attr(width)/attr(height)}.image-placeholder{background:var(--color-surface);animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.font-loading{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{line-height:var(--leading-normal)}code,pre,.font-mono{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:target{scroll-margin-top:calc(var(--topbar-height) + var(--space-4))}.docs-sidebar,.docs-toc,.code-block pre,.search-results-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.animate-enter{animation:fadeIn var(--transition-normal) ease-out}.animate-exit{animation:fadeOut var(--transition-normal) ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.gpu-accelerated{backface-visibility:hidden;transform:translateZ(0)}@media (hover:none){.feature-card:hover,.card:hover{box-shadow:var(--shadow-sm);transform:none}}.landing{max-width:var(--content-max-width);padding:0 var(--space-6);margin:0 auto}.hero{text-align:center;padding:var(--space-24) 0 var(--space-16)}.hero h1{font-size:var(--text-5xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--color-text)}.hero .tagline{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-md);font-weight:var(--font-semibold);transition:all var(--transition-fast);min-height:44px;text-decoration:none;display:inline-flex}.btn.btn-primary{background-color:var(--color-primary);color:#fff}.btn.btn-primary:hover{background-color:var(--color-primary-hover);text-decoration:none}.btn.btn-secondary{color:var(--color-text);border:2px solid var(--color-border);background-color:transparent}.btn.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.btn.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background-color:transparent}.btn.btn-outline:hover{background-color:var(--color-primary);color:#fff;text-decoration:none}.btn.btn-ghost{color:var(--color-text);background-color:transparent}.btn.btn-ghost:hover{background-color:var(--color-surface);text-decoration:none}.btn.btn-destructive{background-color:var(--color-error);color:#fff}.btn.btn-destructive:hover{background-color:#dc2626;text-decoration:none}.btn.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn:disabled{opacity:.5;cursor:not-allowed}.features{padding:var(--space-16) 0}.features h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-8)}.feature-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1023px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-surface);padding:var(--space-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.feature-card .icon{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.feature-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text)}.feature-card p{color:var(--color-text-muted);font-size:var(--text-sm)}.card{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--space-6)}.card.card-default{border:1px solid var(--color-border)}.card.card-elevated{box-shadow:var(--shadow-md)}.card.card-outlined{border:2px solid var(--color-border);background:0 0}.badge{padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);align-items:center;display:inline-flex}.badge.badge-default{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge.badge-success{color:#166534;background:#dcfce7}.badge.badge-warning{color:#92400e;background:#fef3c7}.badge.badge-error{color:#991b1b;background:#fee2e2}.badge.badge-info{color:#1e40af;background:#dbeafe}.badge.badge-secondary{color:#92400e;background:rgba(245,173,24,.15);border:1px solid rgba(245,173,24,.3)}[data-theme=dark] .badge-success{color:#dcfce7;background:#166534}[data-theme=dark] .badge-warning{color:#fef3c7;background:#92400e}[data-theme=dark] .badge-error{color:#fee2e2;background:#991b1b}[data-theme=dark] .badge-info{color:#dbeafe;background:#1e40af}[data-theme=dark] .badge-secondary{color:#fef3c7;background:rgba(245,173,24,.2);border-color:rgba(245,173,24,.4)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge-success{color:#dcfce7;background:#166534}:root:not([data-theme=light]) .badge-warning{color:#fef3c7;background:#92400e}:root:not([data-theme=light]) .badge-error{color:#fee2e2;background:#991b1b}:root:not([data-theme=light]) .badge-info{color:#dbeafe;background:#1e40af}:root:not([data-theme=light]) .badge-secondary{color:#fef3c7;background:rgba(245,173,24,.2);border-color:rgba(245,173,24,.4)}}.code-block{background:var(--code-background);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);position:relative;overflow:hidden}.code-block .code-header{padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.code-block .code-actions{gap:var(--space-2);display:flex}.code-block pre{padding:var(--space-4);border:none;border-radius:0;margin:0;overflow-x:auto}.code-block code{background:0 0;padding:0}.code-block code .keyword{color:var(--code-keyword)}.code-block code .string{color:var(--code-string)}.code-block code .number{color:var(--code-number)}.code-block code .comment{color:var(--code-comment)}.code-block code .function{color:var(--code-function)}.code-block code .type{color:var(--code-type)}.code-block code .operator{color:var(--code-operator)}.code-block code .variable{color:var(--code-variable)}.code-block code .symbol{color:var(--code-symbol)}.code-block.with-line-numbers pre{padding-left:var(--space-12)}.code-block.with-line-numbers .line-numbers{width:var(--space-10);padding:var(--space-4) var(--space-2);background:var(--color-surface);border-right:1px solid var(--color-border);text-align:right;color:var(--color-text-muted);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;position:absolute;top:0;bottom:0;left:0}.example{padding:var(--space-16) 0}.example h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-8)}.footer{margin-top:var(--space-16);padding:var(--space-16) 0 var(--space-8);background:var(--color-surface);border-top:1px solid var(--color-border)}.footer .footer-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:2fr repeat(3,1fr);display:grid}@media (width<=767px){.footer .footer-grid{text-align:center;grid-template-columns:1fr}}.footer .footer-brand .logo{align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-2);display:flex}@media (width<=767px){.footer .footer-brand .logo{justify-content:center}}.footer .footer-brand .logo .logo-icon{flex-shrink:0;width:1.5em;height:1.5em}.footer .footer-brand .logo .logo-text{font-weight:var(--font-bold)}.footer .footer-brand .tagline{color:var(--color-text-muted);font-size:var(--text-sm)}.footer .footer-column h4{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.footer .footer-column ul{gap:var(--space-2);flex-direction:column;display:flex}.footer .footer-column a{color:var(--color-text);font-size:var(--text-sm)}.footer .footer-column a:hover{color:var(--color-primary)}.footer .footer-bottom{text-align:center;padding-top:var(--space-8);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}@media (width<=767px){.hero{padding:var(--space-16) 0 var(--space-12)}.hero h1{font-size:var(--text-3xl)}.hero .tagline{font-size:var(--text-base)}}