.kl{--kl-bg:#04060b;--kl-line:#7dafff33;--kl-line-gold:#e9b94966;--kl-text:#eaf0fa;--kl-muted:#a6b3c9;--kl-blue:#4f9bff;--kl-gold:#e9b949;--kl-gold-hi:#f9e2a0;--kl-gold-lo:#b98622;--background:var(--kl-bg);--foreground:var(--kl-text);--card:#080d18c7;--card-foreground:var(--kl-text);--popover:#0a1019;--popover-foreground:var(--kl-text);--muted:#ffffff0f;--muted-foreground:var(--kl-muted);--border:var(--kl-line);--input:#7dafff47;--primary:var(--kl-blue);--primary-foreground:#04101f;--accent:var(--kl-gold);--accent-foreground:#1a1204;--ring:#5aa0ff;color:var(--kl-text);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--kl-bg);isolation:isolate}:root:has(.kl){background-color:#04060b}body:has(.kl){background-color:#04060b}.kl-bg{z-index:-10;background:radial-gradient(900px 520px at 50% -6%, #2f7bff47, transparent 62%), radial-gradient(640px 440px at 8% 100%, #e9b94921, transparent 66%), radial-gradient(640px 440px at 96% 78%, #2f7bff1f, transparent 66%), var(--kl-bg);position:absolute;inset:0}.kl-bg:after{content:"";opacity:.05;background-image:radial-gradient(circle at 1px 1px,#9fc2ff 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.kl .kl-card{border:1px solid var(--kl-line);background:linear-gradient(170deg,#0d1626,#060a12);border-radius:28px;position:relative;box-shadow:0 0 0 1px #e9b9491a,0 28px 80px #0009,0 0 90px #2f7bff29}.kl .kl-card:before{content:"";background:linear-gradient(90deg, transparent, var(--kl-gold), var(--kl-blue), transparent);opacity:.85;pointer-events:none;height:1px;position:absolute;inset:0 24px auto}.kl-logo{width:min(100%,320px);margin-bottom:6px;position:relative}.kl-logo:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#2f7bff4d,#e9b9491a 60%,#0000 76%);border-radius:50%;position:absolute;inset:-18% -10%}.kl-logo-img{aspect-ratio:1000/612;mix-blend-mode:screen;width:100%;height:auto;display:block;position:relative}.kl-tagline{font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.32em;text-transform:uppercase;color:var(--kl-gold);opacity:.9;margin:0;font-size:.75rem}.kl-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kl [role=tablist]{border:1px solid var(--kl-line);background:#ffffff0a;align-items:stretch}.kl [role=tab]{color:var(--kl-muted);letter-spacing:.02em;font-weight:600;transition:color .15s,background-color .15s,box-shadow .15s}.kl [role=tab][data-state=active]{color:#1a1204;background:linear-gradient(180deg, var(--kl-gold-hi) 0%, var(--kl-gold) 55%, #c99425 100%);box-shadow:0 4px 18px #e9b94947}.kl label{color:var(--kl-muted)}.kl input:not([type=checkbox]){border:1px solid var(--kl-line);color:var(--kl-text);background:#02050cb3;border-radius:14px;transition:border-color .15s,box-shadow .15s}.kl input:not([type=checkbox])::placeholder{color:#6f7e97}.kl input:not([type=checkbox]):focus-visible{border-color:#5aa0ff;outline:none;box-shadow:0 0 0 3px #4f9bff47}.kl [role=checkbox]{border-color:#7dafff8c}.kl [role=checkbox][data-state=checked]{background:var(--kl-blue);border-color:var(--kl-blue)}.kl form button[type=submit]{background:linear-gradient(180deg, var(--kl-gold-hi) 0%, var(--kl-gold) 52%, #c99425 100%);color:#1a1204;letter-spacing:.04em;border:1px solid #ffe9aa8c;border-radius:14px;font-weight:700;box-shadow:0 0 0 1px #e9b9492e,0 10px 28px #e9b94938}.kl form button[type=submit]:hover:not(:disabled){opacity:1;box-shadow:0 0 0 1px #e9b94952,0 14px 36px #e9b94957}.kl form button[type=submit]:disabled{opacity:.55}.kl .kl-card>button{border:1px solid var(--kl-line);color:var(--kl-text);background:#ffffff09;border-radius:14px}.kl .kl-card>button:hover{background:#4f9bff1a;border-color:#7dafff80}.kl a{color:#8dbfff}.kl a:hover{color:#fff}.kl :focus-visible{outline-offset:2px;outline:2px solid #f9e2a0}.kd{--kd-bg:#06080c;--kd-bg-2:#0b0f16;--kd-panel:#101620b8;--kd-panel-solid:#101620;--kd-line:#4c8bff33;--kd-line-strong:#4c8bff73;--kd-blue:#3f8cff;--kd-blue-soft:#3f8cff24;--kd-gold:#e9b949;--kd-gold-soft:#e9b94924;--kd-text:#e7edf6;--kd-muted:#8c99ae;--kd-ok:#34d399;--kd-warn:#f2b84b;--kd-bad:#f87171;isolation:isolate;color:var(--kd-text);background:radial-gradient(1100px 520px at 12% -10%, #3f8cff29, transparent 60%), radial-gradient(900px 480px at 100% 0%, #e9b94912, transparent 55%), linear-gradient(180deg, var(--kd-bg) 0%, var(--kd-bg-2) 100%);font-feature-settings:"tnum";border-radius:1.25rem;position:relative;overflow:hidden}.kd:before{content:"";z-index:-1;background-image:linear-gradient(#4c8bff0b 1px,#0000 1px),linear-gradient(90deg,#4c8bff0b 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30% 0,#000 0%,#0000 70%);mask-image:radial-gradient(at 30% 0,#000 0%,#0000 70%)}.kd-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.kd-title{letter-spacing:.01em;font-family:Space Grotesk,system-ui,sans-serif}.kd-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--kd-muted);font-size:.68rem}.kd-panel{background:var(--kd-panel);border:1px solid var(--kd-line);-webkit-backdrop-filter:blur(10px);border-radius:1rem;position:relative;box-shadow:inset 0 0 0 1px #ffffff04,0 18px 40px -24px #000c}.kd-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--kd-blue), transparent);opacity:.7;height:1px;position:absolute;top:-1px;left:14%;right:14%}.kd-panel--focus{border-color:var(--kd-line-strong);box-shadow:inset 0 0 0 1px #3f8cff1f,0 0 32px -10px #3f8cff73,0 18px 40px -24px #000c}.kd-panel--gold{border-color:#e9b94966}.kd-panel--gold:before{background:linear-gradient(90deg, transparent, var(--kd-gold), transparent)}.kd-corner{border-color:var(--kd-gold);opacity:.7;pointer-events:none;width:12px;height:12px;position:absolute}.kd-corner--tl{border-top:1px solid;border-left:1px solid;border-top-left-radius:4px;top:6px;left:6px}.kd-corner--br{border-bottom:1px solid;border-right:1px solid;border-bottom-right-radius:4px;bottom:6px;right:6px}.kd-chip{color:var(--kd-text);border:1px solid var(--kd-line);white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;gap:.4rem;padding:.28rem .6rem;font-size:.72rem;line-height:1;display:inline-flex}.kd-chip--ok{color:var(--kd-ok);background:#34d39914;border-color:#34d39959}.kd-chip--warn{color:var(--kd-warn);background:#f2b84b14;border-color:#f2b84b66}.kd-chip--bad{color:var(--kd-bad);background:#f8717114;border-color:#f8717166}.kd-chip--blue{color:var(--kd-blue);border-color:var(--kd-line-strong);background:var(--kd-blue-soft)}.kd-chip--gold{color:var(--kd-gold);background:var(--kd-gold-soft);border-color:#e9b94966}.kd-dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.kd-input{border:1px solid var(--kd-line);width:100%;color:var(--kd-text);background:#04070cb3;border-radius:.8rem;outline:none;padding:.85rem 1rem;font-size:1rem;line-height:1.45;transition:border-color .15s,box-shadow .15s}.kd-input::placeholder{color:#5f6b80}.kd-input:focus{border-color:var(--kd-blue);box-shadow:0 0 0 3px #3f8cff2e}.kd-btn{border:1px solid var(--kd-line);min-height:44px;color:var(--kd-text);letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff0a;border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-size:.86rem;font-weight:600;transition:transform 80ms,box-shadow .15s,border-color .15s,background .15s,opacity .15s;display:inline-flex}.kd-btn:hover:not(:disabled){border-color:var(--kd-line-strong);background:#ffffff12}.kd-btn:active:not(:disabled){transform:scale(.98)}.kd-btn:focus-visible{outline:2px solid var(--kd-blue);outline-offset:2px}.kd-btn:disabled{opacity:.4;cursor:not-allowed}.kd-btn--primary{color:#04101f;background:linear-gradient(#5aa0ff,#2f7bff);border-color:#7db4ff;box-shadow:0 0 22px -4px #3f8cffbf}.kd-btn--primary:hover:not(:disabled){background:linear-gradient(#70afff,#3a86ff);border-color:#a3ccff}.kd-btn--gold{color:#1a1204;background:linear-gradient(#f3cc6a,#d9a62e);border-color:#f6d78a;box-shadow:0 0 22px -6px #e9b949b3}.kd-btn--gold:hover:not(:disabled){background:linear-gradient(#f7d681,#e3b23f)}.kd-btn--danger{color:var(--kd-bad);background:#f8717112;border-color:#f8717166}.kd-btn--ghost{color:var(--kd-muted);background:0 0;border-color:#0000}.kd-btn--ghost:hover:not(:disabled){color:var(--kd-text);border-color:var(--kd-line)}.kd-btn--sm{min-height:44px;padding:0 .85rem;font-size:.78rem}.kd-btn--tool[aria-pressed=true]{color:var(--kd-gold);background:var(--kd-gold-soft);border-color:#e9b94999;box-shadow:0 0 16px -6px #e9b949cc}.kd-stage{border:1px solid var(--kd-line-strong);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:repeating-conic-gradient(#ffffff08 0% 25%,#0000 0% 50%) 0 0/18px 18px,#05070b;border-radius:.9rem;width:100%;margin-inline:auto;position:relative;overflow:hidden}.kd-stage img{pointer-events:none;width:100%;height:auto;display:block}.kd-stage svg{width:100%;height:100%;position:absolute;inset:0}.kd-ann{fill:#e9b9491a;stroke:var(--kd-gold);stroke-width:3px;vector-effect:non-scaling-stroke}.kd-ann--arrow{fill:none}.kd-ann--selected{stroke:#fff;filter:drop-shadow(0 0 6px #e9b949f2)}.kd-badge{fill:var(--kd-gold)}.kd-badge-text{fill:#1a1204;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.kd-diff{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;line-height:1.55}.kd-diff-line{white-space:pre;padding:0 .75rem;display:block}.kd-diff-add{color:#86efc0;background:#34d3991a}.kd-diff-del{color:#fca5a5;background:#f871711a}.kd-diff-hunk{color:var(--kd-blue);opacity:.8;background:#3f8cff0f}.kd-divider{background:linear-gradient(90deg, transparent, var(--kd-line), transparent);height:1px}.kd-pulse{animation:1.8s ease-in-out infinite kd-pulse}@keyframes kd-pulse{0%,to{opacity:.55}50%{opacity:1}}.kd details>summary{cursor:pointer;align-items:center;min-height:44px;list-style:none;display:flex}.kd details>summary::-webkit-details-marker{display:none}@media (prefers-reduced-motion:reduce){.kd-pulse{animation:none}.kd-btn{transition:none}}@supports (overflow:clip){.kd{overflow:clip}}@media (width<=419px){.kd-btn--icon{min-width:44px;padding:0}}@supports (width:min(100%, calc(80vh * 0.5))){.kd-stage{width:min(100%, calc(80vh * var(--kd-aspect,.5)))}}@supports (height:1svh){.kd-stage{width:min(100%, calc(80svh * var(--kd-aspect,.5)))}}
