:root{--surface-tint:color-mix(in srgb, var(--primary) 55%, var(--foreground))}:root:not(.dark){--background:color-mix(in srgb, var(--surface-tint) 5%, #fff);--surface-1:#fff;--surface-2:color-mix(in srgb, var(--surface-tint) 9%, #fff);--surface-box:color-mix(in srgb, var(--surface-tint) 7%, #fff);--field-card:color-mix(in srgb, var(--surface-tint) 10%, #fff);--surface-box2:#fff;--field-box:#fff;--field-box2:color-mix(in srgb, var(--surface-tint) 9%, #fff);--code-bg:color-mix(in srgb, var(--surface-tint) 5%, #fff);--tonal:color-mix(in srgb, var(--primary) 14%, #fff);--tonal-hover:color-mix(in srgb, var(--primary) 22%, #fff);--tonal-fg:color-mix(in srgb, var(--primary) 55%, #000);--secondary:var(--surface-2);--muted:var(--surface-2);--accent:color-mix(in srgb, var(--surface-tint) 12%, #fff);--border:color-mix(in srgb, var(--surface-tint) 16%, #fff);--input:color-mix(in srgb, var(--surface-tint) 20%, #fff)}.dark{--surface-tint:var(--foreground);--surface-1:color-mix(in srgb, var(--surface-tint) 5%, var(--background));--surface-2:color-mix(in srgb, var(--surface-tint) 9%, var(--background));--surface-box:color-mix(in srgb, var(--surface-tint) 9%, var(--background));--field-card:color-mix(in srgb, var(--surface-tint) 11%, var(--background));--surface-box2:color-mix(in srgb, var(--surface-tint) 13%, var(--background));--field-box:color-mix(in srgb, var(--surface-tint) 16%, var(--background));--field-box2:color-mix(in srgb, var(--surface-tint) 20%, var(--background));--code-bg:color-mix(in srgb, var(--surface-tint) 2%, var(--background));--tonal:color-mix(in srgb, var(--foreground) 11%, var(--background));--tonal-hover:color-mix(in srgb, var(--foreground) 16%, var(--background));--tonal-fg:var(--foreground)}@layer utilities{.bg-surface{background-color:var(--surface-1)}.bg-surface-high{background-color:var(--surface-2)}.bg-surface:where(.bg-surface *){background-color:var(--surface-box)}.bg-surface:where(.bg-surface .bg-surface *){background-color:var(--surface-box2)}.bg-surface-high:where(.bg-surface *){background-color:var(--field-card)}.bg-surface-high:where(.bg-surface .bg-surface *){background-color:var(--field-box)}.bg-surface-high:where(.bg-surface .bg-surface .bg-surface *){background-color:var(--field-box2)}}:root:not(.dark){--dc-chat:#fff;--dc-embed:#f2f3f5;--dc-deep:#e3e5e8;--dc-text:#313338;--dc-heading:#060607;--dc-muted:#5c5e66;--dc-soft:#4e5058;--dc-dim:#80848e;--dc-btn:#d7d9dc;--dc-line:#e1e2e4;--dc-bar:#c4c9ce;--dc-link:#006ce7}.dark{--dc-chat:#313338;--dc-embed:#2b2d31;--dc-deep:#1e1f22;--dc-text:#dbdee1;--dc-heading:#f2f3f5;--dc-muted:#949ba4;--dc-soft:#b5bac1;--dc-dim:#87898c;--dc-btn:#4e5058;--dc-line:#3f4147;--dc-bar:#4f545c;--dc-link:#00a8fc}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-symbols-rounded.woff2)format("woff2")}.ms{letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0;direction:ltr;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;transition:font-variation-settings .2s}[data-active=true]>.ms,[aria-current=page] .ms{font-variation-settings:"FILL" 1}@keyframes hero-cat-tail{0%,to{transform:rotate(-10deg)}50%{transform:rotate(14deg)}}@keyframes hero-cat-ear{0%,92%,to{transform:rotate(0)}95%{transform:rotate(-14deg)}}.hero-cat-tail{transform-box:view-box;transform-origin:132px 200px;animation:2.8s ease-in-out infinite hero-cat-tail}.hero-cat-ear-left{transform-box:view-box;transform-origin:70px 66px;animation:5s ease-in-out infinite hero-cat-ear}@media (prefers-reduced-motion:reduce){.hero-cat-tail,.hero-cat-ear-left{animation:none}}.embed-color .react-colorful{gap:12px;width:100%;height:auto}.embed-color .react-colorful__saturation{border-bottom:0;border-radius:14px;flex:none;height:150px}.embed-color .react-colorful__hue{border-radius:999px;flex:none;height:14px}.embed-color .react-colorful__last-control{border-radius:999px}.embed-color .react-colorful__pointer{border-width:3px;width:22px;height:22px;box-shadow:0 1px 4px #00000059}
