:root{--color-bg:#27282c;--color-surface:#2f3034;--color-border:#3c3d42;--color-text:#a97bff;--color-text-muted:#6b6d75;--color-text-bright:#d4bfff;--color-text-row:#9d94b8;--color-text-row-previewed:#7a7391;--color-text-row-opened:#5d586d;--color-accent:#a97bff;--color-danger:#ff6b68;--color-success:#6dbf73;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--shadow-picture:0 6px 16px #0006;--shadow-picture-lifted:0 10px 28px #00000080;--radius-sm:2px;--radius-md:3px;--font-mono:var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-sans:var(--font-mono);--text-xs:.7rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.3rem}@media only screen and (max-width:900px){:root{--text-xs:.68rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.2rem}}@media only screen and (max-width:570px){:root{--text-xs:.65rem;--text-sm:.78rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.05rem}}:root[data-theme=light]{--color-bg:#f4f2ee;--color-surface:#fff;--color-border:#d8d4cc;--color-text:#5b32b0;--color-text-muted:#6b6d75;--color-text-bright:#3b2470;--color-text-row:#46405c;--color-text-row-previewed:#6f6885;--color-text-row-opened:#928ca3;--color-accent:#6d3fd4;--color-danger:#c4342f;--color-success:#2f7a37;--shadow-picture:0 6px 16px #0000001f;--shadow-picture-lifted:0 10px 28px #0000002e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
*,:before,:after{box-sizing:border-box}body{min-height:100dvh;font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);flex-direction:column;margin:0;line-height:1.5;display:flex}::selection{background:var(--color-accent);color:var(--color-bg)}.content{width:100%;max-width:60rem;padding:var(--space-8) var(--space-4);flex:1;margin:0 auto}.content:has(>[data-wide]){max-width:none;padding-left:var(--space-6);padding-right:var(--space-6)}:is(.content:has(>[data-library]),.content:has([data-wide-table])){max-width:82rem}
