:root{--demo-bg: oklch(.98 .006 50);--demo-text: oklch(.22 .01 50);--demo-text-muted: oklch(.5 .01 50);--demo-border: oklch(.9 .01 50);--demo-code-bg: oklch(.985 .004 50);--demo-code-border: oklch(.92 .008 50);--demo-code-text: oklch(.3 .01 50);--demo-code-comment: oklch(.62 .01 50);--demo-code-type: #3e8ead;--demo-accent: #8b5cf6;--demo-accent-2: #ec4899;--demo-accent-gradient: linear-gradient(135deg, var(--demo-accent-2) 15%, var(--demo-accent) 100%);--cmdk-bg: oklch(.995 .003 50);--cmdk-fg: oklch(.24 .01 50);--cmdk-border: oklch(.9 .01 50);--cmdk-divider: oklch(.92 .008 50);--cmdk-muted: oklch(.55 .01 50);--cmdk-key-bg: oklch(.95 .008 50);--cmdk-key-fg: oklch(.45 .01 50);--cmdk-accent: color-mix(in srgb, var(--cmdk-accent-color) 12%, transparent);--cmdk-accent-color: #8b5cf6;--cmdk-backdrop: oklch(.15 .01 40 / .35);--cmdk-shadow: 0 20px 60px oklch(.15 .01 40 / .25);--cmdk-radius: 22px;--cmdk-font: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cmdk-mono-font: "Space Mono", ui-monospace, Menlo, monospace}[data-theme=dark]{--demo-bg: oklch(.19 .012 40);--demo-text: oklch(.94 .006 50);--demo-text-muted: oklch(.68 .01 50);--demo-border: oklch(.32 .012 40);--demo-code-bg: oklch(.15 .01 40);--demo-code-border: oklch(.3 .012 40);--demo-code-text: oklch(.88 .008 50);--demo-code-comment: oklch(.5 .01 50);--demo-code-type: #67b6d8;--cmdk-bg: oklch(.15 .01 40);--cmdk-fg: oklch(.94 .006 50);--cmdk-border: oklch(.32 .012 40);--cmdk-divider: oklch(.26 .012 40);--cmdk-muted: oklch(.68 .01 50);--cmdk-key-bg: oklch(.24 .01 40);--cmdk-key-fg: oklch(.68 .01 50);--cmdk-accent: color-mix(in srgb, var(--cmdk-accent-color) 18%, transparent);--cmdk-backdrop: oklch(.1 .01 40 / .55)}body{margin:0;font-family:Sora,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--demo-bg);color:var(--demo-text)}.hljs-comment{color:var(--demo-code-comment);font-style:italic}.hljs-string,.hljs-number{color:var(--demo-accent-2)}.hljs-keyword{color:var(--demo-accent)}.hljs-title.class_,.hljs-built_in,.hljs-name{color:var(--demo-code-type)}.demo-panel{padding:18px 20px;border-radius:12px;border:1px solid var(--demo-border)}.demo-button{padding:6px 14px;border:1px solid var(--demo-border);border-radius:9px;background:transparent;color:var(--demo-text);font:inherit;font-size:13px;cursor:pointer}.demo-button:hover{border-color:var(--demo-accent-2);color:var(--demo-accent-2)}.demo-icon-alert:before{content:"\1f514"}.demo-icon-fruit:before{content:"\1f34e"}