:root{--bg:#ffffff;--fg:#000000;--muted:#666666;--border:#000000;--subtle-border:#dddddd}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;line-height:1.5;overflow-x:hidden}a,body,html{color:var(--fg)}a{text-decoration:none}button{font-family:inherit;font-size:inherit;background:var(--fg);color:var(--bg);border:1px solid var(--fg);padding:8px 16px;cursor:pointer}button:hover:not(:disabled){background:var(--bg);color:var(--fg)}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:var(--bg);color:var(--fg)}button.secondary:hover:not(:disabled){background:var(--fg);color:var(--bg)}input{font-family:inherit;font-size:inherit;padding:8px;border:1px solid var(--fg);background:var(--bg);color:var(--fg)}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--subtle-border);padding:6px 10px;text-align:left}th{border-bottom:1px solid var(--fg)}html{scroll-behavior:smooth}footer[id],section[id]{scroll-margin-top:88px}#top{scroll-margin-top:0}@keyframes klef-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.86);opacity:.55}}@keyframes klef-hero-rise{0%{opacity:0;transform:translateY(38px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.klef-hero-rise{animation:klef-hero-rise 1.1s cubic-bezier(.22,.61,.36,1) both}@keyframes klef-nav-drop{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.klef-nav-drop{animation:klef-nav-drop .9s cubic-bezier(.22,.61,.36,1) both;animation-delay:.15s}@media (prefers-reduced-motion:reduce){.klef-hero-rise,.klef-nav-drop{animation:none}}.klf-root{--bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F4F3F9;--surface-3:#EAE9F2;--hover:#F0EFF7;--text:#131318;--text-2:#4a4c57;--text-3:#6c6e7d;--border:rgba(20,20,28,0.08);--border-2:rgba(20,20,28,0.05);--accent:#735CFB;--accent-2:#5a44e0;--accent-weak:rgba(115,92,251,0.10);--danger:#d92d20;--danger-weak:rgba(217,45,32,0.10);--selection-bg:rgba(115,92,251,0.28);--selection-fg:#131318;--shadow-sm:0 1px 2px rgba(20,20,28,0.05);--shadow:0 20px 44px -30px rgba(20,20,28,0.24);--shadow-lg:0 40px 80px -40px rgba(20,20,28,0.38);--canvas:#E6E5EE;--card-shadow:0 1px 1px rgba(255,255,255,0.6),0 30px 60px -42px rgba(20,20,28,0.4);--rail:72px;--card-r:26px;--notch:22px;--code-kw:#8b5cf6;--code-str:#0f8a5f;--code-num:#c2410c;--code-com:#9092a0;--code-fn:#2563eb;--code-punct:#6c6e7d;--code-add:#0f8a5f;--code-del:#dc2626;--code-add-bg:rgba(34,197,94,0.10);--code-del-bg:rgba(239,68,68,0.09);color-scheme:light}.klf-root[data-theme=dark]{--bg:#131318;--surface:#16161d;--surface-2:#1f1f28;--surface-3:#282833;--hover:#22222c;--text:#f3f3f7;--text-2:#b6b7c4;--text-3:#83848f;--border:rgba(255,255,255,0.09);--border-2:rgba(255,255,255,0.05);--accent:#8b78ff;--accent-2:#a493ff;--accent-weak:rgba(139,120,255,0.16);--danger:#ff6b60;--danger-weak:rgba(255,107,96,0.16);--selection-bg:rgba(139,120,255,0.38);--selection-fg:#f3f3f7;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow:0 20px 44px -30px rgba(0,0,0,0.7);--shadow-lg:0 40px 80px -40px rgba(0,0,0,0.8);--canvas:#090a0d;--card-shadow:0 0 0 1px rgba(255,255,255,0.04),0 30px 60px -42px rgba(0,0,0,0.9);--code-kw:#c4b5fd;--code-str:#7ee2b8;--code-num:#fca574;--code-com:#6c6e7d;--code-fn:#7cb7ff;--code-punct:#9092a0;--code-add:#7ee2b8;--code-del:#ff9a9a;--code-add-bg:rgba(34,197,94,0.13);--code-del-bg:rgba(239,68,68,0.12);color-scheme:dark}.klf-root ::selection{background:var(--selection-bg);color:var(--selection-fg)}.klf-userbubble ::selection{background:rgba(255,255,255,.32);color:#fff}.klf-root a{color:var(--accent);text-decoration:none}.klf-root a:hover{color:var(--accent-2)}.klf-root button{border:none;padding:0}.klf-root button,.klf-root button:hover:not(:disabled){background:transparent;color:inherit}.klf-root button:disabled{opacity:1;cursor:default}.klf-notch{position:absolute;width:var(--notch);height:var(--notch);background:var(--fill,var(--bg));pointer-events:none}.klf-notch.tl{-webkit-mask:radial-gradient(circle var(--notch) at 0 0,transparent 98%,#000 100%);mask:radial-gradient(circle var(--notch) at 0 0,transparent 98%,#000 100%)}.klf-notch.tr{-webkit-mask:radial-gradient(circle var(--notch) at 100% 0,transparent 98%,#000 100%);mask:radial-gradient(circle var(--notch) at 100% 0,transparent 98%,#000 100%)}.klf-notch.bl{-webkit-mask:radial-gradient(circle var(--notch) at 0 100%,transparent 98%,#000 100%);mask:radial-gradient(circle var(--notch) at 0 100%,transparent 98%,#000 100%)}.klf-notch.br{-webkit-mask:radial-gradient(circle var(--notch) at 100% 100%,transparent 98%,#000 100%);mask:radial-gradient(circle var(--notch) at 100% 100%,transparent 98%,#000 100%)}.klf-scroll::-webkit-scrollbar{width:10px;height:10px}.klf-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;border:3px solid transparent;background-clip:padding-box}.klf-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:padding-box}@keyframes klfMsgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes klfBlink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}@keyframes klfShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.klf-shimmer{background:linear-gradient(90deg,var(--text-3) 30%,var(--text) 50%,var(--text-3) 70%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:klfShimmer 1.4s linear infinite}@keyframes klfSpin{to{transform:rotate(1turn)}}.klf-spinner{animation:klfSpin .8s linear infinite}@keyframes klfOverlay{0%{opacity:0}to{opacity:1}}@keyframes klfModal{0%{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes klfPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes klfDot{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}@keyframes klfFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes klfToast{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes klfSurface{0%{opacity:0;transform:translateY(10px) scale(.994)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes klfDraw{to{stroke-dashoffset:0}}@keyframes klfDotIn{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.klf-surface{animation:klfSurface .42s cubic-bezier(.32,.72,0,1) both}@keyframes klfCodeRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes klfCodeExpand{0%{opacity:0;transform:translateY(-6px);max-height:0}to{opacity:1;transform:translateY(0);max-height:520px}}.klf-code-rise{animation:klfCodeRise .34s cubic-bezier(.32,.72,0,1) both}.klf-code-pop{animation:klfPop .32s cubic-bezier(.34,1.56,.64,1) both}.klf-code-expand{animation:klfCodeExpand .3s cubic-bezier(.32,.72,0,1) both;overflow:hidden}.klf-rot{transition:transform .24s cubic-bezier(.32,.72,0,1)}.klf-rot.open{transform:rotate(90deg)}.klf-code-row{transition:background .16s ease,border-color .16s ease,transform .16s ease}.kd-canvas{background-color:var(--surface-2);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:16px 16px;background-position:-8px -8px}.kd-rail{animation:kdRailIn .3s cubic-bezier(.32,.72,0,1) both}@keyframes kdRailIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:760px){.klf-root input:not([type]),.klf-root input[type=text],.klf-root textarea{font-size:16px!important}.klf-root{padding:0!important}}@keyframes klfBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes klfDrawerIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes klfDrawerInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.klf-backdrop{animation:klfBackdropIn .2s ease both}.klf-drawer-l{animation:klfDrawerIn .28s cubic-bezier(.32,.72,0,1) both}.klf-drawer-r{animation:klfDrawerInRight .28s cubic-bezier(.32,.72,0,1) both}