:root{--kb-white:#fff;--kb-black:#000;--kb-gray-50:#fafafa;--kb-gray-100:#f4f4f5;--kb-gray-200:#e4e4e7;--kb-gray-300:#d4d4d8;--kb-gray-400:#a1a1aa;--kb-gray-500:#71717a;--kb-gray-600:#52525b;--kb-gray-700:#3f3f46;--kb-gray-800:#27272a;--kb-gray-900:#18181b;--kb-gray-950:#09090b;--kb-blue-400:#60a5fa;--kb-blue-500:#3b82f6;--kb-blue-600:#2563eb;--kb-blue-700:#1d4ed8;--kb-red-400:#f87171;--kb-red-500:#ef4444;--kb-red-600:#dc2626;--kb-amber-400:#fbbf24;--kb-amber-500:#f59e0b;--kb-amber-600:#d97706;--kb-amber-700:#b45309;--kb-green-400:#4ade80;--kb-green-500:#22c55e;--kb-green-600:#16a34a;--kb-green-700:#15803d;--kb-teal-400:#2dd4bf;--kb-teal-500:#14b8a6;--kb-teal-600:#0d9488;--kb-teal-700:#0f766e;--kb-space-1:.25rem;--kb-space-2:.5rem;--kb-space-3:.75rem;--kb-space-4:1rem;--kb-space-5:1.25rem;--kb-space-6:1.5rem;--kb-space-8:2rem;--kb-radius-sm:.25rem;--kb-radius-md:.5rem;--kb-radius-lg:.75rem;--kb-radius-full:9999px;--kb-font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--kb-font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--kb-size-xs:.75rem;--kb-size-sm:.875rem;--kb-size-md:1rem;--kb-size-lg:1.125rem;--kb-size-display:2.25rem;--kb-motion-duration-fast:80ms;--kb-motion-duration-base:.16s;--kb-motion-duration-slow:.24s;--kb-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--kb-motion-easing-enter:cubic-bezier(0, 0, .2, 1);--kb-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--kb-color-bg:var(--kb-white);--kb-color-fg:var(--kb-gray-900);--kb-color-muted:var(--kb-gray-500);--kb-color-surface:var(--kb-gray-50);--kb-color-border:var(--kb-gray-200);--kb-color-accent:var(--kb-blue-600);--kb-color-accent-hover:var(--kb-blue-700);--kb-color-accent-fg:var(--kb-white);--kb-color-danger:var(--kb-red-600);--kb-color-danger-hover:var(--kb-red-500);--kb-color-danger-fg:var(--kb-white);--kb-color-info:var(--kb-teal-700);--kb-color-info-fg:var(--kb-white);--kb-color-success:var(--kb-green-700);--kb-color-success-fg:var(--kb-white);--kb-color-warning:var(--kb-amber-700);--kb-color-warning-fg:var(--kb-white);--kb-color-ring:var(--kb-blue-500);--kb-color-overlay:#00000080;--kb-card-background:var(--kb-color-bg);--kb-card-color:var(--kb-color-fg);--kb-card-border:var(--kb-color-border);--kb-card-border-width:1px;--kb-card-radius:var(--kb-radius-md);--kb-card-padding:var(--kb-space-4);--kb-grid-gap:var(--kb-space-6);--kb-grid-min-item-width:18.75rem;--kb-button-radius:var(--kb-radius-md);--kb-input-radius:var(--kb-radius-md);--kb-input-height-sm:2rem;--kb-input-height-md:2.5rem;--kb-input-height-lg:3rem;--kb-dialog-radius:var(--kb-radius-lg);--kb-dialog-width:28rem;--kb-panel-background:var(--kb-color-surface);--kb-panel-background-active:var(--kb-color-bg);--kb-panel-background-sunken:var(--kb-color-bg);--kb-panel-border:var(--kb-color-border);--kb-panel-border-active:var(--kb-color-accent);--kb-panel-border-critical:var(--kb-color-danger);--kb-panel-rim-top:var(--kb-color-border);--kb-panel-rim-bottom:var(--kb-color-border);--kb-panel-seam:1px;--kb-panel-radius:var(--kb-radius-lg);--kb-panel-highlight:#ffffffe6;--kb-panel-divider:var(--kb-gray-200);--kb-panel-sheen:transparent;--kb-panel-backdrop:none;--kb-panel-glow:transparent;--kb-panel-glow-active:transparent;--kb-panel-glow-critical:transparent;--kb-panel-glow-blur:12px;--kb-panel-shadow:0 1px 2px #0000000f, 0 4px 12px -4px #00000014;--kb-panel-shadow-active:0 1px 2px #0000000f, 0 8px 24px -12px #0000002e;--kb-panel-well:var(--kb-gray-100);--kb-panel-well-radius:var(--kb-radius-md);--kb-panel-well-shadow:inset 0 1px 2px #0000000f, inset 0 0 0 1px #0000000f;--kb-panel-padding:var(--kb-space-4);--kb-panel-rail:var(--kb-color-border);--kb-panel-rail-active:var(--kb-color-accent);--kb-popup-background:var(--kb-color-bg);--kb-popup-border:var(--kb-color-border);--kb-popup-radius:var(--kb-radius-md);--kb-popup-shadow:0 1px 2px #0000000f, 0 8px 24px -8px #00000029;--kb-progress-track:var(--kb-color-border);--kb-progress-fill:var(--kb-color-accent);--kb-progress-fill-complete:var(--kb-color-success);--kb-progress-height:var(--kb-space-1);--kb-progress-glow:0px;--kb-stat-display-size:var(--kb-size-display);--kb-stat-display-weight:500;--kb-status-neutral:var(--kb-color-muted);--kb-status-info:var(--kb-color-info);--kb-status-running:var(--kb-color-accent);--kb-status-success:var(--kb-color-success);--kb-status-warning:var(--kb-color-warning);--kb-status-blocked:var(--kb-color-danger);--kb-status-radius:var(--kb-radius-sm);--kb-status-glow:0px}[data-theme=dark]{--kb-color-bg:var(--kb-gray-950);--kb-color-fg:var(--kb-gray-50);--kb-color-muted:var(--kb-gray-400);--kb-color-surface:var(--kb-gray-900);--kb-color-border:var(--kb-gray-800);--kb-color-accent:var(--kb-blue-500);--kb-color-accent-hover:var(--kb-blue-400);--kb-color-accent-fg:var(--kb-gray-950);--kb-color-danger:var(--kb-red-500);--kb-color-danger-hover:var(--kb-red-400);--kb-color-danger-fg:var(--kb-gray-950);--kb-color-info:var(--kb-teal-400);--kb-color-info-fg:var(--kb-gray-950);--kb-color-success:var(--kb-green-400);--kb-color-success-fg:var(--kb-gray-950);--kb-color-warning:var(--kb-amber-400);--kb-color-warning-fg:var(--kb-gray-950);--kb-color-ring:var(--kb-blue-400);--kb-color-overlay:#000000b3;--kb-panel-background-active:var(--kb-gray-800);--kb-panel-border-active:var(--kb-blue-400);--kb-panel-border-critical:var(--kb-red-400);--kb-panel-rim-top:#ffffff24;--kb-panel-rim-bottom:#ffffff0a;--kb-panel-highlight:#ffffff14;--kb-panel-divider:#ffffff0f;--kb-panel-shadow:0 1px 2px #0009, 0 12px 32px -12px #000000b3;--kb-panel-shadow-active:0 1px 2px #000000b3, 0 32px 64px -24px #000000e6;--kb-panel-well:#00000073;--kb-panel-well-shadow:inset 0 1px 3px #0009, inset 0 0 0 1px #ffffff0d;--kb-popup-background:var(--kb-gray-900);--kb-popup-shadow:0 1px 2px #0009, 0 16px 32px -12px #000c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--kb-color-bg:var(--kb-gray-950);--kb-color-fg:var(--kb-gray-50);--kb-color-muted:var(--kb-gray-400);--kb-color-surface:var(--kb-gray-900);--kb-color-border:var(--kb-gray-800);--kb-color-accent:var(--kb-blue-500);--kb-color-accent-hover:var(--kb-blue-400);--kb-color-accent-fg:var(--kb-gray-950);--kb-color-danger:var(--kb-red-500);--kb-color-danger-hover:var(--kb-red-400);--kb-color-danger-fg:var(--kb-gray-950);--kb-color-info:var(--kb-teal-400);--kb-color-info-fg:var(--kb-gray-950);--kb-color-success:var(--kb-green-400);--kb-color-success-fg:var(--kb-gray-950);--kb-color-warning:var(--kb-amber-400);--kb-color-warning-fg:var(--kb-gray-950);--kb-color-ring:var(--kb-blue-400);--kb-color-overlay:#000000b3;--kb-panel-background-active:var(--kb-gray-800);--kb-panel-border-active:var(--kb-blue-400);--kb-panel-border-critical:var(--kb-red-400);--kb-panel-rim-top:#ffffff24;--kb-panel-rim-bottom:#ffffff0a;--kb-panel-highlight:#ffffff14;--kb-panel-divider:#ffffff0f;--kb-panel-shadow:0 1px 2px #0009, 0 12px 32px -12px #000000b3;--kb-panel-shadow-active:0 1px 2px #000000b3, 0 32px 64px -24px #000000e6;--kb-panel-well:#00000073;--kb-panel-well-shadow:inset 0 1px 3px #0009, inset 0 0 0 1px #ffffff0d;--kb-popup-background:var(--kb-gray-900);--kb-popup-shadow:0 1px 2px #0009, 0 16px 32px -12px #000c}}*,:before,:after{box-sizing:border-box}html{font-family:var(--kb-font-sans);color:var(--kb-color-fg);background:var(--kb-color-bg);-webkit-text-size-adjust:100%}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}.kb-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}.kb-badge{--_badge-ink:var(--kb-color-muted);align-items:center;gap:var(--kb-space-1);padding:.125rem var(--kb-space-2);border-radius:var(--kb-radius-sm);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--_badge-ink) 35%, transparent);background:color-mix(in oklab, var(--_badge-ink) 10%, transparent);color:color-mix(in oklab, var(--_badge-ink) 70%, var(--kb-color-fg));font-size:var(--kb-size-xs);white-space:nowrap;font-weight:500;line-height:1.4;display:inline-flex}.kb-badge[data-tone=info]{--_badge-ink:var(--kb-color-info)}.kb-badge[data-tone=success]{--_badge-ink:var(--kb-color-success)}.kb-badge[data-tone=warning]{--_badge-ink:var(--kb-color-warning)}.kb-badge[data-tone=danger]{--_badge-ink:var(--kb-color-danger)}.kb-badge[data-mono]{font-family:var(--kb-font-mono);letter-spacing:.06em;text-transform:uppercase}.kb-badge[data-preserve-case]{letter-spacing:normal;text-transform:none}.kb-badge[data-appearance=plain]{box-shadow:none;background:0 0;padding:0}.kb-button{justify-content:center;align-items:center;gap:var(--kb-space-2);height:2.5rem;padding:0 var(--kb-space-4);font-size:var(--kb-size-md);border-radius:var(--kb-button-radius);cursor:pointer;border:1px solid #0000;font-weight:500;line-height:1;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.kb-button:focus-visible{outline:2px solid var(--kb-color-ring);outline-offset:2px}.kb-button[data-size=sm]{height:2rem;padding:0 var(--kb-space-3);font-size:var(--kb-size-sm)}.kb-button[data-size=icon]{width:2.25rem;height:2.25rem;padding:0}.kb-button[data-size=icon]>svg{width:1.125rem;height:1.125rem}.kb-button[data-size=lg]{height:3rem;padding:0 var(--kb-space-5);font-size:var(--kb-size-lg)}.kb-button[data-variant=primary]{background:var(--kb-color-accent);color:var(--kb-color-accent-fg)}.kb-button[data-variant=primary]:hover:not([data-disabled]){background:var(--kb-color-accent-hover)}.kb-button[data-variant=secondary]{background:var(--kb-color-surface);border-color:var(--kb-color-border);color:var(--kb-color-fg)}.kb-button[data-variant=secondary]:hover:not([data-disabled]){border-color:var(--kb-color-muted)}.kb-button[data-variant=ghost]{color:var(--kb-color-fg);background:0 0}.kb-button[data-variant=ghost]:hover:not([data-disabled]){background:var(--kb-color-surface)}.kb-button[data-variant=danger]{background:var(--kb-color-danger);color:var(--kb-color-danger-fg)}.kb-button[data-variant=danger]:hover:not([data-disabled]){background:var(--kb-color-danger-hover)}.kb-button[data-disabled]{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.kb-button{transition:none}}.kb-callout{--_callout-ink:var(--kb-color-muted);gap:var(--kb-space-3);padding:var(--kb-space-3) var(--kb-space-4);border-radius:var(--kb-radius-md);background:color-mix(in oklab, var(--_callout-ink) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--_callout-ink) 30%, transparent), inset 3px 0 0 var(--_callout-ink);color:var(--kb-color-fg);font-size:var(--kb-size-sm);display:flex}.kb-callout[data-tone=info]{--_callout-ink:var(--kb-color-info)}.kb-callout[data-tone=success]{--_callout-ink:var(--kb-color-success)}.kb-callout[data-tone=warning]{--_callout-ink:var(--kb-color-warning)}.kb-callout[data-tone=danger]{--_callout-ink:var(--kb-color-danger)}.kb-callout-icon{width:1.25em;height:1.25em;color:var(--_callout-ink);flex:none;display:inline-flex}.kb-callout-icon>*{width:100%;height:100%}.kb-callout-content{gap:var(--kb-space-1);flex-direction:column;min-width:0;display:flex}.kb-callout-title{font-weight:600}.kb-callout-actions{gap:var(--kb-space-2);margin-top:var(--kb-space-2);flex-wrap:wrap;display:flex}.kb-card{min-inline-size:0;position:relative}.kb-card[data-appearance=outlined]{padding:var(--kb-card-padding);border:var(--kb-card-border-width) solid var(--kb-card-border);border-radius:var(--kb-card-radius);background:var(--kb-card-background);color:var(--kb-card-color);flex-direction:column;display:flex}.kb-dialog-backdrop{background:var(--kb-color-overlay);opacity:1;transition:opacity .15s;position:fixed;inset:0}.kb-dialog-backdrop[data-starting-style],.kb-dialog-backdrop[data-ending-style]{opacity:0}.kb-dialog-popup{width:min(var(--kb-dialog-width), calc(100vw - var(--kb-space-8)));max-height:calc(100vh - var(--kb-space-8));padding:var(--kb-space-6);border:1px solid var(--kb-color-border);border-radius:var(--kb-dialog-radius);background:var(--kb-color-bg);color:var(--kb-color-fg);opacity:1;transition:opacity .15s,transform .15s;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)scale(1)}.kb-dialog-popup[data-starting-style],.kb-dialog-popup[data-ending-style]{opacity:0;transform:translate(-50%,-50%)scale(.96)}.kb-dialog-popup:focus-visible{outline:none}.kb-dialog-title{margin:0 0 var(--kb-space-2);font-size:var(--kb-size-lg);font-weight:600}.kb-dialog-description{margin:0 0 var(--kb-space-4);color:var(--kb-color-muted)}.kb-dialog-actions{margin-top:var(--kb-space-4);gap:var(--kb-space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (prefers-reduced-motion:reduce){.kb-dialog-backdrop,.kb-dialog-popup{transition:none}}.kb-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--kb-grid-min-item-width)), 1fr));gap:var(--kb-grid-gap);min-inline-size:0;display:grid}.kb-grid[data-layout=stack]{grid-template-columns:minmax(0,1fr)}.kb-input{gap:var(--kb-space-1);flex-direction:column;display:flex}.kb-input-label{font-size:var(--kb-size-sm);color:var(--kb-color-fg);font-weight:500}.kb-input-control{width:100%;height:var(--kb-input-height-md);padding:0 var(--kb-space-3);border:1px solid var(--kb-color-border);border-radius:var(--kb-input-radius);background:var(--kb-color-bg);color:var(--kb-color-fg);font-size:var(--kb-size-md)}.kb-input-control::placeholder{color:var(--kb-color-muted)}.kb-input-control:focus-visible{outline:2px solid var(--kb-color-ring);outline-offset:0;border-color:var(--kb-color-ring)}.kb-input[data-size=sm] .kb-input-control{height:var(--kb-input-height-sm);font-size:var(--kb-size-sm)}.kb-input[data-size=lg] .kb-input-control{height:var(--kb-input-height-lg);font-size:var(--kb-size-lg)}.kb-input[data-invalid] .kb-input-control{border-color:var(--kb-color-danger)}.kb-input[data-disabled]{opacity:.5}.kb-input[data-disabled] .kb-input-control{cursor:not-allowed}.kb-input-description{font-size:var(--kb-size-sm);color:var(--kb-color-muted)}.kb-input-error{font-size:var(--kb-size-sm);color:var(--kb-color-danger)}.kb-menu{min-width:10rem;padding:var(--kb-space-1);border-radius:var(--kb-popup-radius);background:var(--kb-popup-background);box-shadow:inset 0 0 0 1px var(--kb-popup-border), var(--kb-popup-shadow);color:var(--kb-color-fg);opacity:1;transition:opacity var(--kb-motion-duration-fast) var(--kb-motion-easing-standard);outline:none}.kb-menu[data-starting-style],.kb-menu[data-ending-style]{opacity:0}.kb-menu-item{align-items:center;gap:var(--kb-space-2);padding:var(--kb-space-2) var(--kb-space-3);border-radius:var(--kb-radius-sm);font-size:var(--kb-size-sm);cursor:default;-webkit-user-select:none;user-select:none;outline:none;display:flex}.kb-menu-item[data-highlighted]{background:var(--kb-color-surface);box-shadow:inset 0 0 0 1px var(--kb-color-border)}.kb-menu-item:focus-visible{outline:2px solid var(--kb-color-ring);outline-offset:-2px}.kb-menu-item[data-disabled]{color:var(--kb-color-muted)}.kb-menu-separator{height:1px;margin:var(--kb-space-1) 0;background:var(--kb-color-border)}@media (prefers-reduced-motion:reduce){.kb-menu{transition:none}}.kb-panel{--_panel-bg:var(--kb-panel-background);--_panel-seam:var(--kb-panel-border);--_panel-rim-top:var(--kb-panel-rim-top);--_panel-rim-bottom:var(--kb-panel-rim-bottom);--_panel-highlight:var(--kb-panel-highlight);--_panel-sheen:var(--kb-panel-sheen);--_panel-shadow:var(--kb-panel-shadow);--_panel-glow:var(--kb-panel-glow);--_panel-rail:var(--kb-panel-rail);--_panel-gap:var(--kb-space-3);--_panel-pad:var(--kb-panel-padding);isolation:isolate;gap:var(--_panel-gap);padding:var(--_panel-pad);border-radius:var(--kb-panel-radius);color:var(--kb-color-fg);flex-direction:column;display:flex;position:relative}.kb-panel-glow{z-index:-2;background:radial-gradient(closest-side, var(--_panel-glow), transparent);filter:blur(var(--kb-panel-glow-blur));pointer-events:none;border-radius:50%;position:absolute;inset:15% 4% 0}.kb-panel-plate{z-index:-1;border-radius:inherit;background:linear-gradient(to bottom, var(--_panel-sheen), transparent 55%), var(--_panel-bg);box-shadow:inset 0 1px 0 var(--_panel-highlight), var(--_panel-shadow);-webkit-backdrop-filter:var(--kb-panel-backdrop);backdrop-filter:var(--kb-panel-backdrop);pointer-events:none;transition:background-color var(--kb-motion-duration-base) var(--kb-motion-easing-standard);position:absolute;inset:0;overflow:hidden}.kb-panel-plate:before{content:"";z-index:1;padding:var(--kb-panel-seam);border-radius:inherit;background:linear-gradient(to bottom, var(--_panel-rim-top), var(--_panel-seam) 40%, var(--_panel-seam) 70%, var(--_panel-rim-bottom));position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.kb-panel[data-tone=quiet]{--_panel-bg:transparent;--_panel-seam:color-mix(in oklab, var(--kb-panel-border) 60%, transparent);--_panel-rim-top:var(--_panel-seam);--_panel-rim-bottom:var(--_panel-seam);--_panel-highlight:transparent;--_panel-sheen:transparent;--_panel-shadow:none;--_panel-glow:transparent}.kb-panel[data-tone=sunken]{--_panel-bg:var(--kb-panel-background-sunken);--_panel-rim-top:var(--kb-panel-border);--_panel-highlight:transparent;--_panel-shadow:none}.kb-panel[data-tone=active]{--_panel-bg:var(--kb-panel-background-active);--_panel-rim-top:var(--kb-panel-border-active);--_panel-seam:color-mix(in oklab, var(--kb-panel-border-active) 35%, var(--kb-panel-border));--_panel-rail:var(--kb-panel-rail-active);--_panel-shadow:var(--kb-panel-shadow-active);--_panel-glow:var(--kb-panel-glow-active)}.kb-panel[data-tone=critical]{--_panel-rim-top:var(--kb-panel-border-critical);--_panel-seam:color-mix(in oklab, var(--kb-panel-border-critical) 35%, var(--kb-panel-border));--_panel-rail:var(--kb-panel-border-critical);--_panel-glow:var(--kb-panel-glow-critical)}.kb-panel[data-density=compact],.kb-panel[data-nested]{--_panel-gap:var(--kb-space-2);--_panel-pad:calc(var(--kb-panel-padding) / 2)}.kb-panel[data-nested]{--_panel-shadow:none;--_panel-glow:transparent}.kb-panel-rail{background:var(--_panel-rail);width:2px;position:absolute;inset-block:0;inset-inline-start:0}.kb-panel[data-rail=accent] .kb-panel-rail{background:var(--kb-panel-rail-active)}.kb-panel[data-rail=accent],.kb-panel[data-rail=status]{padding-inline-start:calc(var(--_panel-pad) + 2px)}.kb-panel-header{justify-content:space-between;align-items:center;gap:var(--kb-space-2);flex-wrap:wrap;font-weight:600;display:flex;position:relative}.kb-panel-header:after{content:"";inset-inline:calc(var(--kb-panel-seam) - var(--_panel-pad));background:var(--kb-panel-divider);pointer-events:none;height:1px;position:absolute;inset-block-end:calc(var(--_panel-gap) / -2)}.kb-panel[data-closed]>.kb-panel-header:after{display:none}.kb-panel-header :is(h1,h2,h3,h4,h5,h6){font-size:var(--kb-size-md);margin:0;font-weight:600}.kb-panel-toolbar{align-items:center;gap:var(--kb-space-1);flex-wrap:wrap;margin-inline-start:auto;display:flex}.kb-panel-toggle{align-items:center;gap:var(--kb-space-1);height:2rem;padding:0 var(--kb-space-2);border-radius:var(--kb-button-radius);color:var(--kb-color-fg);font:inherit;font-size:var(--kb-size-sm);cursor:pointer;background:0 0;border:1px solid #0000;font-weight:500;display:inline-flex}.kb-panel-toggle:hover{border-color:var(--kb-color-border)}.kb-panel-toggle:focus-visible{outline:2px solid var(--kb-color-ring);outline-offset:2px}.kb-panel-body{gap:var(--kb-space-2);flex-direction:column;min-width:0;display:flex}.kb-panel-well{min-width:0;padding:var(--kb-space-3);border-radius:var(--kb-panel-well-radius);background:var(--kb-panel-well);box-shadow:var(--kb-panel-well-shadow)}.kb-panel-footer{justify-content:flex-end;align-items:center;gap:var(--kb-space-2);flex-wrap:wrap;display:flex}.kb-panel-group{gap:var(--kb-space-3);flex-direction:column;display:flex}.kb-panel-group[data-direction=row]{flex-flow:wrap}.kb-panel-group[data-direction=row]>.kb-panel{flex:16rem;min-width:0}@media (prefers-reduced-motion:reduce){.kb-panel-plate{transition:none}}.kb-progress{gap:var(--kb-space-1);flex-direction:column;min-width:0;display:flex}.kb-progress-head{justify-content:space-between;gap:var(--kb-space-2);font-size:var(--kb-size-sm);display:flex}.kb-progress-label{color:var(--kb-color-fg)}.kb-progress-value{color:var(--kb-color-muted);font-variant-numeric:tabular-nums}.kb-progress-track{height:var(--kb-progress-height);border-radius:var(--kb-radius-full);background:var(--kb-progress-track)}.kb-progress-indicator{--_progress-fill:var(--kb-progress-fill);border-radius:inherit;background:var(--_progress-fill);height:100%;box-shadow:0 0 var(--kb-progress-glow) var(--_progress-fill);transition:width var(--kb-motion-duration-base) var(--kb-motion-easing-standard)}.kb-progress[data-complete] .kb-progress-indicator{--_progress-fill:var(--kb-progress-fill-complete)}@media (prefers-reduced-motion:reduce){.kb-progress-indicator{transition:none}}.kb-scrollarea{min-width:0;position:relative}.kb-scrollarea-viewport{max-height:var(--_scrollarea-max-height,none);overscroll-behavior:contain;border-radius:inherit}.kb-scrollarea-viewport:focus-visible{outline:2px solid var(--kb-color-ring);outline-offset:2px}.kb-scrollarea-scrollbar{width:var(--kb-space-2);opacity:0;transition:opacity var(--kb-motion-duration-base) var(--kb-motion-easing-standard);padding:2px;display:flex}.kb-scrollarea:hover .kb-scrollarea-scrollbar,.kb-scrollarea-scrollbar[data-scrolling]{opacity:1}.kb-scrollarea-thumb{border-radius:var(--kb-radius-full);background:var(--kb-color-muted);flex:1}@media (prefers-reduced-motion:reduce){.kb-scrollarea-scrollbar{transition:none}}.kb-stat{gap:var(--kb-space-1);flex-direction:column;display:inline-flex}.kb-stat-label{color:var(--kb-color-muted);font-size:var(--kb-size-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.kb-stat-value{color:var(--kb-color-fg);font-size:var(--kb-size-lg);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.kb-stat[data-size=display] .kb-stat-value{font-size:var(--kb-stat-display-size);font-weight:var(--kb-stat-display-weight);letter-spacing:-.02em}.kb-status{--_status-ink:var(--kb-status-neutral);align-items:center;gap:var(--kb-space-2);font-size:var(--kb-size-sm);color:var(--_status-ink);font-weight:500;line-height:1.25;display:inline-flex}.kb-status[data-tone=info]{--_status-ink:var(--kb-status-info)}.kb-status[data-tone=running]{--_status-ink:var(--kb-status-running)}.kb-status[data-tone=success]{--_status-ink:var(--kb-status-success)}.kb-status[data-tone=warning]{--_status-ink:var(--kb-status-warning)}.kb-status[data-tone=blocked]{--_status-ink:var(--kb-status-blocked)}.kb-status[data-appearance=chip]{padding:.125rem var(--kb-space-2);border:1px solid color-mix(in oklab, var(--_status-ink) 45%, transparent);border-radius:var(--kb-status-radius);background:color-mix(in oklab, var(--_status-ink) 12%, transparent);color:color-mix(in oklab, var(--_status-ink) 70%, var(--kb-color-fg))}.kb-status[data-appearance=chip][data-compact]{padding:0 var(--kb-space-1)}.kb-status[data-compact]{gap:var(--kb-space-1);font-size:.75rem}.kb-status-icon{width:1em;height:1em;color:inherit;flex:none;display:inline-flex}.kb-status[data-appearance=chip]>.kb-status-icon{color:var(--_status-ink);filter:drop-shadow(0 0 var(--kb-status-glow) var(--_status-ink))}.kb-status-icon>*{width:100%;height:100%}.kb-status-text{white-space:nowrap}.kb-toolbar{align-items:center;gap:var(--kb-space-1);flex-wrap:wrap;display:flex}.kb-toolbar[data-orientation=vertical]{flex-direction:column;align-items:stretch}.kb-toolbar-group{align-items:center;gap:var(--kb-space-1);display:flex}.kb-toolbar-separator{width:1px;margin:var(--kb-space-1) var(--kb-space-1);background:var(--kb-color-border);align-self:stretch}.kb-toolbar[data-orientation=vertical] .kb-toolbar-separator{width:auto;height:1px}.kb-tooltip{max-width:18rem;padding:var(--kb-space-1) var(--kb-space-2);border-radius:var(--kb-radius-sm);background:var(--kb-popup-background);box-shadow:inset 0 0 0 1px var(--kb-popup-border), var(--kb-popup-shadow);color:var(--kb-color-fg);font-size:var(--kb-size-xs);opacity:1;transition:opacity var(--kb-motion-duration-fast) var(--kb-motion-easing-standard);line-height:1.4}.kb-tooltip[data-starting-style],.kb-tooltip[data-ending-style]{opacity:0}@media (prefers-reduced-motion:reduce){.kb-tooltip{transition:none}}.kbui-site .example-code{background:#fffdf5;border:1px solid #b8bda8;border-radius:18px;min-width:0;margin-top:16px;overflow:hidden}.kbui-site .example-code-bar{background:#f2eddb;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:8px 16px;display:flex}.kbui-site .example-code-bar button{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:8px 4px;font-size:13px;transition-property:color,background-color,transform;transition-duration:.14s;transition-timing-function:ease;display:inline-flex}.kbui-site .example-code-bar button:hover{background:#e8e4d4}.kbui-site .example-code-bar button:active{transform:translateY(1px)}.kbui-site .example-code-caption{color:var(--muted);font-size:12px}.kbui-site .example-code-bar .example-copy{min-width:110px;color:var(--rust);margin-left:auto}.kbui-site .example-code-bar .example-copy[data-copy-state=copied]{color:#34664e}.kbui-site .example-code pre{tab-size:2;margin:0;padding:20px}.kbui-site .example-code-content{--code-max-height:min(440px, 60svh);max-height:var(--code-max-height);overscroll-behavior:contain;overflow:auto}.kbui-site .example-code-content:not([hidden]){animation:.16s ease-out both kbui-code-reveal}.kbui-site .example-code-content:focus-visible{outline-offset:-2px;outline:2px solid #34664e}.kbui-site .example-code-bar .example-code-toggle{color:var(--ink);background:#fffdf5;border:1px solid #a5af99;border-radius:999px;gap:8px;padding-inline:12px}.kbui-site .example-code-bar .example-code-toggle[aria-expanded=true]{color:#fffdf5;background:#34664e;border-color:#34664e}.kbui-site .example-code-toggle svg{flex:none}.kbui-site .example-code-chevron{transition:transform .14s}.kbui-site .example-code-toggle[aria-expanded=true] .example-code-chevron{transform:rotate(180deg)}.kbui-site .example-copy-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.kbui-site .example-code-bar{gap:4px;padding-inline:8px}.kbui-site .example-code-caption{display:none}.kbui-site .example-code-bar button{gap:6px;padding-inline:2px;font-size:12px}.kbui-site .example-code-bar .example-copy[data-copy-state=copied]{color:#34664e}.kbui-site .example-code pre{padding:14px}}.kbui-site .example-code code{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.65}.kbui-site .example-code [data-syntax=keyword]{color:#9a402e}.kbui-site .example-code [data-syntax=string]{color:#35614b}.kbui-site .example-code [data-syntax=comment]{color:#62695b;font-style:italic}.kbui-site .example-code [data-syntax=number]{color:#8a4b15}.kbui-site .example-code [data-syntax=tag]{color:#254f60}.kbui-site .example-code [data-syntax=attribute]{color:#73513a}.kbui-site .example-code [data-syntax=type]{color:#725074}.kbui-site .example-code [data-syntax=function]{color:#285e6b}@media (prefers-reduced-motion:reduce){.kbui-site .example-code-content:not([hidden]){animation:none}.kbui-site .example-code-chevron{transition:none}.kbui-site .example-code-bar button{transition:none;transform:none}}@keyframes kbui-code-reveal{0%{opacity:.6}to{opacity:1}}@media (forced-colors:active){.kbui-site .example-code-toggle[aria-expanded=true]{outline-offset:-2px;outline:2px solid highlight}.kbui-site,.kbui-site *{border-color:canvastext;color:canvastext!important;background-color:canvas!important}.kbui-site a{color:linktext!important}.kbui-site .composition,.kbui-site .day-card,.kbui-site .primary-link,.kbui-site .playground-grid{border:1px solid canvastext}.kbui-site .segmented button[aria-pressed=true],.kbui-site .day-choice input:checked+.choice-box{outline:2px solid highlight}.kbui-site .kb-progress-track{border:1px solid canvastext}.kbui-site .kb-progress-indicator{background-color:highlight!important}.kbui-site .day-bloom,.kbui-site .geometry{forced-color-adjust:none}.kbui-site .hero-example:before{display:none}}.kbui-site{--cream:#fff8e9;--ink:#303b31;--rust:#b4462b;--muted:#656a5b;--page-gutter:clamp(24px, 4.5vw, 64px);--section-space:clamp(48px, 6.25vw, 88px);--card-inset:clamp(20px, 2.2vw, 32px);--kb-color-accent:#b4462b;--kb-color-accent-hover:#94351f;--kb-color-accent-fg:#fff;--kb-color-ring:#34664e;--kb-button-radius:999px;background:var(--cream);color:var(--ink);font:15px/1.7 Helvetica Neue,Helvetica,Arial,sans-serif}.kbui-site *,.kbui-site :before,.kbui-site :after{box-sizing:border-box}.kbui-site h1,.kbui-site h2,.kbui-site h3,.kbui-site p{margin:0}.kbui-site a{color:inherit;text-decoration:none}.kbui-site a:hover{text-underline-offset:5px;text-decoration:underline}.kbui-site button,.kbui-site input{font:inherit}.kbui-site .skip-link{z-index:20;background:var(--ink);color:var(--cream);padding:12px 20px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.kbui-site .skip-link:focus{transform:translateY(0)}.kbui-site .site-header,.kbui-site .poster-hero,.kbui-site .about-strip,.kbui-site .other-ways,.kbui-site .take-it,.kbui-site .site-footer{max-width:1440px;padding-inline:var(--page-gutter);margin-inline:auto}.kbui-site .site-header{justify-content:space-between;align-items:center;min-height:96px;display:flex}.kbui-site .wordmark{letter-spacing:-2px;align-items:center;gap:10px;font-size:39px;font-weight:750;line-height:1;display:inline-flex}.kbui-site .brand-symbol{display:inline-flex}.kbui-site .brand-symbol img{width:35px;height:35px}.kbui-site .site-header nav{align-items:center;gap:34px;font-size:13px;display:flex}.kbui-site .nav-start{border:1.5px solid var(--ink);border-radius:999px;align-items:center;gap:22px;padding:10px 19px;display:inline-flex}.kbui-site .poster-hero{padding-block:48px var(--section-space);grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(40px,4.5vw,64px);display:grid}.kbui-site .poster-copy{container-type:inline-size}.kbui-site .intro-tag{color:var(--muted);align-items:center;gap:10px;margin-bottom:26px;font-size:13px;display:inline-flex}.kbui-site .intro-tag:before{content:"";background:var(--rust);border-radius:50%;width:9px;height:9px;display:block}.kbui-site .poster-copy h1{letter-spacing:-.065em;font-size:clamp(38px,14cqi,94px);font-weight:550;line-height:1.02}.kbui-site .hero-line{display:block}.kbui-site .poster-copy h1>span:last-child{color:var(--rust);letter-spacing:-.055em;margin-top:3px;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;display:block}.kbui-site .hero-description{color:#5d6657;max-width:400px;margin-top:30px;font-size:16px;line-height:1.75}.kbui-site .hero-links{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.kbui-site .primary-link{background:var(--rust);color:#fff;border:1.5px solid var(--rust);border-radius:999px;justify-content:space-between;align-items:center;gap:30px;padding:14px 24px;font-size:13px;font-weight:550;display:inline-flex}.kbui-site .plain-link{text-underline-offset:5px;font-size:12px;text-decoration:underline}.kbui-site .hero-footnote{color:var(--muted);margin-top:24px;font-size:12px}.kbui-site .hero-example{min-width:0;padding:24px 16px 0;scroll-margin-top:30px;position:relative}.kbui-site .hero-example:before{content:"";background:#f1ce82;border-radius:240px 240px 28px 28px;position:absolute;inset:0 0 56px}.kbui-site .day-demo{--kb-color-fg:#303b31;--kb-color-muted:#636b5b;--kb-color-bg:#fffdf5;--kb-color-surface:#f5eddb;--kb-color-border:#b8bda8;--kb-color-accent:#b4462b;--kb-color-accent-hover:#94351f;--kb-color-accent-fg:#fff;--kb-color-ring:#34664e;--kb-status-neutral:#636b5b;--kb-status-success:#24603d;--kb-button-radius:999px;min-width:0;position:relative}.kbui-site .day-card{--kb-card-background:#fffdf5;--kb-card-color:#303b31;--kb-card-border:#46513f;--kb-card-border-width:1.5px;--kb-card-radius:24px;--kb-card-padding:var(--card-inset);gap:0}.kbui-site .day-topline{color:#636b5b;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.kbui-site .day-topline .kb-button{padding-inline:8px;font-size:12px}.kbui-site .day-heading{grid-template-columns:minmax(0,1fr) 116px;align-items:center;gap:16px;padding-block:16px 24px;display:grid}.kbui-site .day-heading h2{letter-spacing:-1.5px;overflow-wrap:anywhere;font:41px/1.1 Georgia,Times New Roman,serif}.kbui-site .day-heading p{color:#636b5b;margin-top:8px;font-size:12px}.kbui-site .day-bloom{width:116px;height:116px;transition:transform .2s}.kbui-site .day-bloom[data-picked="3"]{transform:rotate(12deg)}.kbui-site .day-choices{border:0;min-width:0;margin:0;padding:0}.kbui-site .day-choices legend{color:#636b5b;padding:0 0 12px;font-size:12px}.kbui-site .day-choice{cursor:pointer;border-top:1px solid #d8dccb;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:14px;min-height:80px;padding-block:18px;display:grid;position:relative}.kbui-site .day-choice input{opacity:0;width:24px;height:24px;margin:0;position:absolute;left:0}.kbui-site .choice-box{color:#fff;background:#fffdf5;border:1.5px solid #7e8c70;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.kbui-site .choice-box svg{width:16px;height:16px}.kbui-site .choice-copy{min-width:0}.kbui-site .day-choice input:checked+.choice-box{background:#34664e;border-color:#34664e}.kbui-site .day-choice input:focus-visible+.choice-box{outline-offset:2px;outline:2px solid #34664e}.kbui-site .day-choice strong{font-size:14px;font-weight:550;line-height:1.4;display:block}.kbui-site .day-choice small{color:#636b5b;margin-top:4px;font-size:12px;line-height:1.5;display:block}.kbui-site .day-progress{border-top:1px solid #d8dccb;padding-block:20px}.kbui-site .day-progress .kb-progress{--kb-color-muted:#636b5b;--kb-color-fg:#303b31;--kb-progress-track:#d8dccb;--kb-progress-fill:#34664e;--kb-progress-fill-complete:#34664e}.kbui-site .day-bottom{justify-content:space-between;align-items:center;gap:14px;display:flex}.kbui-site .day-bottom .kb-status{font-size:12px}.kbui-site .day-bottom .kb-button{padding-inline:8px;font-size:12px}.kbui-site .demo-note{text-align:center;color:#5e6655;margin-top:20px;font-size:11px}.kbui-site .day-dialog{color:#303b31;background:#fffdf5;border:1.5px solid #46513f;border-radius:22px;width:min(420px,100vw - 40px);max-width:calc(100vw - 40px);padding:26px}.kbui-site .day-dialog .kb-dialog-description{color:#636b5b}.kbui-site .day-dialog .kb-dialog-actions{margin-top:24px}.kbui-site .about-strip{border-block:1px solid #d5d9c5;grid-template-columns:.9fr 1.4fr .8fr;align-items:center;gap:32px;padding-block:40px;display:grid}.kbui-site .about-strip h2{letter-spacing:-1px;font-size:27px;font-weight:500;line-height:1.2}.kbui-site .about-strip>p{color:var(--muted);font-size:14px;line-height:1.75}.kbui-site .part-tags{flex-wrap:wrap;justify-content:end;gap:8px;margin:0;padding:0;list-style:none;display:flex}.kbui-site .part-tags li{color:#4d6350;border:1px solid #a4b49a;border-radius:999px;padding:5px 12px;font-size:11px}.kbui-site .part-tags li:nth-child(2){background:#e3eac8}.kbui-site .part-tags li:nth-child(3){background:#f0d3be}.kbui-site .other-ways{padding-block:var(--section-space);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,88px);display:grid}.kbui-site .section-kicker{color:var(--muted);margin-bottom:16px;font-size:12px}.kbui-site .other-ways h2{letter-spacing:-2px;font-size:48px;font-weight:500;line-height:1.12}.kbui-site .other-ways>div>p:last-child{color:var(--muted);max-width:360px;margin-top:22px;font-size:14px;line-height:1.75}.kbui-site .example-links{flex-direction:column;display:flex}.kbui-site .example-links>a{border-bottom:1px solid #d5d9c5;align-items:center;gap:20px;padding-block:22px;font-size:14px;display:flex}.kbui-site .example-links>a>span:last-child{margin-left:auto}.kbui-site .example-shape{flex:none;width:46px;height:46px;display:block}.kbui-site .shape-reading{background:#b7c8a0;border-radius:50% 50% 0 0}.kbui-site .shape-work{background:#d49c82;border-radius:0 50% 50% 0}.kbui-site .shape-color{background:#cfbed6;border-radius:50%}.kbui-site .take-it{width:calc(100% - 2 * var(--page-gutter));background:#e6eccf;border-radius:24px;justify-content:space-between;align-items:center;gap:30px;max-width:1312px;padding:48px clamp(24px,3.3vw,48px);display:flex}.kbui-site .take-it h2{letter-spacing:-1px;font:italic 44px/1.2 Georgia,serif}.kbui-site .take-it p:last-child{color:var(--muted);margin-top:14px;font-size:14px}.kbui-site .take-it>div:last-child{flex-direction:column;align-items:center;gap:18px;display:flex}.kbui-site .site-footer{justify-content:space-between;align-items:center;gap:28px;padding-block:40px;display:flex}.kbui-site .site-footer>span{color:var(--muted);font-size:11px}.kbui-site .site-footer>div{flex-wrap:wrap;gap:24px;font-size:11px;display:flex}.kbui-site .site-footer .wordmark{font-size:29px}.kbui-site .site-footer .brand-symbol img{width:27px;height:27px}@media (width<=1200px){.kbui-site .day-heading{grid-template-columns:minmax(0,1fr) 98px}.kbui-site .day-bloom{width:98px;height:98px}.kbui-site .day-heading h2{font-size:36px}.kbui-site .about-strip{gap:24px}}@media (width<=900px){.kbui-site .poster-hero{padding-block:32px var(--section-space);grid-template-columns:1fr;gap:48px}.kbui-site .poster-copy{max-width:650px}.kbui-site .hero-description{max-width:480px}.kbui-site .hero-example{width:min(560px,100%);margin-inline:auto}.kbui-site .about-strip{grid-template-columns:1fr 1.4fr}.kbui-site .part-tags{grid-column:1/-1;justify-content:start}.kbui-site .other-ways h2{font-size:40px}.kbui-site .site-footer>span{display:none}}@media (width<=600px){.kbui-site .site-header{gap:16px;min-height:88px}.kbui-site .wordmark,.kbui-site .site-header nav>a,.kbui-site .plain-link,.kbui-site .site-footer a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.kbui-site .day-demo .kb-button{min-height:44px}.kbui-site .wordmark{gap:8px;font-size:32px}.kbui-site .brand-symbol img{width:28px;height:28px}.kbui-site .site-header nav{gap:16px;font-size:12px}.kbui-site .nav-start{gap:12px;padding:8px 12px}.kbui-site .poster-hero{gap:40px;padding-top:24px}.kbui-site .intro-tag{margin-bottom:24px;font-size:12px}.kbui-site .hero-description{margin-top:24px;font-size:14px}.kbui-site .hero-links{gap:12px 20px;margin-top:24px}.kbui-site .primary-link{gap:24px;padding:12px 20px;font-size:12px}.kbui-site .hero-footnote{margin-top:20px}.kbui-site .hero-example{padding-inline:12px}.kbui-site .day-card{--kb-card-radius:20px}.kbui-site .day-topline{font-size:11px}.kbui-site .day-heading{grid-template-columns:minmax(0,1fr) 72px;gap:12px}.kbui-site .day-bloom{width:72px;height:72px}.kbui-site .day-heading h2{font-size:clamp(28px,8vw,34px)}.kbui-site .day-choice,.kbui-site .day-bottom{gap:12px}.kbui-site .day-bottom .kb-status{min-width:0;line-height:1.5}.kbui-site .day-bottom .kb-button{flex-shrink:0}.kbui-site .about-strip{grid-template-columns:1fr;gap:24px;padding-block:32px}.kbui-site .about-strip h2{font-size:29px}.kbui-site .part-tags{grid-column:auto}.kbui-site .other-ways{grid-template-columns:1fr;gap:24px}.kbui-site .other-ways h2{font-size:38px}.kbui-site .example-links>a{gap:16px;font-size:14px}.kbui-site .example-shape{width:40px;height:40px}.kbui-site .take-it{border-radius:20px;flex-direction:column;align-items:start;padding-block:32px}.kbui-site .take-it h2{font-size:37px}.kbui-site .take-it>div:last-child{align-items:start}.kbui-site .site-footer{flex-wrap:wrap;gap:20px;padding-block:32px}}@media (width<=380px){.kbui-site .site-header{flex-wrap:wrap;padding-block:24px}.kbui-site .site-header nav{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.kbui-site *,.kbui-site :before,.kbui-site :after{scroll-behavior:auto;transition:none;animation:none}}.kbui-site select{font:inherit}.kbui-site .site-header a[aria-current=page]{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.kbui-site .inner-page{max-width:1440px;padding:24px var(--page-gutter) var(--section-space);margin-inline:auto}.kbui-site .page-heading{max-width:760px;padding-block:24px 48px}.kbui-site .page-kicker{color:var(--muted);margin-bottom:20px;font-size:13px}.kbui-site .page-heading h1{letter-spacing:-.055em;font-size:clamp(42px,6vw,76px);font-weight:550;line-height:1.08}.kbui-site .page-heading h1 em{color:var(--rust);font-family:Georgia,serif;font-weight:400}.kbui-site .page-heading>p:last-child{max-width:520px;color:var(--muted);margin-top:24px;font-size:16px;line-height:1.75}@media (width<=600px){.kbui-site .site-header nav{gap:14px}.kbui-site .inner-page{padding-top:16px}.kbui-site .page-heading{padding-block:16px 32px}.kbui-site .page-heading>p:last-child{font-size:14px}}@media (prefers-reduced-motion:no-preference){.kbui-site :is(.about-strip>h2,.about-strip>p,.other-ways>div:first-child>*,.take-it>div:first-child>*,.day-topline>span,.day-heading h2,.day-heading p,.choice-copy>*,.demo-note,.example-description>*,.composition>:is(.sample-top,.composition-title,p),.stats>.kb-stat,.creative .sample-bottom>div>*){animation:kbui-fragment-arrive .38s cubic-bezier(.22, 1, .36, 1) var(--fragment-delay,0s) both}.kbui-site.kbui-examples .page-heading>*{animation:.38s cubic-bezier(.22,1,.36,1) both kbui-fragment-arrive}.kbui-site.kbui-examples .page-heading>h1{animation-delay:35ms}.kbui-site.kbui-examples .page-heading>p:last-child{animation-delay:90ms}.kbui-site :is(.about-strip>p,.day-heading p,.composition>p){--fragment-delay:90ms}.kbui-site .example-description>h2,.kbui-site :is(.other-ways,.take-it)>div:first-child>h2{--fragment-delay:35ms}.kbui-site .example-description>p:last-child,.kbui-site :is(.other-ways,.take-it)>div:first-child>p:last-child{--fragment-delay:90ms}.kbui-site .day-choice:nth-of-type(2){--choice-delay:35ms}.kbui-site .day-choice:nth-of-type(3){--choice-delay:70ms}.kbui-site .choice-copy strong{--fragment-delay:calc(45ms + var(--choice-delay,0s))}.kbui-site .choice-copy small{--fragment-delay:calc(95ms + var(--choice-delay,0s))}.kbui-site .composition>.composition-title{--fragment-delay:35ms}.kbui-site .creative .sample-bottom .composition-title{--fragment-delay:60ms}.kbui-site .creative .sample-bottom p{--fragment-delay:.12s}.kbui-site .stats>.kb-stat:first-child{--fragment-delay:90ms}.kbui-site .stats>.kb-stat:nth-child(2){--fragment-delay:.125s}.kbui-site .demo-note{--fragment-delay:.18s}.kbui-site :is(.part-tags li,.example-links a,.take-it>div:last-child>a,.day-progress,.day-bottom,.composition>.sample-bottom,.composition>.geometry,.composition>.editorial-mark){animation:kbui-poster-arrive .35s ease-out var(--detail-delay,.1s) both}.kbui-site :is(.part-tags li,.example-links a):nth-child(2){--detail-delay:.125s}.kbui-site :is(.part-tags li,.example-links a):nth-child(3){--detail-delay:.15s}.kbui-site .part-tags li:nth-child(4){--detail-delay:.175s}.kbui-site .day-progress{--detail-delay:.14s}.kbui-site .day-bottom{--detail-delay:.175s}.kbui-site .composition>.sample-bottom{--detail-delay:.14s}.kbui-site .plan-summary-words,.kbui-site .palette-words{animation:.16s ease-out both kbui-ink-update}.kbui-site .inner-page>.page-heading{animation:.42s cubic-bezier(.22,1,.36,1) both kbui-poster-rise}.kbui-site .inner-page>:is(.section,.example-section,.catalog-grid,.catalog-live){animation:.5s cubic-bezier(.22,1,.36,1) 80ms both kbui-poster-arrive}.kbui-site .poster-copy>*{animation:.42s cubic-bezier(.22,1,.36,1) both kbui-poster-rise}.kbui-site .poster-copy>:nth-child(2){animation-delay:30ms}.kbui-site .poster-copy>:nth-child(3){animation-delay:60ms}.kbui-site .poster-copy>:nth-child(4){animation-delay:90ms}.kbui-site .poster-copy>:nth-child(5){animation-delay:.12s}.kbui-site .hero-example{animation:.5s cubic-bezier(.22,1,.36,1) 80ms both kbui-poster-arrive}.kbui-site .hero-example .day-card{animation:.5s cubic-bezier(.22,1,.36,1) 80ms both kbui-poster-rise}.kbui-site .day-bloom g{transition:fill .2s}.kbui-site :is(.site-header a,.site-footer a,.primary-link,.plain-link,.example-index a,.composition a,.component-card,.playground-actions button,.segmented button,.day-demo .kb-button,.composition .kb-button,.fields select,.search input){transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.14s;transition-timing-function:ease}.kbui-site .choice-box{transition-property:background-color,border-color;transition-duration:.14s;transition-timing-function:ease}.kbui-site .choice-box svg{animation:.14s ease-out kbui-check-settle}.kbui-site .geometry-a,.kbui-site .geometry-b,.kbui-site .geometry-c{transition:fill .2s}.kbui-site .geometry-b{transition-delay:25ms}.kbui-site .geometry-c{transition-delay:50ms}.kbui-site .primary-link>span{transition:transform .14s}.kbui-site :is(.primary-link,.day-demo .kb-button,.composition .kb-button,.playground-actions button,.segmented button):active:not(:disabled){transform:translateY(1px)}.kbui-site .catalog-states button{transition:color .14s,background-color .14s,border-color .14s}.kbui-site .catalog-preview-frame iframe{transition:height .2s cubic-bezier(.22,1,.36,1),opacity .14s}.kbui-site .catalog-preview-frame iframe[aria-busy=true]{opacity:.6}.kbui-site .playground-preview{transition:background-color .22s,color .18s,border-color .18s}.kbui-site .playground-preview .kb-button{transition-property:background-color,color,border-color,opacity,box-shadow,height,padding-inline,font-size,transform;transition-duration:.18s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.kbui-site .example-code-content{transition:height .2s cubic-bezier(.22,1,.36,1)}.kbui-site .example-code code{animation:.16s ease-out 30ms both kbui-ink-update}.kbui-site .playground-section[data-motion=reduce] :is(.playground-preview,.example-code-content,.example-code code),.kbui-site .playground-preview[data-motion=reduce] .kb-button{transition:none;animation:none}@media (hover:hover) and (pointer:fine){.kbui-site .primary-link:hover>span{transform:translate(2px,-2px)}}}@keyframes kbui-check-settle{0%{transform:scale(.86)}to{transform:scale(1)}}@keyframes kbui-poster-arrive{0%{opacity:.8}to{opacity:1}}@keyframes kbui-poster-rise{0%{opacity:.8;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes kbui-ink-update{0%{opacity:.7}to{opacity:1}}@keyframes kbui-fragment-arrive{0%{opacity:var(--fragment-opacity,1);transform:translateY(var(--fragment-travel,6px))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.kbui-home{--fragment-travel:16px;--fragment-opacity:.72}.kbui-home .poster-copy>h1{animation:none}.kbui-home .hero-line{animation:.56s cubic-bezier(.22,1,.36,1) 40ms both kbui-headline-assemble}.kbui-home .hero-line:last-child{animation-delay:80ms}.kbui-home .poster-copy>.hero-description{animation-delay:.22s}.kbui-home .poster-copy>.hero-links{animation-delay:.3s}.kbui-home .poster-copy>.hero-footnote{animation-delay:.36s}.kbui-home .about-strip>p{--fragment-delay:.16s}.kbui-home :is(.other-ways,.take-it)>div:first-child>p:last-child{--fragment-delay:.22s}.kbui-home .example-links a:first-child{--detail-delay:.16s}.kbui-home .example-links a:nth-child(2){--detail-delay:.28s}.kbui-home .example-links a:nth-child(3){--detail-delay:.4s}.kbui-home .day-heading h2{--fragment-delay:.12s}.kbui-home .day-heading p{--fragment-delay:.22s}.kbui-home .choice-copy strong{--fragment-delay:calc(.28s + var(--choice-delay,0s))}.kbui-home .choice-copy small{--fragment-delay:calc(.36s + var(--choice-delay,0s))}.kbui-home .day-choice:nth-of-type(2){--choice-delay:.11s}.kbui-home .day-choice:nth-of-type(3){--choice-delay:.22s}.kbui-home .day-progress{--detail-delay:.66s}.kbui-home .day-bottom{--detail-delay:.74s}.kbui-home .day-bloom{transform-origin:50%;animation:.8s cubic-bezier(.16,1,.3,1) .16s both kbui-bloom-unfold}.kbui-home #main [data-motion-phase=waiting] *{animation-play-state:paused}}@keyframes kbui-headline-assemble{0%{opacity:.8;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes kbui-bloom-unfold{0%{transform:rotate(-24deg)scale(.84)}to{transform:none}}:where(.kbui-site) :focus-visible{outline:2px solid var(--kb-color-ring,#34664e);outline-offset:2px}:where(.kbui-site) :focus:not(:focus-visible){outline:none}.kbui-site .search:has(input:focus-visible){outline:2px solid var(--kb-color-ring);outline-offset:2px}.kbui-site .search input:focus-visible{outline:none}@media (forced-colors:active){:where(.kbui-site) :focus-visible{outline-color:highlight}.kbui-site .search:has(input:focus-visible){outline-color:highlight}}