:root{color-scheme:dark;--kioku-neutral-0: #f7f8ff;--kioku-neutral-100: #c9d2ea;--kioku-neutral-300: #8e9ab8;--kioku-neutral-500: #65708d;--kioku-neutral-600: #3b4d72;--kioku-neutral-700: #293754;--kioku-neutral-800: #1c2947;--kioku-neutral-850: #162039;--kioku-neutral-900: #101729;--kioku-neutral-925: #0c1220;--kioku-neutral-950: #090d18;--kioku-neutral-975: #080c15;--kioku-violet-400: #a093ff;--kioku-violet-500: #8b7cff;--kioku-violet-600: #6d5ae8;--kioku-violet-700: #5141b8;--kioku-violet-900: #2a245a;--kioku-cyan-400: #57d4ff;--kioku-blue-400: #65a7ff;--kioku-green-400: #5ed6a0;--kioku-amber-400: #f6c76a;--kioku-red-400: #ff7a90;--surface-canvas: var(--kioku-neutral-950);--surface-base: var(--kioku-neutral-900);--surface-raised: var(--kioku-neutral-850);--surface-elevated: var(--kioku-neutral-800);--surface-code: var(--kioku-neutral-975);--surface-navigation: var(--kioku-neutral-925);--text-heading: var(--kioku-neutral-0);--text-body: var(--kioku-neutral-100);--text-muted: var(--kioku-neutral-300);--text-subtle: var(--kioku-neutral-300);--text-disabled: var(--kioku-neutral-500);--text-link: var(--kioku-blue-400);--text-on-accent: var(--kioku-neutral-950);--border-default: var(--kioku-neutral-700);--border-strong: var(--kioku-neutral-600);--border-focus: var(--kioku-cyan-400);--action-primary: var(--kioku-violet-500);--action-primary-hover: var(--kioku-violet-400);--action-primary-subtle: var(--kioku-violet-900);--status-info: var(--kioku-cyan-400);--status-success: var(--kioku-green-400);--status-warning: var(--kioku-amber-400);--status-danger: var(--kioku-red-400);--font-display: 'Outfit', 'Inter', system-ui, sans-serif;--font-body: 'Inter', system-ui, sans-serif;--font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Consolas, monospace;--type-display-xl: clamp(3rem, 6vw, 4rem);--type-display-lg: clamp(2.75rem, 5vw, 3rem);--type-h1: clamp(2.25rem, 4vw, 2.5rem);--type-h2: clamp(1.75rem, 3vw, 2rem);--type-h3: 1.5rem;--type-h4: 1.25rem;--type-body-lg: 1.125rem;--type-body-md: 1rem;--type-body-sm: 0.875rem;--type-label-sm: 0.75rem;--space-0: 0;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.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-24: 6rem;--radius-sm: 0.5rem;--radius-md: 0.75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 999px;--header-height: 4rem;--sidebar-width: 16rem;--toc-width: 14rem;--content-width: 51.25rem;--wide-content-width: 70rem;--page-width: 90rem;--shadow-1: 0 0.25rem 1rem color-mix(in srgb, var(--surface-canvas) 70%, transparent);--shadow-2: 0 0.75rem 2rem color-mix(in srgb, var(--surface-canvas) 78%, transparent);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--border-focus) 42%, transparent);--transition-fast: 160ms ease}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-6))}body{min-width:20rem;margin:0;background:var(--surface-canvas);color:var(--text-body);font:400 var(--type-body-md)/1.625 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}::selection{background:color-mix(in srgb, var(--action-primary) 38%, transparent);color:var(--text-heading)}:focus-visible{outline:0;box-shadow:var(--focus-ring)}.skip-link{position:fixed;top:-5rem;left:var(--space-4);z-index:1000;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--status-info);color:var(--text-on-accent);font-weight:700}.skip-link:focus{top:var(--space-3)}a{color:var(--text-link);text-decoration:none;text-underline-offset:0.18em}a:hover{color:var(--status-info)}p,ul,ol,table,blockquote,pre{margin-top:0;margin-bottom:1.375rem}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-family:var(--font-display);font-weight:700;letter-spacing:-0.025em}h1{margin:0 0 var(--space-6);font-size:var(--type-h1);line-height:1.2}h2{margin:var(--space-12) 0 var(--space-5);font-size:var(--type-h2);line-height:1.25}h3{margin:var(--space-8) 0 var(--space-3);font-size:var(--type-h3);line-height:1.34}h4{margin:var(--space-6) 0 var(--space-3);font-size:var(--type-h4);line-height:1.4}code{padding:0.16em 0.42em;border:1px solid var(--border-default);border-radius:0.375rem;background:var(--surface-code);color:var(--status-info);font-family:var(--font-mono);font-size:0.86em}pre{overflow-x:auto;padding:var(--space-5) var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-code)}pre code{padding:0;border:0;background:transparent;color:var(--text-body);font-size:0.875rem;line-height:1.57}.highlight .c,.highlight .c1,.highlight .cm{color:var(--text-muted);font-style:italic}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kt{color:var(--status-danger)}.highlight .s,.highlight .s1,.highlight .s2{color:var(--status-success)}.highlight .m,.highlight .mi,.highlight .mf{color:var(--status-warning)}.highlight .n,.highlight .na,.highlight .nf,.highlight .nt{color:var(--text-link)}blockquote{padding:var(--space-5) var(--space-6);border:1px solid var(--action-primary);border-left-width:0.25rem;border-radius:var(--radius-md);background:var(--surface-base)}blockquote p:last-child{margin-bottom:0}blockquote.note{border-color:var(--status-info)}blockquote.tip{border-color:var(--status-success)}blockquote.warning{border-color:var(--status-warning)}blockquote.caution{border-color:var(--status-danger)}table{display:block;width:100%;overflow-x:auto;border:1px solid var(--border-default);border-spacing:0;border-radius:var(--radius-md)}th,td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);text-align:left;vertical-align:top}th{background:var(--surface-base);color:var(--text-heading);font-size:var(--type-body-sm)}tr:last-child td{border-bottom:0}tr:nth-child(even) td{background:color-mix(in srgb, var(--surface-raised) 34%, transparent)}.main-header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header-height);border-bottom:1px solid var(--border-default);background:color-mix(in srgb, var(--surface-base) 92%, transparent);backdrop-filter:blur(1rem)}.header-container{display:flex;align-items:center;justify-content:space-between;width:min(100%, var(--page-width));height:100%;margin:auto;padding:0 var(--space-6)}.logo-link{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text-heading)}.logo-link:hover{color:var(--text-heading)}.header-logo{width:2.125rem;height:2.125rem;flex:0 0 auto}.header-title{font:700 1.25rem/1.4 var(--font-display);letter-spacing:-0.025em}.header-badge{display:none}.header-nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{min-height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-body);font-size:var(--type-body-sm);font-weight:500;line-height:2.5rem;transition:background var(--transition-fast),color var(--transition-fast)}.nav-link:hover{background:var(--surface-raised);color:var(--text-heading)}.nav-link.active{background:var(--action-primary-subtle);color:var(--action-primary-hover)}.github-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:var(--space-2);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-heading)}.github-link:hover{border-color:var(--action-primary);background:var(--surface-elevated)}.menu-toggle{display:none;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-base);color:var(--text-heading);cursor:pointer}.site-shell{width:min(100%, var(--page-width));min-height:calc(100vh - var(--header-height));margin:var(--header-height) auto 0}.site-shell.with-sidebar{display:grid;grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--toc-width)}.sidebar-nav{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto;padding:var(--space-8) var(--space-4) var(--space-12);border-right:1px solid var(--border-default);background:var(--surface-navigation)}.sidebar-section{margin-bottom:var(--space-8)}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{margin:0 0 var(--space-2);padding:0 var(--space-3);border:0;color:var(--text-muted);font:700 var(--type-label-sm)/1.33 var(--font-body);letter-spacing:0.1em;text-transform:uppercase}.sidebar-list{margin:0;padding:0;list-style:none}.sidebar-list li{margin:var(--space-1) 0}.sidebar-link{display:block;min-height:2.5rem;padding:0.625rem var(--space-3);border-radius:var(--radius-sm);color:var(--text-body);font-size:var(--type-body-sm);font-weight:500;line-height:1.43;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-link:hover{background:var(--surface-raised);color:var(--text-heading)}.sidebar-link.active{background:var(--action-primary-subtle);color:var(--action-primary-hover);font-weight:600}.sidebar-backdrop{display:none}.main-content{min-width:0;padding:var(--space-12) clamp(var(--space-6), 5vw, var(--space-16)) var(--space-10)}.main-content.has-sidebar{display:flex;flex-direction:column;align-items:center}.content-body{width:min(100%, var(--content-width));min-width:0;flex:1}.content-body>p:first-of-type{color:var(--text-body);font-size:var(--type-body-lg);line-height:1.67}.content-body h2{padding-top:var(--space-2)}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);color:var(--text-muted);font-size:var(--type-body-sm);font-weight:500}.breadcrumb a{color:var(--text-link)}.page-toc{position:sticky;top:calc(var(--header-height) + var(--space-8));align-self:start;max-height:calc(100vh - var(--header-height) - var(--space-16));overflow-y:auto;margin-top:var(--space-12);padding:0 var(--space-6) var(--space-8) var(--space-4);border-left:1px solid var(--border-default)}.page-toc-title{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--type-label-sm);font-weight:700;letter-spacing:0.1em;text-transform:uppercase}.page-toc ol{margin:0;padding:0;list-style:none}.page-toc a{display:block;margin:var(--space-1) 0;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--type-body-sm);line-height:1.43}.page-toc a:hover{background:var(--surface-raised);color:var(--text-heading)}.page-toc a.active{background:var(--action-primary-subtle);color:var(--action-primary-hover)}.page-toc .toc-level-3 a{padding-left:var(--space-5)}.docs-footer{display:flex;justify-content:space-between;gap:var(--space-5);width:min(100%, var(--content-width));margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--border-default);color:var(--text-muted);font-size:var(--type-body-sm)}.docs-footer p{margin:0}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-4)}.docs-footer a{color:var(--text-muted)}.docs-footer a:hover{color:var(--text-link)}body.home-layout .site-shell{width:100%;max-width:none}body.home-layout .main-content{padding:0}body.home-layout .content-body{width:100%;max-width:none}body.home-layout .docs-footer{width:min(calc(100% - var(--space-12)), var(--wide-content-width));margin-right:auto;margin-left:auto;margin-bottom:var(--space-8)}.home-wrap{width:min(calc(100% - var(--space-12)), var(--wide-content-width));margin:auto}.hero-section{display:flex;flex-direction:column;align-items:center;padding:clamp(var(--space-16), 9vw, 8rem) 0 var(--space-16);text-align:center}.hero-brand{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-5)}.hero-logo{width:5.75rem;height:5.75rem;flex:0 0 auto;filter:drop-shadow(0 1rem 2rem color-mix(in srgb, var(--action-primary) 24%, transparent))}.hero-brand-copy{text-align:left}.hero-wordmark{margin:0;color:var(--text-heading);font:700 3.125rem/1 var(--font-display);letter-spacing:-0.03em}.hero-tagline{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--type-body-md);font-weight:500}.version-badge{display:inline-flex;align-items:center;min-height:1.75rem;margin-bottom:var(--space-8);padding:0 var(--space-3);border:1px solid var(--action-primary);border-radius:var(--radius-full);background:var(--action-primary-subtle);color:var(--action-primary-hover);font:500 var(--type-label-sm)/1 var(--font-mono)}.hero-kicker,.section-kicker{margin:0 0 var(--space-3);color:var(--action-primary-hover);font-size:var(--type-label-sm);font-weight:700;letter-spacing:0.1em;text-transform:uppercase}.hero-title{max-width:61.25rem;margin:0 0 var(--space-6);font-size:var(--type-display-lg);line-height:1.17;letter-spacing:-0.035em}.hero-title span{color:var(--text-heading)}.hero-subtitle{max-width:56.25rem;margin:0 0 var(--space-8);color:var(--text-body);font-size:var(--type-body-lg);line-height:1.67}.hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 var(--space-6);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--type-body-md);font-weight:600;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn-primary{background:var(--action-primary);color:var(--text-on-accent)}.btn-primary:hover{background:var(--action-primary-hover);color:var(--text-on-accent);transform:translateY(-1px)}.btn-secondary{border-color:var(--border-strong);background:var(--surface-raised);color:var(--text-heading)}.btn-secondary:hover{border-color:var(--action-primary);background:var(--surface-elevated);color:var(--text-heading);transform:translateY(-1px)}.hero-command{width:min(100%, 42.5rem);margin-top:var(--space-10);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);text-align:left}.code-label{display:block;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);color:var(--text-muted);font:500 var(--type-label-sm)/1.5 var(--font-mono);text-transform:uppercase}.hero-command pre{margin:0;border:0;border-radius:0 0 var(--radius-md) var(--radius-md)}.trust-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3) var(--space-8);padding:var(--space-6) var(--space-4);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);color:var(--text-muted);font-size:var(--type-body-sm);font-weight:600}.home-section{padding:var(--space-16) 0}.home-section+.home-section{border-top:1px solid var(--border-default)}.home-section-title{max-width:47.5rem;margin:0 0 var(--space-4);padding:0;border:0;font-size:var(--type-h2)}.section-lede{max-width:47.5rem;margin-bottom:var(--space-8);color:var(--text-muted);font-size:var(--type-body-md)}.feature-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--space-6)}.docs-grid,.steps-grid,.product-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--space-6)}.feature-card,.doc-card,.step-card,.product-card{min-width:0;padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-raised)}.feature-card,.doc-card,.product-card{transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.feature-card:hover,.doc-card:hover,.product-card:hover{border-color:var(--border-strong);background:var(--surface-elevated);box-shadow:var(--shadow-1);transform:translateY(-2px)}.feature-card h3,.doc-card h3,.step-card h3,.product-card h3{margin:0 0 var(--space-3);font-size:var(--type-h4)}.feature-card p,.doc-card p,.step-card p,.product-card p{color:var(--text-body);font-size:var(--type-body-sm)}.feature-card p:last-of-type,.doc-card p:last-of-type,.step-card p:last-of-type,.product-card p:last-of-type{margin-bottom:0}.card-label{display:inline-flex;margin-bottom:var(--space-4);color:var(--action-primary-hover);font:600 var(--type-label-sm)/1.33 var(--font-body);letter-spacing:0.06em;text-transform:uppercase}.card-link,.doc-card-link{display:inline-flex;margin-top:var(--space-5);color:var(--text-link);font-size:var(--type-body-sm);font-weight:500}.step-card{background:var(--surface-base)}.step-number{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin-bottom:var(--space-5);border:1px solid var(--status-info);border-radius:var(--radius-full);background:color-mix(in srgb, var(--status-info) 8%, transparent);color:var(--status-info);font-family:var(--font-mono);font-weight:700}.product-boundary{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1px solid var(--status-info);border-radius:var(--radius-md);background:var(--surface-base)}.boundary-icon{width:1rem;height:1rem;border-radius:var(--radius-full);background:var(--status-info)}.product-boundary h2{margin:0 0 var(--space-1);padding:0;border:0;font:600 var(--type-body-md)/1.5 var(--font-body);letter-spacing:0}.product-boundary p{margin:0;color:var(--text-body);font-size:var(--type-body-sm)}.boundary-link{white-space:nowrap;font-size:var(--type-body-sm);font-weight:600}.product-card.server{border-top:3px solid var(--action-primary)}.product-card.plugin{border-top:3px solid var(--status-info)}.product-list{margin:var(--space-5) 0 0;padding-left:var(--space-5)}.product-list li{margin-bottom:var(--space-2)}.doc-card{display:flex;min-height:13rem;flex-direction:column;justify-content:space-between}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:clamp(var(--space-8), 5vw, var(--space-12));border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-raised)}.cta-panel h2{margin:0 0 var(--space-2);padding:0;border:0;font-size:var(--type-h3)}.cta-panel p{max-width:42.5rem;margin:0;color:var(--text-muted)}.mermaid{display:flex;justify-content:center;overflow-x:auto;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-base)}@media (max-width: 74rem){.site-shell.with-sidebar{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.page-toc{display:none}.docs-grid,.steps-grid,.product-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 56.25rem){.menu-toggle{display:inline-grid}.header-nav{position:fixed;top:calc(var(--header-height) + var(--space-2));right:var(--space-4);left:var(--space-4);display:none;flex-direction:column;align-items:stretch;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);box-shadow:var(--shadow-2)}.header-nav.open{display:flex}.nav-link{width:100%}.github-link{margin-left:0}.site-shell.with-sidebar{display:block}.sidebar-nav{position:fixed;top:var(--header-height);bottom:0;left:0;z-index:90;width:min(86vw, var(--sidebar-width));height:auto;transform:translateX(-105%);transition:transform var(--transition-fast);box-shadow:var(--shadow-2)}.sidebar-nav.open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:var(--header-height) 0 0;z-index:80;display:block;pointer-events:none;background:color-mix(in srgb, var(--surface-canvas) 82%, transparent);opacity:0;transition:opacity var(--transition-fast)}.sidebar-backdrop.show{pointer-events:auto;opacity:1}.main-content{padding:var(--space-10) var(--space-6) var(--space-8)}.hero-section{padding-top:var(--space-16)}.feature-grid,.docs-grid,.steps-grid,.product-grid{grid-template-columns:1fr}.product-boundary{grid-template-columns:auto minmax(0, 1fr)}.boundary-link{grid-column:2}.cta-panel{align-items:flex-start;flex-direction:column}}@media (max-width: 40rem){.header-container{padding:0 var(--space-4)}.header-title{font-size:1.125rem}.home-wrap{width:min(calc(100% - var(--space-8)), var(--wide-content-width))}.hero-section{padding:var(--space-12) 0 var(--space-10)}.hero-brand{gap:var(--space-4)}.hero-logo{width:4rem;height:4rem}.hero-wordmark{font-size:2rem}.hero-tagline{max-width:13rem;font-size:var(--type-body-sm)}.hero-title{font-size:2.5rem}.hero-buttons{width:100%;flex-direction:column}.btn{width:100%}.home-section{padding:var(--space-12) 0}.feature-card,.doc-card,.step-card,.product-card{padding:var(--space-5)}.product-boundary{padding:var(--space-5)}.docs-footer{align-items:flex-start;flex-direction:column}.footer-links{justify-content:flex-start}.main-content{padding:var(--space-8) var(--space-4) var(--space-6)}table{font-size:var(--type-body-sm)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important}}
