: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;--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;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, 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-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--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 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}@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}}[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}*,: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{line-height:var(--leading-tight);font-weight:var(--font-semibold)}h1{font-size:var(--text-4xl)}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)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-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}@media (prefers-reduced-motion:no-preference){*{transition:color var(--transition-normal), background-color var(--transition-normal), border-color var(--transition-normal)}}.skip-link{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;z-index:9999;position:absolute;top:-100%;left: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)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.modal-backdrop{z-index:1000;padding:var(--space-4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-normal), visibility var(--transition-normal);background:#00000080;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 #0000;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:1100;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:1000;pointer-events:none;position:absolute}.tooltip-wrapper .tooltip:after{content:"";border:5px solid #0000;position:absolute}.tooltip-wrapper:hover .tooltip,.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,.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:100;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)}.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:1000;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:#00000080;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,.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:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.topbar-inner{max-width:1200px;padding:0 var(--space-6);justify-content:space-between;align-items:center;height:72px;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:1000;animation:.15s ease-out dropdown-fade-in;position:absolute;left:0;box-shadow:0 4px 12px #0000001a}.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)}.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:#0003;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;max-height:calc(100vh - 72px);display:grid;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 4px 12px #0000001a}.nav-mobile>*{overflow:hidden}.nav-mobile.open{opacity:1;pointer-events:auto;grid-template-rows:1fr}@media (width>=768px){.nav-mobile{display:none!important}}.nav-mobile .nav-link{padding:var(--space-3);font-size:var(--text-base);color:var(--color-text)}.nav-mobile .nav-link:hover{background:var(--color-background)}.topbar-container{max-width:1200px;padding:0 var(--space-6);justify-content:space-between;align-items:center;height:72px;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-actions{align-items:center;gap:var(--space-2);display:flex}.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 - 372px)}.footer{margin-top:var(--space-16);background:var(--color-surface);border-top:1px solid var(--color-border)}.footer-inner,.footer-container{max-width:1200px;padding:var(--space-16) var(--space-6) var(--space-8);margin:0 auto}.skip-link{top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);z-index:9999;text-decoration:none;position:absolute}.container{max-width:1200px;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 #9e1c6040}.hero .cta-buttons .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #9e1c6059}.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:#f5ad1814}.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 #9e1c6026;box-shadow:0 8px 30px #0000001f}.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:#f5ad1833;box-shadow:0 8px 30px #0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero-code .code-block{border-color:#f5ad1833;box-shadow:0 8px 30px #0000004d}}.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:#f5ad184d;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)}.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,#f5ad1826);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-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:#f5ad184d;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:#f5ad180a}.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:#f5ad1814}@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:#f5ad180f}[data-theme=dark] .comparison-table tbody tr:hover td:nth-child(2){background:#f5ad181a}@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:#f5ad180f}:root:not([data-theme=light]) .comparison-table tbody tr:hover td:nth-child(2){background:#f5ad181a}}.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:#0000;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:#9e1c604d}.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:#dc26261a}.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:#f5ad184d}:root:not([data-theme=light]) .interactive-code-block .code-input::selection{background:#f5ad184d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .interactive-code-block .code-input::selection{background:#f5ad184d}}.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:#00000080;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 #0000;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 #0000}.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:#0000;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,.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-12);flex-wrap:wrap;display:flex}.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}.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,a:focus-visible,[role=button]:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.tabs:focus-within,.dropdown:focus-within,.accordion:focus-within{outline:none}input:focus-visible,textarea:focus-visible,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,.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:9999;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:focus-visible,.dropdown-item[aria-selected=true]{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,h1{font-size:var(--text-5xl)}.h2,h2{font-size:var(--text-3xl)}.h3,h3{font-size:var(--text-2xl)}.h4,h4{font-size:var(--text-xl)}.h5,h5{font-size:var(--text-lg)}.h6,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,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,64px) + 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:1200px;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:#0000}.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:#0000}.btn.btn-outline:hover{background-color:var(--color-primary);color:#fff;text-decoration:none}.btn.btn-ghost{color:var(--color-text);background-color:#0000}.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:#f5ad1826;border:1px solid #f5ad184d}[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:#f5ad1833;border-color:#f5ad1866}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge-secondary{color:#fef3c7;background:#f5ad1833;border-color:#f5ad1866}}.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.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{padding:var(--space-16) 0 var(--space-8);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)}}