:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--oj-white:#fff;--oj-paper-50:#fcfbf8;--oj-paper-100:#f7f6f3;--oj-neutral-100:#eff1f4;--oj-neutral-200:#dcdfe3;--oj-neutral-400:#888d92;--oj-neutral-600:#4b5056;--oj-neutral-800:#1e2226;--oj-neutral-950:#080a0d;--oj-forest-50:#e5f7eb;--oj-forest-200:#b3e2c2;--oj-forest-600:#217145;--oj-forest-750:#0e492a;--oj-amber-50:#fff3e2;--oj-amber-200:#f8d193;--oj-amber-700:#864900;--oj-red-50:#fff1f0;--oj-red-200:#ffc7c2;--oj-red-650:#b71824;--oj-blue-650:#005bb4;--color-canvas:#faf9f7;--color-sidebar:#f8f7f5;--color-surface:var(--oj-white);--color-surface-subtle:#f4f3f1;--color-surface-muted:#eeedeb;--color-surface-inverse:var(--oj-neutral-950);--color-text:#121516;--color-text-secondary:#626567;--color-text-tertiary:#6d7073;--color-text-inverse:var(--oj-white);--color-border:#eae9e7;--color-border-strong:#d3d4d3;--color-focus:var(--oj-blue-650);--color-action:var(--oj-neutral-950);--color-action-hover:var(--oj-neutral-800);--color-success:var(--oj-forest-750);--color-success-bg:var(--oj-forest-50);--color-success-border:var(--oj-forest-200);--color-warning:var(--oj-amber-700);--color-warning-bg:var(--oj-amber-50);--color-warning-border:var(--oj-amber-200);--color-error:var(--oj-red-650);--color-error-bg:var(--oj-red-50);--color-error-border:var(--oj-red-200);--color-overlay:#080a0d6b;--font-display:"Inter Variable", "Segoe UI", sans-serif;--font-body:"Inter Variable", "Segoe UI", sans-serif;--font-handwriting:"Caveat Variable", cursive;--font-mono:"SFMono-Regular", Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.75rem, 2.7vw, 2.5rem);--text-3xl:clamp(2.25rem, 4vw, 3.75rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.035em;--tracking-wide:.12em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--sidebar-width:16.75rem;--page-max:90rem;--content-max:64rem;--reading-max:47.5rem;--control-height:2.75rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-xl:.75rem;--radius-full:999px;--shadow-sm:0 1px 2px #080a0d0d;--shadow-md:0 14px 38px #080a0d17;--shadow-focus:0 0 0 3px #005bb447;--z-base:0;--z-sticky:20;--z-dropdown:40;--z-modal:60;--z-toast:80;--duration-instant:80ms;--duration-fast:.12s;--duration-normal:.18s;--duration-slow:.22s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}@supports (color:lab(0% 0 0)){:root{--oj-white:lab(100% 0 0);--oj-paper-50:lab(98.5085% .107378 1.52056);--oj-paper-100:lab(96.7685% .107437 1.52061);--oj-neutral-100:lab(95.1203% -.330657 -1.47084);--oj-neutral-200:lab(88.6202% -.49156 -2.20371);--oj-neutral-400:lab(58.2189% -.792623 -3.65813);--oj-neutral-600:lab(33.8522% -.906795 -4.367);--oj-neutral-800:lab(12.9749% -.718795 -3.62179);--oj-neutral-950:lab(2.74296% -.261307 -1.55658);--oj-forest-50:lab(95.6984% -7.73674 3.96299);--oj-forest-200:lab(85.7899% -20.2577 10.3903);--oj-forest-600:lab(42.2015% -33.5445 17.3051);--oj-forest-750:lab(26.7955% -25.5998 13.2126);--oj-amber-50:lab(96.5822% 2.2673 11.3714);--oj-amber-200:lab(86.1686% 8.54543 35.9535);--oj-amber-700:lab(38.0095% 25.0942 57.3717);--oj-red-50:lab(96.3544% 5.50768 2.96441);--oj-red-200:lab(85.4235% 21.5972 11.7634);--oj-red-650:lab(40.057% 60.2793 38.9217);--oj-blue-650:lab(38.3807% 4.98325 -54.8273);--color-overlay:lab(2.74296% -.261307 -1.55658/.42);--shadow-sm:0 1px 2px lab(2.74296% -.261307 -1.55658/.05);--shadow-md:0 14px 38px lab(2.74296% -.261307 -1.55658/.09);--shadow-focus:0 0 0 3px lab(38.3807% 4.98325 -54.8273/.28)}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#090b0f;--color-sidebar:#0d1013;--color-surface:#0f1216;--color-surface-subtle:#14171b;--color-surface-muted:#1a1d22;--color-surface-inverse:#e9ebee;--color-text:#e9ebee;--color-text-secondary:#abaeb3;--color-text-tertiary:#83868b;--color-text-inverse:#0b0d11;--color-border:#282c30;--color-border-strong:#4b5056;--color-action:#e9ebee;--color-action-hover:#c8cbce;--color-success:#7bc495;--color-success-bg:#112418;--color-warning:#e6b463;--color-warning-bg:#2e1e0a;--color-error:#f58b84;--color-error-bg:#331513;--shadow-md:0 14px 38px #0000015c}@supports (color:lab(0% 0 0)){[data-theme=dark]{--color-canvas:lab(3.03715% -.282116 -1.66182);--color-sidebar:lab(4.42371% -.373177 -2.11717);--color-surface:lab(5.24981% -.464298 -2.6805);--color-surface-subtle:lab(7.75927% -.619404 -3.25056);--color-surface-muted:lab(10.6543% -.708066 -3.61702);--color-surface-inverse:lab(93.0323% -.330538 -1.47079);--color-text:lab(93.0323% -.330538 -1.47079);--color-text-secondary:lab(70.9837% -.645906 -2.93297);--color-text-tertiary:lab(55.9034% -.640571 -2.93005);--color-text-inverse:lab(3.68711% -.32609 -1.88261);--color-border:lab(17.6158% -.735655 -3.62957);--color-border-strong:lab(33.8522% -.906795 -4.367);--color-action:lab(93.0323% -.330538 -1.47079);--color-action-hover:lab(81.4281% -.490695 -2.20321);--color-success:lab(73.4809% -31.4538 16.1641);--color-success-bg:lab(12.3008% -11.0363 5.67474);--color-warning:lab(76.8443% 12.1147 48.114);--color-warning-bg:lab(12.938% 6.10029 14.9848);--color-error:lab(69.7455% 40.5414 22.7212);--color-error-bg:lab(11.3525% 15.647 8.6693);--shadow-md:0 14px 38px lab(.111885% -.0151694 -.122529/.36)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-slow:0s}}
.demo-boot{align-content:center;place-items:center;gap:var(--space-4);background:var(--color-canvas);min-height:100dvh;color:var(--color-text-secondary);text-align:center;display:grid}.demo-boot p{font-size:var(--text-sm);margin:0}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:20rem}body{background:var(--color-canvas);color:var(--color-text);font:var(--weight-regular) var(--text-base) / var(--leading-normal) var(--font-body);text-rendering:optimizelegibility;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%}::selection{background:var(--color-success-border);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;scroll-margin:6rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}