:root{--lk-accent:#4be0c3;--lk-bg:#0a0f14;--lk-radius:12px;--lk-font:"Inter", "Neue Haas Grotesk", "Helvetica Neue", Arial, sans-serif;--lk-ink:#e6edee;--lk-ink-2:color-mix(in oklab, var(--lk-ink) 62%, transparent);--lk-ink-3:color-mix(in oklab, var(--lk-ink) 42%, transparent);--lk-hair:color-mix(in oklab, var(--lk-ink) 8%, transparent);--lk-surf:color-mix(in oklab, var(--lk-accent) 3%, var(--lk-bg));--lk-surf-2:color-mix(in oklab, var(--lk-ink) 4%, var(--lk-bg));--lk-faint:color-mix(in oklab, var(--lk-accent) 12%, transparent);--lk-glow:color-mix(in oklab, var(--lk-accent) 40%, transparent);--lk-mono:ui-monospace, "SF Mono", "IBM Plex Mono", Consolas, monospace;--lk-maxw:1180px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--lk-bg);color:var(--lk-ink);font-family:var(--lk-font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:16px;line-height:1.55}.lk-grain{z-index:0;pointer-events:none;--_sg:var(--lk-grid,color-mix(in oklab, var(--lk-ink) 4%, transparent));background-image:linear-gradient(to right, var(--_sg) 1px, transparent 1px), linear-gradient(to bottom, var(--_sg) 1px, transparent 1px);background-position:50%;background-size:56px 56px;position:fixed;inset:0;mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 100%)}.lk-site-head,.lk-main,.lk-site-foot{z-index:1;position:relative}a{color:var(--lk-accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}.num{font-family:var(--lk-mono);font-variant-numeric:tabular-nums}.lk-micro{text-transform:uppercase;letter-spacing:.14em;color:var(--lk-ink-3);font-size:.72rem;font-weight:500}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.12}.lk-site-head{max-width:var(--lk-maxw);border-bottom:1px solid var(--lk-hair);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.1rem 1.5rem;display:flex}.lk-wordmark{color:var(--lk-ink);letter-spacing:-.01em;align-items:center;gap:.55rem;font-weight:600;display:inline-flex}.lk-wordmark:hover{text-decoration:none}.lk-wordmark-tag{color:var(--lk-ink-3);border:1px solid var(--lk-hair);border-radius:calc(var(--lk-radius) * .4);padding:.05rem .35rem;font-size:.68rem}.lk-nav{gap:1.4rem;font-size:.9rem;display:flex}.lk-nav a{color:var(--lk-ink-2)}.lk-nav a:hover{color:var(--lk-ink)}.lk-main{max-width:var(--lk-maxw);margin:0 auto;padding:0 1.5rem 4rem}.lk-site-foot{max-width:var(--lk-maxw);border-top:1px solid var(--lk-hair);flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin:3rem auto 0;padding:1.5rem;font-size:.85rem;display:flex}.lk-foot-brand{flex-direction:column;gap:.15rem;display:flex}.lk-foot-tag{color:var(--lk-ink-3);font-size:.8rem}.lk-foot-links{flex-wrap:wrap;gap:1.1rem;margin-left:auto;display:flex}.lk-foot-links a{color:var(--lk-ink-2)}.lk-foot-plate{letter-spacing:.14em;color:var(--lk-ink-3);font-size:.72rem}.lk-btn{font:inherit;color:var(--lk-bg);background:var(--lk-accent);border:1px solid var(--lk-accent);border-radius:calc(var(--lk-radius) * .7);cursor:pointer;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;font-weight:500;transition:filter .15s;display:inline-flex}.lk-btn:hover{filter:brightness(1.08);text-decoration:none}.lk-btn-ghost{color:var(--lk-ink);border-color:var(--lk-hair);background:0 0}.lk-btn-ghost:hover{border-color:var(--lk-accent);filter:none}.lk-preview{border-radius:var(--lk-radius);display:block;overflow:hidden}.lk-preview svg{width:100%;height:auto;display:block}.lk-card{border:1px solid var(--lk-hair);border-radius:var(--lk-radius);background:var(--lk-surf);color:inherit;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}a.lk-card:hover{border-color:color-mix(in oklab, var(--lk-accent) 45%, var(--lk-hair));text-decoration:none;transform:translateY(-2px)}.lk-card-media{background:var(--lk-bg);border-bottom:1px solid var(--lk-hair);padding:1rem}.lk-card-body{flex-direction:column;gap:.5rem;padding:.85rem 1rem 1rem;display:flex}.lk-card-name{font-size:.95rem;font-weight:600}.lk-card-slug{color:var(--lk-ink-3);font-size:.75rem}.lk-tags{flex-wrap:wrap;gap:.3rem;display:flex}.lk-tag{font-family:var(--lk-mono);color:var(--lk-ink-2);border:1px solid var(--lk-hair);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.68rem}.lk-tag-plate{color:var(--lk-accent);border-color:color-mix(in oklab, var(--lk-accent) 30%, transparent)}.lk-code{border:1px solid var(--lk-hair);border-radius:calc(var(--lk-radius) * .7);max-height:340px;font-family:var(--lk-mono);color:var(--lk-ink-2);white-space:pre;background:#05080b;margin:0;padding:.9rem 1rem;font-size:.8rem;line-height:1.5;overflow:auto}.lk-copy-line{border:1px solid var(--lk-hair);border-radius:calc(var(--lk-radius) * .7);background:#05080b;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .55rem .55rem .9rem;display:flex}.lk-copy-line code{font-family:var(--lk-mono);color:var(--lk-ink);white-space:nowrap;font-size:.8rem;overflow:auto}.lk-cz{border:1px solid var(--lk-hair);border-radius:var(--lk-radius);background:color-mix(in oklab, var(--lk-surf) 88%, black);box-shadow:0 0 0 1px color-mix(in oklab, var(--lk-accent) 8%, transparent);flex-direction:column;gap:.7rem;padding:1rem;display:flex}.lk-cz-head{justify-content:space-between;align-items:center;display:flex}.lk-cz-title{font-size:.95rem;font-weight:600}.lk-cz-reset{font:inherit;color:var(--lk-ink-3);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:none;font-size:.72rem}.lk-cz-reset:disabled{opacity:.35;cursor:default}.lk-cz-reset:not(:disabled):hover{color:var(--lk-accent)}.lk-cz-hint{color:var(--lk-ink-3);margin:0;font-size:.78rem;line-height:1.4}.lk-cz-presets{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.lk-chip{font:inherit;color:var(--lk-ink-2);background:var(--lk-bg);border:1px solid var(--lk-hair);border-radius:calc(var(--lk-radius) * .5);cursor:pointer;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.76rem;display:inline-flex}.lk-chip.is-active{border-color:var(--lk-accent);color:var(--lk-ink)}.lk-chip-sw{background:var(--_sw,var(--lk-accent));width:12px;height:12px;box-shadow:0 0 6px color-mix(in oklab, var(--_sw,var(--lk-accent)) 60%, transparent);border-radius:3px;flex:none}.lk-field{border:none;flex-direction:column;gap:.35rem;margin:0;padding:0;display:flex}.lk-field-label{text-transform:uppercase;letter-spacing:.1em;color:var(--lk-ink-3);font-size:.72rem}.lk-field-ctl{align-items:center;gap:.6rem;display:flex}.lk-hint{color:var(--lk-ink-3);letter-spacing:.02em;font-size:.64rem}.lk-field-ctl input[type=color]{border:1px solid var(--lk-hair);cursor:pointer;background:0 0;border-radius:6px;block-size:28px;inline-size:34px;padding:0}.lk-field-ctl input[type=range]{accent-color:var(--lk-accent);flex:1}.lk-field-val{color:var(--lk-ink-2);text-align:right;min-width:3.4rem;font-size:.76rem}.lk-radios{gap:.35rem;display:flex}.lk-radio{color:var(--lk-ink-2);border:1px solid var(--lk-hair);border-radius:calc(var(--lk-radius) * .5);cursor:pointer;text-transform:capitalize;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .4rem;font-size:.74rem;display:inline-flex}.lk-radio.is-active{border-color:var(--lk-accent);color:var(--lk-ink)}.lk-radio input{opacity:0;width:0;height:0;position:absolute}.lk-toggle{font:inherit;color:var(--lk-ink-3);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-size:.72rem;display:inline-flex}.lk-toggle-knob{background:var(--lk-hair);border-radius:999px;width:34px;height:18px;transition:background .15s;position:relative}.lk-toggle-knob:after{content:"";background:var(--lk-ink-2);border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.lk-toggle.is-on .lk-toggle-knob{background:color-mix(in oklab, var(--lk-accent) 45%, transparent)}.lk-toggle.is-on .lk-toggle-knob:after{background:var(--lk-accent);transform:translate(16px)}.lk-cz-copy{font:inherit;color:var(--lk-ink);background:var(--lk-surf-2);border:1px solid var(--lk-hair);border-radius:calc(var(--lk-radius) * .6);cursor:pointer;margin-top:.2rem;padding:.55rem;font-size:.82rem;font-weight:500}.lk-cz-copy:hover{border-color:var(--lk-accent)}@media (width<=720px){.lk-site-head{flex-wrap:wrap}.lk-foot-links{margin-left:0}}