@layer base,themes,components,utilities,layouts;@layer base{@property --layout-gap{syntax: "*"; inherits: false; initial-value: 1rem;}@property --gap{syntax: "*"; inherits: false; initial-value: 1rem;}@property --animation-reduced{syntax: "*"; inherits: false; initial-value: none;}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--min-vw: 360;--max-vw: 800;--font-size-min: 16;--font-size-max: 18;--font-ratio-min: 1.2;--font-ratio-max: 1.25;--font-width-min: 320;--font-width-max: 1500;--vs-xs: .25rem;--vs-s: .5rem;--vs-base: 1rem;--vs-m: 1.5rem;--vs-l: 2rem;--vs-xl: 4rem;--vs-xxl: 6rem;--vs-xxxl: 8rem;--pad-xs: .25rem;--pad-s: .5rem;--pad-m: .75rem;--pad-l: 1rem;--pad-xl: 1.5rem;--pad-xxl: 2rem;--pad-xxxl: 4rem;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--br-xs: 2px;--br-s: 4px;--br-m: 8px;--br-l: 16px;--br-xl: 24px;--br-xxl: 32px;--lh-xs: 1;--lh-s: 1.2;--lh: 1.5;--lh-l: 1.8;--lh-xl: 2;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-h1: -.02em;--ls-h2: -.015em;--ls-h3: -.01em;--yellow: oklch(.88 .15 95);--amber: oklch(.78 .16 80);--orange: oklch(.75 .18 65);--red: oklch(.62 .22 35);--pink: oklch(.62 .25 350);--purple: oklch(.65 .24 310);--indigo: oklch(.55 .25 275);--blue: oklch(.5 .28 270);--teal: oklch(.82 .08 185);--green: oklch(.72 .18 165);--lime: oklch(.8 .16 130);--highlighter: oklch(.88 .22 115);--brown: oklch(.55 .12 60);--yellow-1: oklch(from var(--yellow) l c h / .1);--yellow-2: oklch(from var(--yellow) l c h / .2);--yellow-3: oklch(from var(--yellow) l c h / .3);--yellow-4: oklch(from var(--yellow) l c h / .4);--yellow-5: oklch(from var(--yellow) l c h / .5);--yellow-6: oklch(from var(--yellow) l c h / .6);--yellow-7: oklch(from var(--yellow) l c h / .75);--yellow-8: oklch(from var(--yellow) l c h / .9);--yellow-9: var(--yellow);--yellow-opaque-1: color-mix(in oklab, var(--yellow), var(--bg) 90%);--yellow-opaque-2: color-mix(in oklab, var(--yellow), var(--bg) 80%);--yellow-opaque-3: color-mix(in oklab, var(--yellow), var(--bg) 65%);--yellow-opaque-4: color-mix(in oklab, var(--yellow), var(--bg) 40%);--yellow-opaque-5: var(--yellow);--yellow-opaque-6: color-mix(in oklab, var(--yellow), var(--fg) 30%);--yellow-opaque-7: color-mix(in oklab, var(--yellow), var(--fg) 50%);--yellow-opaque-8: color-mix(in oklab, var(--yellow), var(--fg) 70%);--yellow-opaque-9: color-mix(in oklab, var(--yellow), var(--fg) 90%);--amber-1: oklch(from var(--amber) l c h / .1);--amber-2: oklch(from var(--amber) l c h / .2);--amber-3: oklch(from var(--amber) l c h / .3);--amber-4: oklch(from var(--amber) l c h / .4);--amber-5: oklch(from var(--amber) l c h / .5);--amber-6: oklch(from var(--amber) l c h / .6);--amber-7: oklch(from var(--amber) l c h / .75);--amber-8: oklch(from var(--amber) l c h / .9);--amber-9: var(--amber);--amber-opaque-1: color-mix(in oklab, var(--amber), var(--bg) 90%);--amber-opaque-2: color-mix(in oklab, var(--amber), var(--bg) 80%);--amber-opaque-3: color-mix(in oklab, var(--amber), var(--bg) 65%);--amber-opaque-4: color-mix(in oklab, var(--amber), var(--bg) 40%);--amber-opaque-5: var(--amber);--amber-opaque-6: color-mix(in oklab, var(--amber), var(--fg) 30%);--amber-opaque-7: color-mix(in oklab, var(--amber), var(--fg) 50%);--amber-opaque-8: color-mix(in oklab, var(--amber), var(--fg) 70%);--amber-opaque-9: color-mix(in oklab, var(--amber), var(--fg) 90%);--orange-1: oklch(from var(--orange) l c h / .1);--orange-2: oklch(from var(--orange) l c h / .2);--orange-3: oklch(from var(--orange) l c h / .3);--orange-4: oklch(from var(--orange) l c h / .4);--orange-5: oklch(from var(--orange) l c h / .5);--orange-6: oklch(from var(--orange) l c h / .6);--orange-7: oklch(from var(--orange) l c h / .75);--orange-8: oklch(from var(--orange) l c h / .9);--orange-9: var(--orange);--orange-opaque-1: color-mix(in oklab, var(--orange), var(--bg) 90%);--orange-opaque-2: color-mix(in oklab, var(--orange), var(--bg) 80%);--orange-opaque-3: color-mix(in oklab, var(--orange), var(--bg) 65%);--orange-opaque-4: color-mix(in oklab, var(--orange), var(--bg) 40%);--orange-opaque-5: var(--orange);--orange-opaque-6: color-mix(in oklab, var(--orange), var(--fg) 30%);--orange-opaque-7: color-mix(in oklab, var(--orange), var(--fg) 50%);--orange-opaque-8: color-mix(in oklab, var(--orange), var(--fg) 70%);--orange-opaque-9: color-mix(in oklab, var(--orange), var(--fg) 90%);--red-1: oklch(from var(--red) l c h / .1);--red-2: oklch(from var(--red) l c h / .2);--red-3: oklch(from var(--red) l c h / .3);--red-4: oklch(from var(--red) l c h / .4);--red-5: oklch(from var(--red) l c h / .5);--red-6: oklch(from var(--red) l c h / .6);--red-7: oklch(from var(--red) l c h / .75);--red-8: oklch(from var(--red) l c h / .9);--red-9: var(--red);--red-opaque-1: color-mix(in oklab, var(--red), var(--bg) 90%);--red-opaque-2: color-mix(in oklab, var(--red), var(--bg) 80%);--red-opaque-3: color-mix(in oklab, var(--red), var(--bg) 65%);--red-opaque-4: color-mix(in oklab, var(--red), var(--bg) 40%);--red-opaque-5: var(--red);--red-opaque-6: color-mix(in oklab, var(--red), var(--fg) 30%);--red-opaque-7: color-mix(in oklab, var(--red), var(--fg) 50%);--red-opaque-8: color-mix(in oklab, var(--red), var(--fg) 70%);--red-opaque-9: color-mix(in oklab, var(--red), var(--fg) 90%);--pink-1: oklch(from var(--pink) l c h / .1);--pink-2: oklch(from var(--pink) l c h / .2);--pink-3: oklch(from var(--pink) l c h / .3);--pink-4: oklch(from var(--pink) l c h / .4);--pink-5: oklch(from var(--pink) l c h / .5);--pink-6: oklch(from var(--pink) l c h / .6);--pink-7: oklch(from var(--pink) l c h / .75);--pink-8: oklch(from var(--pink) l c h / .9);--pink-9: var(--pink);--pink-opaque-1: color-mix(in oklab, var(--pink), var(--bg) 90%);--pink-opaque-2: color-mix(in oklab, var(--pink), var(--bg) 80%);--pink-opaque-3: color-mix(in oklab, var(--pink), var(--bg) 65%);--pink-opaque-4: color-mix(in oklab, var(--pink), var(--bg) 40%);--pink-opaque-5: var(--pink);--pink-opaque-6: color-mix(in oklab, var(--pink), var(--fg) 30%);--pink-opaque-7: color-mix(in oklab, var(--pink), var(--fg) 50%);--pink-opaque-8: color-mix(in oklab, var(--pink), var(--fg) 70%);--pink-opaque-9: color-mix(in oklab, var(--pink), var(--fg) 90%);--purple-1: oklch(from var(--purple) l c h / .1);--purple-2: oklch(from var(--purple) l c h / .2);--purple-3: oklch(from var(--purple) l c h / .3);--purple-4: oklch(from var(--purple) l c h / .4);--purple-5: oklch(from var(--purple) l c h / .5);--purple-6: oklch(from var(--purple) l c h / .6);--purple-7: oklch(from var(--purple) l c h / .75);--purple-8: oklch(from var(--purple) l c h / .9);--purple-9: var(--purple);--purple-opaque-1: color-mix(in oklab, var(--purple), var(--bg) 90%);--purple-opaque-2: color-mix(in oklab, var(--purple), var(--bg) 80%);--purple-opaque-3: color-mix(in oklab, var(--purple), var(--bg) 65%);--purple-opaque-4: color-mix(in oklab, var(--purple), var(--bg) 40%);--purple-opaque-5: var(--purple);--purple-opaque-6: color-mix(in oklab, var(--purple), var(--fg) 30%);--purple-opaque-7: color-mix(in oklab, var(--purple), var(--fg) 50%);--purple-opaque-8: color-mix(in oklab, var(--purple), var(--fg) 70%);--purple-opaque-9: color-mix(in oklab, var(--purple), var(--fg) 90%);--purple-deep: #1b1525;--purple-deep-1: oklch(from var(--purple-deep) l c h / .1);--purple-deep-2: oklch(from var(--purple-deep) l c h / .2);--purple-deep-3: oklch(from var(--purple-deep) l c h / .3);--purple-deep-4: oklch(from var(--purple-deep) l c h / .4);--purple-deep-5: oklch(from var(--purple-deep) l c h / .5);--purple-deep-6: oklch(from var(--purple-deep) l c h / .6);--purple-deep-7: oklch(from var(--purple-deep) l c h / .75);--purple-deep-8: oklch(from var(--purple-deep) l c h / .9);--purple-deep-9: var(--purple-deep);--purple-deep-opaque-1: color-mix( in oklab, var(--purple-deep), var(--bg) 90% );--purple-deep-opaque-2: color-mix( in oklab, var(--purple-deep), var(--bg) 80% );--purple-deep-opaque-3: color-mix( in oklab, var(--purple-deep), var(--bg) 65% );--purple-deep-opaque-4: color-mix( in oklab, var(--purple-deep), var(--bg) 40% );--purple-deep-opaque-5: var(--purple-deep);--purple-deep-opaque-6: color-mix( in oklab, var(--purple-deep), var(--fg) 30% );--purple-deep-opaque-7: color-mix( in oklab, var(--purple-deep), var(--fg) 50% );--purple-deep-opaque-8: color-mix( in oklab, var(--purple-deep), var(--fg) 70% );--purple-deep-opaque-9: color-mix( in oklab, var(--purple-deep), var(--fg) 90% );--indigo-1: oklch(from var(--indigo) l c h / .1);--indigo-2: oklch(from var(--indigo) l c h / .2);--indigo-3: oklch(from var(--indigo) l c h / .3);--indigo-4: oklch(from var(--indigo) l c h / .4);--indigo-5: oklch(from var(--indigo) l c h / .5);--indigo-6: oklch(from var(--indigo) l c h / .6);--indigo-7: oklch(from var(--indigo) l c h / .75);--indigo-8: oklch(from var(--indigo) l c h / .9);--indigo-9: var(--indigo);--indigo-opaque-1: color-mix(in oklab, var(--indigo), var(--bg) 90%);--indigo-opaque-2: color-mix(in oklab, var(--indigo), var(--bg) 80%);--indigo-opaque-3: color-mix(in oklab, var(--indigo), var(--bg) 65%);--indigo-opaque-4: color-mix(in oklab, var(--indigo), var(--bg) 40%);--indigo-opaque-5: var(--indigo);--indigo-opaque-6: color-mix(in oklab, var(--indigo), var(--fg) 30%);--indigo-opaque-7: color-mix(in oklab, var(--indigo), var(--fg) 50%);--indigo-opaque-8: color-mix(in oklab, var(--indigo), var(--fg) 70%);--indigo-opaque-9: color-mix(in oklab, var(--indigo), var(--fg) 90%);--green-1: oklch(from var(--green) l c h / .1);--green-2: oklch(from var(--green) l c h / .2);--green-3: oklch(from var(--green) l c h / .3);--green-4: oklch(from var(--green) l c h / .4);--green-5: oklch(from var(--green) l c h / .5);--green-6: oklch(from var(--green) l c h / .6);--green-7: oklch(from var(--green) l c h / .75);--green-8: oklch(from var(--green) l c h / .9);--green-9: var(--green);--green-opaque-1: color-mix(in oklab, var(--green), var(--bg) 90%);--green-opaque-2: color-mix(in oklab, var(--green), var(--bg) 80%);--green-opaque-3: color-mix(in oklab, var(--green), var(--bg) 65%);--green-opaque-4: color-mix(in oklab, var(--green), var(--bg) 40%);--green-opaque-5: var(--green);--green-opaque-6: color-mix(in oklab, var(--green), var(--fg) 30%);--green-opaque-7: color-mix(in oklab, var(--green), var(--fg) 50%);--green-opaque-8: color-mix(in oklab, var(--green), var(--fg) 70%);--green-opaque-9: color-mix(in oklab, var(--green), var(--fg) 90%);--lime-1: oklch(from var(--lime) l c h / .1);--lime-2: oklch(from var(--lime) l c h / .2);--lime-3: oklch(from var(--lime) l c h / .3);--lime-4: oklch(from var(--lime) l c h / .4);--lime-5: oklch(from var(--lime) l c h / .5);--lime-6: oklch(from var(--lime) l c h / .6);--lime-7: oklch(from var(--lime) l c h / .75);--lime-8: oklch(from var(--lime) l c h / .9);--lime-9: var(--lime);--lime-opaque-1: color-mix(in oklab, var(--lime), var(--bg) 90%);--lime-opaque-2: color-mix(in oklab, var(--lime), var(--bg) 80%);--lime-opaque-3: color-mix(in oklab, var(--lime), var(--bg) 65%);--lime-opaque-4: color-mix(in oklab, var(--lime), var(--bg) 40%);--lime-opaque-5: var(--lime);--lime-opaque-6: color-mix(in oklab, var(--lime), var(--fg) 30%);--lime-opaque-7: color-mix(in oklab, var(--lime), var(--fg) 50%);--lime-opaque-8: color-mix(in oklab, var(--lime), var(--fg) 70%);--lime-opaque-9: color-mix(in oklab, var(--lime), var(--fg) 90%);--highlighter-1: oklch(from var(--highlighter) l c h / .1);--highlighter-2: oklch(from var(--highlighter) l c h / .2);--highlighter-3: oklch(from var(--highlighter) l c h / .3);--highlighter-4: oklch(from var(--highlighter) l c h / .4);--highlighter-5: oklch(from var(--highlighter) l c h / .5);--highlighter-6: oklch(from var(--highlighter) l c h / .6);--highlighter-7: oklch(from var(--highlighter) l c h / .75);--highlighter-8: oklch(from var(--highlighter) l c h / .9);--highlighter-9: var(--highlighter);--highlighter-opaque-1: color-mix( in oklab, var(--highlighter), var(--bg) 90% );--highlighter-opaque-2: color-mix( in oklab, var(--highlighter), var(--bg) 80% );--highlighter-opaque-3: color-mix( in oklab, var(--highlighter), var(--bg) 65% );--highlighter-opaque-4: color-mix( in oklab, var(--highlighter), var(--bg) 40% );--highlighter-opaque-5: var(--highlighter);--highlighter-opaque-6: color-mix( in oklab, var(--highlighter), var(--fg) 30% );--highlighter-opaque-7: color-mix( in oklab, var(--highlighter), var(--fg) 50% );--highlighter-opaque-8: color-mix( in oklab, var(--highlighter), var(--fg) 70% );--highlighter-opaque-9: color-mix( in oklab, var(--highlighter), var(--fg) 90% );--brown-1: oklch(from var(--brown) l c h / .1);--brown-2: oklch(from var(--brown) l c h / .2);--brown-3: oklch(from var(--brown) l c h / .3);--brown-4: oklch(from var(--brown) l c h / .4);--brown-5: oklch(from var(--brown) l c h / .5);--brown-6: oklch(from var(--brown) l c h / .6);--brown-7: oklch(from var(--brown) l c h / .75);--brown-8: oklch(from var(--brown) l c h / .9);--brown-9: var(--brown);--brown-opaque-1: color-mix(in oklab, var(--brown), var(--bg) 90%);--brown-opaque-2: color-mix(in oklab, var(--brown), var(--bg) 80%);--brown-opaque-3: color-mix(in oklab, var(--brown), var(--bg) 65%);--brown-opaque-4: color-mix(in oklab, var(--brown), var(--bg) 40%);--brown-opaque-5: var(--brown);--brown-opaque-6: color-mix(in oklab, var(--brown), var(--fg) 30%);--brown-opaque-7: color-mix(in oklab, var(--brown), var(--fg) 50%);--brown-opaque-8: color-mix(in oklab, var(--brown), var(--fg) 70%);--brown-opaque-9: color-mix(in oklab, var(--brown), var(--fg) 90%);--teal-1: oklch(from var(--teal) l c h / .1);--teal-2: oklch(from var(--teal) l c h / .2);--teal-3: oklch(from var(--teal) l c h / .3);--teal-4: oklch(from var(--teal) l c h / .4);--teal-5: oklch(from var(--teal) l c h / .5);--teal-6: oklch(from var(--teal) l c h / .6);--teal-7: oklch(from var(--teal) l c h / .75);--teal-8: oklch(from var(--teal) l c h / .9);--teal-9: var(--teal);--teal-opaque-1: color-mix(in oklab, var(--teal), var(--bg) 90%);--teal-opaque-2: color-mix(in oklab, var(--teal), var(--bg) 80%);--teal-opaque-3: color-mix(in oklab, var(--teal), var(--bg) 65%);--teal-opaque-4: color-mix(in oklab, var(--teal), var(--bg) 40%);--teal-opaque-5: var(--teal);--teal-opaque-6: color-mix(in oklab, var(--teal), var(--fg) 30%);--teal-opaque-7: color-mix(in oklab, var(--teal), var(--fg) 50%);--teal-opaque-8: color-mix(in oklab, var(--teal), var(--fg) 70%);--teal-opaque-9: color-mix(in oklab, var(--teal), var(--fg) 90%);--blue-1: oklch(from var(--blue) l c h / .1);--blue-2: oklch(from var(--blue) l c h / .2);--blue-3: oklch(from var(--blue) l c h / .3);--blue-4: oklch(from var(--blue) l c h / .4);--blue-5: oklch(from var(--blue) l c h / .5);--blue-6: oklch(from var(--blue) l c h / .6);--blue-7: oklch(from var(--blue) l c h / .75);--blue-8: oklch(from var(--blue) l c h / .9);--blue-9: var(--blue);--blue-opaque-1: color-mix(in oklab, var(--blue), var(--bg) 90%);--blue-opaque-2: color-mix(in oklab, var(--blue), var(--bg) 80%);--blue-opaque-3: color-mix(in oklab, var(--blue), var(--bg) 65%);--blue-opaque-4: color-mix(in oklab, var(--blue), var(--bg) 40%);--blue-opaque-5: var(--blue);--blue-opaque-6: color-mix(in oklab, var(--blue), var(--fg) 30%);--blue-opaque-7: color-mix(in oklab, var(--blue), var(--fg) 50%);--blue-opaque-8: color-mix(in oklab, var(--blue), var(--fg) 70%);--blue-opaque-9: color-mix(in oklab, var(--blue), var(--fg) 90%);--gray: oklch(.5 .02 270);--slate: oklch(.52 .04 255);--gray-1: oklch(from var(--gray) l c h / .1);--gray-2: oklch(from var(--gray) l c h / .2);--gray-3: oklch(from var(--gray) l c h / .3);--gray-4: oklch(from var(--gray) l c h / .4);--gray-5: oklch(from var(--gray) l c h / .5);--gray-6: oklch(from var(--gray) l c h / .6);--gray-7: oklch(from var(--gray) l c h / .75);--gray-8: oklch(from var(--gray) l c h / .9);--gray-9: var(--gray);--gray-opaque-1: color-mix(in oklab, var(--gray), var(--bg) 90%);--gray-opaque-2: color-mix(in oklab, var(--gray), var(--bg) 80%);--gray-opaque-3: color-mix(in oklab, var(--gray), var(--bg) 65%);--gray-opaque-4: color-mix(in oklab, var(--gray), var(--bg) 40%);--gray-opaque-5: var(--gray);--gray-opaque-6: color-mix(in oklab, var(--gray), var(--fg) 30%);--gray-opaque-7: color-mix(in oklab, var(--gray), var(--fg) 50%);--gray-opaque-8: color-mix(in oklab, var(--gray), var(--fg) 70%);--gray-opaque-9: color-mix(in oklab, var(--gray), var(--fg) 90%);--slate-1: oklch(from var(--slate) l c h / .1);--slate-2: oklch(from var(--slate) l c h / .2);--slate-3: oklch(from var(--slate) l c h / .3);--slate-4: oklch(from var(--slate) l c h / .4);--slate-5: oklch(from var(--slate) l c h / .5);--slate-6: oklch(from var(--slate) l c h / .6);--slate-7: oklch(from var(--slate) l c h / .75);--slate-8: oklch(from var(--slate) l c h / .9);--slate-9: var(--slate);--slate-opaque-1: color-mix(in oklab, var(--slate), var(--bg) 90%);--slate-opaque-2: color-mix(in oklab, var(--slate), var(--bg) 80%);--slate-opaque-3: color-mix(in oklab, var(--slate), var(--bg) 65%);--slate-opaque-4: color-mix(in oklab, var(--slate), var(--bg) 40%);--slate-opaque-5: var(--slate);--slate-opaque-6: color-mix(in oklab, var(--slate), var(--fg) 30%);--slate-opaque-7: color-mix(in oklab, var(--slate), var(--fg) 50%);--slate-opaque-8: color-mix(in oklab, var(--slate), var(--fg) 70%);--slate-opaque-9: color-mix(in oklab, var(--slate), var(--fg) 90%);--white: oklch(1 0 0);--white-05: oklch(from var(--white) l c h / .05);--white-1: oklch(from var(--white) l c h / .1);--white-2: oklch(from var(--white) l c h / .2);--white-3: oklch(from var(--white) l c h / .3);--white-4: oklch(from var(--white) l c h / .4);--white-5: oklch(from var(--white) l c h / .5);--white-6: oklch(from var(--white) l c h / .6);--white-7: oklch(from var(--white) l c h / .75);--white-8: oklch(from var(--white) l c h / .9);--white-9: var(--white);--white-opaque-1: color-mix(in oklab, var(--white), var(--bg) 90%);--white-opaque-2: color-mix(in oklab, var(--white), var(--bg) 80%);--white-opaque-3: color-mix(in oklab, var(--white), var(--bg) 65%);--white-opaque-4: color-mix(in oklab, var(--white), var(--bg) 40%);--white-opaque-5: var(--white);--white-opaque-6: color-mix(in oklab, var(--white), var(--fg) 30%);--white-opaque-7: color-mix(in oklab, var(--white), var(--fg) 50%);--white-opaque-8: color-mix(in oklab, var(--white), var(--fg) 70%);--white-opaque-9: color-mix(in oklab, var(--white), var(--fg) 90%);--black: oklch(0 0 0);--black-05: oklch(from var(--black) l c h / .05);--black-1: oklch(from var(--black) l c h / .1);--black-2: oklch(from var(--black) l c h / .2);--black-3: oklch(from var(--black) l c h / .3);--black-4: oklch(from var(--black) l c h / .4);--black-5: oklch(from var(--black) l c h / .5);--black-6: oklch(from var(--black) l c h / .6);--black-7: oklch(from var(--black) l c h / .75);--black-8: oklch(from var(--black) l c h / .9);--black-9: var(--black);--black-opaque-1: color-mix(in oklab, var(--black), var(--bg) 90%);--black-opaque-2: color-mix(in oklab, var(--black), var(--bg) 80%);--black-opaque-3: color-mix(in oklab, var(--black), var(--bg) 65%);--black-opaque-4: color-mix(in oklab, var(--black), var(--bg) 40%);--black-opaque-5: var(--black);--black-opaque-6: color-mix(in oklab, var(--black), var(--fg) 30%);--black-opaque-7: color-mix(in oklab, var(--black), var(--fg) 50%);--black-opaque-8: color-mix(in oklab, var(--black), var(--fg) 70%);--black-opaque-9: color-mix(in oklab, var(--black), var(--fg) 90%);--fg-light: #050505;--fg-dark: #fff;--bg-light: #fff;--bg-dark: #050505;--ease-smooth: linear( 0, .0039, .0157, .0352, .0625 9.09%, .1407, .25, .3908, .5625, .7654, 1 );--ease-bounce: linear( 0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.36%, .563, .766, 1 54.55%, .946, .908 72.73%, .953, 1, .994, .998, 1 );--ease-emphasized: linear( 0, .0038, .0155, .0352, .0625 9%, .1407, .25 18%, .5625 36%, .7655 45%, 1 );--ease-spring-smooth: linear( 0, .019 2.3%, .081 5%, .46 16.5%, .637 23%, .769 29.8%, .862 37%, .901 41.5%, .931 46.3%, .955 51.8%, .972 58%, .992 73.3%, 1 );--ease-spring-snappy: linear( 0, .006 1.3%, .026 2.8%, .098 5.8%, .514 17.8%, .694 24%, .824 30.3%, .914 37%, .946 40.8%, .972 45%, .989 49.8%, 1 55%, 1.006 66.8%, 1 );--ease-spring-pop: linear( 0, .008 1.3%, .031 2.5%, .119 5.3%, .639 16%, .839 21%, .97 25.8%, 1.016 28.3%, 1.051 31%, 1.077 34.8%, 1.083 39%, 1.072 44%, 1.017 58%, .999 66.3%, .993 77%, 1 );--ease-spring-bouncy: linear( 0, .012 1%, .045 2%, .161 4%, .794 11.3%, 1.01 14.3%, 1.154 17.3%, 1.198 18.8%, 1.226 20.5%, 1.233 22.5%, 1.216 24.8%, 1.179 27%, 1.006 35.8%, .967 39%, .948 42.3%, .945 44.5%, .949 46.8%, .997 57.5%, 1.012 63.8%, 1.012 68.8%, .998 84.8%, 1 );--ease-spring-elastic: linear( 0, .044 1%, .207 2.3%, 1.267 7.5%, 1.436 9%, 1.491 10.3%, 1.491 10.8%, 1.472 11.5%, 1.393 12.8%, .853 18.3%, .786 19.5%, .759 20.8%, .758 21.3%, .763 21.8%, .787 22.8%, 1.053 28.3%, 1.1 29.8%, 1.119 31.3%, 1.117 32.3%, 1.105 33.3%, .974 38.8%, .951 40.3%, .942 41.8%, .942 42.8%, .95 44%, 1.012 49.3%, 1.024 50.7%, 1.029 52.3%, 1.025 54.5%, .994 59.8%, .986 62.8%, .988 65%, 1.003 70.3%, 1.007 73%, .997 83.5%, 1.002 93.5%, 1 );--ease-bounce-soft: linear( 0, .015 6.3%, .062 12.8%, .141 19.3%, .249 25.7%, .387 32%, .556 38.3%, .749 44.5%, .999 51.5%, .946 56%, .908 60.5%, .885 65%, .878 69.5%, .885 73.8%, .908 78.3%, .946 82.8%, .999 87.3%, .985 93.8%, 1 );--ease-bounce-firm: linear( 0, .015 4.5%, .061 9%, .141 13.7%, .25 18.2%, .394 22.8%, .565 27.3%, .998 36.3%, .885 41.2%, .812 45.5%, .766 50%, .75 54.5%, .765 59%, .811 63.5%, .887 68%, .998 72.7%, .952 77.5%, .938 81.8%, .953 86.3%, .999 90.8%, .984 95.5%, 1 );--ease-enter-glide: linear(0, .4 14%, .7 30%, .86 47%, .94 62%, .98 78%, 1);--ease-enter-soft: linear(0, .06 12%, .3 34%, .72 63%, .92 84%, 1);--ease-exit-swift: linear(0, .08 22%, .28 46%, .62 70%, 1);--ease-exit-anticipate: linear( 0, -.06 14%, -.08 22%, -.03 32%, .3 54%, .72 74%, 1 );--ease-pop: linear(0, .38 20%, .88 62%, 1);--d-instant: .1s;--d-fast: .15s;--d-base: .2s;--d-slow: .3s;--d-emphatic: .4s;--tooltip-offset: var(--vs-xs);--tooltip-show-delay: var(--d-base);--tooltip-hide-delay: 0s;--z-base: 0;--z-raised: 1;--z-overlay: 10;--z-sticky: 100;--z-modal: 200;--z-toast: 300;--fg: light-dark(var(--fg-light), var(--fg-dark));--fg-05: oklch(from var(--fg) l c h / .05);--fg-1: oklch(from var(--fg) l c h / .1);--fg-2: oklch(from var(--fg) l c h / .2);--fg-3: oklch(from var(--fg) l c h / .3);--fg-4: oklch(from var(--fg) l c h / .4);--fg-5: oklch(from var(--fg) l c h / .5);--fg-6: oklch(from var(--fg) l c h / .6);--fg-7: oklch(from var(--fg) l c h / .75);--fg-8: oklch(from var(--fg) l c h / .9);--fg-9: var(--fg);--fg-opaque-1: color-mix(in oklab, var(--fg), var(--bg) 90%);--fg-opaque-2: color-mix(in oklab, var(--fg), var(--bg) 80%);--fg-opaque-3: color-mix(in oklab, var(--fg), var(--bg) 65%);--fg-opaque-4: color-mix(in oklab, var(--fg), var(--bg) 40%);--fg-opaque-5: var(--fg);--fg-opaque-6: color-mix(in oklab, var(--fg), var(--fg) 30%);--fg-opaque-7: color-mix(in oklab, var(--fg), var(--fg) 50%);--fg-opaque-8: color-mix(in oklab, var(--fg), var(--fg) 70%);--fg-opaque-9: color-mix(in oklab, var(--fg), var(--fg) 90%);--bg: light-dark(var(--bg-light), var(--bg-dark));--bg-05: oklch(from var(--bg) l c h / .05);--bg-1: oklch(from var(--bg) l c h / .1);--bg-2: oklch(from var(--bg) l c h / .2);--bg-3: oklch(from var(--bg) l c h / .3);--bg-4: oklch(from var(--bg) l c h / .4);--bg-5: oklch(from var(--bg) l c h / .5);--bg-6: oklch(from var(--bg) l c h / .6);--bg-7: oklch(from var(--bg) l c h / .75);--bg-8: oklch(from var(--bg) l c h / .9);--bg-9: var(--bg);--bg-opaque-1: color-mix(in oklab, var(--bg), var(--bg) 90%);--bg-opaque-2: color-mix(in oklab, var(--bg), var(--bg) 80%);--bg-opaque-3: color-mix(in oklab, var(--bg), var(--bg) 65%);--bg-opaque-4: color-mix(in oklab, var(--bg), var(--bg) 40%);--bg-opaque-5: var(--bg);--bg-opaque-6: color-mix(in oklab, var(--bg), var(--fg) 30%);--bg-opaque-7: color-mix(in oklab, var(--bg), var(--fg) 50%);--bg-opaque-8: color-mix(in oklab, var(--bg), var(--fg) 70%);--bg-opaque-9: color-mix(in oklab, var(--bg), var(--fg) 90%);--primary: var(--blue);--accent: var(--primary);--error: var(--red);--warning: var(--yellow);--success: var(--green);--primary-1: oklch(from var(--primary) l c h / .1);--primary-2: oklch(from var(--primary) l c h / .2);--primary-3: oklch(from var(--primary) l c h / .3);--primary-4: oklch(from var(--primary) l c h / .4);--primary-5: oklch(from var(--primary) l c h / .5);--primary-6: oklch(from var(--primary) l c h / .6);--primary-7: oklch(from var(--primary) l c h / .75);--primary-8: oklch(from var(--primary) l c h / .9);--primary-9: var(--primary);--primary-opaque-1: color-mix(in oklab, var(--primary), var(--bg) 90%);--primary-opaque-2: color-mix(in oklab, var(--primary), var(--bg) 80%);--primary-opaque-3: color-mix(in oklab, var(--primary), var(--bg) 65%);--primary-opaque-4: color-mix(in oklab, var(--primary), var(--bg) 40%);--primary-opaque-5: var(--primary);--primary-opaque-6: color-mix(in oklab, var(--primary), var(--fg) 30%);--primary-opaque-7: color-mix(in oklab, var(--primary), var(--fg) 50%);--primary-opaque-8: color-mix(in oklab, var(--primary), var(--fg) 70%);--primary-opaque-9: color-mix(in oklab, var(--primary), var(--fg) 90%);--error-1: oklch(from var(--error) l c h / .1);--error-2: oklch(from var(--error) l c h / .2);--error-3: oklch(from var(--error) l c h / .3);--error-4: oklch(from var(--error) l c h / .4);--error-5: oklch(from var(--error) l c h / .5);--error-6: oklch(from var(--error) l c h / .6);--error-7: oklch(from var(--error) l c h / .75);--error-8: oklch(from var(--error) l c h / .9);--error-9: var(--error);--error-opaque-1: color-mix(in oklab, var(--error), var(--bg) 90%);--error-opaque-2: color-mix(in oklab, var(--error), var(--bg) 80%);--error-opaque-3: color-mix(in oklab, var(--error), var(--bg) 65%);--error-opaque-4: color-mix(in oklab, var(--error), var(--bg) 40%);--error-opaque-5: var(--error);--error-opaque-6: color-mix(in oklab, var(--error), var(--fg) 30%);--error-opaque-7: color-mix(in oklab, var(--error), var(--fg) 50%);--error-opaque-8: color-mix(in oklab, var(--error), var(--fg) 70%);--error-opaque-9: color-mix(in oklab, var(--error), var(--fg) 90%);--warning-1: oklch(from var(--warning) l c h / .1);--warning-2: oklch(from var(--warning) l c h / .2);--warning-3: oklch(from var(--warning) l c h / .3);--warning-4: oklch(from var(--warning) l c h / .4);--warning-5: oklch(from var(--warning) l c h / .5);--warning-6: oklch(from var(--warning) l c h / .6);--warning-7: oklch(from var(--warning) l c h / .75);--warning-8: oklch(from var(--warning) l c h / .9);--warning-9: var(--warning);--warning-opaque-1: color-mix(in oklab, var(--warning), var(--bg) 90%);--warning-opaque-2: color-mix(in oklab, var(--warning), var(--bg) 80%);--warning-opaque-3: color-mix(in oklab, var(--warning), var(--bg) 65%);--warning-opaque-4: color-mix(in oklab, var(--warning), var(--bg) 40%);--warning-opaque-5: var(--warning);--warning-opaque-6: color-mix(in oklab, var(--warning), var(--fg) 30%);--warning-opaque-7: color-mix(in oklab, var(--warning), var(--fg) 50%);--warning-opaque-8: color-mix(in oklab, var(--warning), var(--fg) 70%);--warning-opaque-9: color-mix(in oklab, var(--warning), var(--fg) 90%);--success-1: oklch(from var(--success) l c h / .1);--success-2: oklch(from var(--success) l c h / .2);--success-3: oklch(from var(--success) l c h / .3);--success-4: oklch(from var(--success) l c h / .4);--success-5: oklch(from var(--success) l c h / .5);--success-6: oklch(from var(--success) l c h / .6);--success-7: oklch(from var(--success) l c h / .75);--success-8: oklch(from var(--success) l c h / .9);--success-9: var(--success);--success-opaque-1: color-mix(in oklab, var(--success), var(--bg) 90%);--success-opaque-2: color-mix(in oklab, var(--success), var(--bg) 80%);--success-opaque-3: color-mix(in oklab, var(--success), var(--bg) 65%);--success-opaque-4: color-mix(in oklab, var(--success), var(--bg) 40%);--success-opaque-5: var(--success);--success-opaque-6: color-mix(in oklab, var(--success), var(--fg) 30%);--success-opaque-7: color-mix(in oklab, var(--success), var(--fg) 50%);--success-opaque-8: color-mix(in oklab, var(--success), var(--fg) 70%);--success-opaque-9: color-mix(in oklab, var(--success), var(--fg) 90%);--shadow-1: 0 0 1px .5px light-dark(rgb(0 0 0 / .05), rgb(0 0 0 / .5)), 0 2px 2px light-dark(rgb(0 0 0 / .1), rgb(0 0 0 / .3));--shadow-2: 0 1px 1px 2px light-dark(rgb(0 0 0 / .03), rgb(0 0 0 / .6)), 0 4px 4px light-dark(rgb(0 0 0 / .1), rgb(0 0 0 / .4));--shadow-3: 0 2px 4px light-dark(rgb(0 0 0 / .05), rgb(0 0 0 / .65)), 0 4px 8px light-dark(rgb(0 0 0 / .1), rgb(0 0 0 / .45));--shadow-4: 0 4px 8px light-dark(rgb(0 0 0 / .06), rgb(0 0 0 / .7)), 0 8px 16px light-dark(rgb(0 0 0 / .12), rgb(0 0 0 / .5));--shadow-5: 0 8px 16px light-dark(rgb(0 0 0 / .08), rgb(0 0 0 / .75)), 0 12px 24px light-dark(rgb(0 0 0 / .14), rgb(0 0 0 / .55));--shadow-6: 0 12px 24px light-dark(rgb(0 0 0 / .1), rgb(0 0 0 / .8)), 0 16px 32px light-dark(rgb(0 0 0 / .16), rgb(0 0 0 / .6)), 0 24px 48px light-dark(rgb(0 0 0 / .18), rgb(0 0 0 / .5));--box: 0 1px 2px rgb(0 0 0 / .04), inset -1px 1px 2px rgb(255 255 255 / .1), inset 1px 1px 2px rgb(255 255 255 / .1);--border-05: solid 1px var(--fg-05);--border-1: solid 1px var(--fg-2);--border-2: solid 2px var(--fg-2);--border-3: solid 3px var(--fg-2);--border-4: solid 4px var(--fg-2);--border-5: solid 5px var(--fg-2);--focus-ring: 2px solid var(--fg);--focus-ring-offset: 2px;--focus-ring-offset-inset: -2px;--l: clamp(0, (l / var(--l-threshold, .623) - 1) * -infinity, 1);color-scheme:light dark}@media(prefers-reduced-motion:no-preference){:root{interpolate-size:allow-keywords}}@media(forced-colors:active){:root{--fg: CanvasText;--bg: Canvas;--primary: LinkText;--accent: LinkText;--error: Mark;--warning: Mark;--success: LinkText;--focus-ring: 2px solid CanvasText;--border-1: solid 1px CanvasText;--border-2: solid 2px CanvasText;--border-3: solid 3px CanvasText;--border-4: solid 4px CanvasText;--border-5: solid 5px CanvasText;--border-05: solid 1px GrayText;--shadow-1: none;--shadow-2: none;--shadow-3: none;--shadow-4: none;--shadow-5: none;--shadow-6: none;--box: none}}:where([class*=theme-]){--fg: light-dark(var(--fg-light), var(--fg-dark));--bg: light-dark(var(--bg-light), var(--bg-dark));--yellow-opaque-1: color-mix(in oklab, var(--yellow), var(--bg) 90%);--yellow-opaque-2: color-mix(in oklab, var(--yellow), var(--bg) 80%);--yellow-opaque-3: color-mix(in oklab, var(--yellow), var(--bg) 65%);--yellow-opaque-4: color-mix(in oklab, var(--yellow), var(--bg) 40%);--yellow-opaque-5: var(--yellow);--yellow-opaque-6: color-mix(in oklab, var(--yellow), var(--fg) 30%);--yellow-opaque-7: color-mix(in oklab, var(--yellow), var(--fg) 50%);--yellow-opaque-8: color-mix(in oklab, var(--yellow), var(--fg) 70%);--yellow-opaque-9: color-mix(in oklab, var(--yellow), var(--fg) 90%);--amber-opaque-1: color-mix(in oklab, var(--amber), var(--bg) 90%);--amber-opaque-2: color-mix(in oklab, var(--amber), var(--bg) 80%);--amber-opaque-3: color-mix(in oklab, var(--amber), var(--bg) 65%);--amber-opaque-4: color-mix(in oklab, var(--amber), var(--bg) 40%);--amber-opaque-5: var(--amber);--amber-opaque-6: color-mix(in oklab, var(--amber), var(--fg) 30%);--amber-opaque-7: color-mix(in oklab, var(--amber), var(--fg) 50%);--amber-opaque-8: color-mix(in oklab, var(--amber), var(--fg) 70%);--amber-opaque-9: color-mix(in oklab, var(--amber), var(--fg) 90%);--orange-opaque-1: color-mix(in oklab, var(--orange), var(--bg) 90%);--orange-opaque-2: color-mix(in oklab, var(--orange), var(--bg) 80%);--orange-opaque-3: color-mix(in oklab, var(--orange), var(--bg) 65%);--orange-opaque-4: color-mix(in oklab, var(--orange), var(--bg) 40%);--orange-opaque-5: var(--orange);--orange-opaque-6: color-mix(in oklab, var(--orange), var(--fg) 30%);--orange-opaque-7: color-mix(in oklab, var(--orange), var(--fg) 50%);--orange-opaque-8: color-mix(in oklab, var(--orange), var(--fg) 70%);--orange-opaque-9: color-mix(in oklab, var(--orange), var(--fg) 90%);--red-opaque-1: color-mix(in oklab, var(--red), var(--bg) 90%);--red-opaque-2: color-mix(in oklab, var(--red), var(--bg) 80%);--red-opaque-3: color-mix(in oklab, var(--red), var(--bg) 65%);--red-opaque-4: color-mix(in oklab, var(--red), var(--bg) 40%);--red-opaque-5: var(--red);--red-opaque-6: color-mix(in oklab, var(--red), var(--fg) 30%);--red-opaque-7: color-mix(in oklab, var(--red), var(--fg) 50%);--red-opaque-8: color-mix(in oklab, var(--red), var(--fg) 70%);--red-opaque-9: color-mix(in oklab, var(--red), var(--fg) 90%);--pink-opaque-1: color-mix(in oklab, var(--pink), var(--bg) 90%);--pink-opaque-2: color-mix(in oklab, var(--pink), var(--bg) 80%);--pink-opaque-3: color-mix(in oklab, var(--pink), var(--bg) 65%);--pink-opaque-4: color-mix(in oklab, var(--pink), var(--bg) 40%);--pink-opaque-5: var(--pink);--pink-opaque-6: color-mix(in oklab, var(--pink), var(--fg) 30%);--pink-opaque-7: color-mix(in oklab, var(--pink), var(--fg) 50%);--pink-opaque-8: color-mix(in oklab, var(--pink), var(--fg) 70%);--pink-opaque-9: color-mix(in oklab, var(--pink), var(--fg) 90%);--purple-opaque-1: color-mix(in oklab, var(--purple), var(--bg) 90%);--purple-opaque-2: color-mix(in oklab, var(--purple), var(--bg) 80%);--purple-opaque-3: color-mix(in oklab, var(--purple), var(--bg) 65%);--purple-opaque-4: color-mix(in oklab, var(--purple), var(--bg) 40%);--purple-opaque-5: var(--purple);--purple-opaque-6: color-mix(in oklab, var(--purple), var(--fg) 30%);--purple-opaque-7: color-mix(in oklab, var(--purple), var(--fg) 50%);--purple-opaque-8: color-mix(in oklab, var(--purple), var(--fg) 70%);--purple-opaque-9: color-mix(in oklab, var(--purple), var(--fg) 90%);--purple-deep-opaque-1: color-mix( in oklab, var(--purple-deep), var(--bg) 90% );--purple-deep-opaque-2: color-mix( in oklab, var(--purple-deep), var(--bg) 80% );--purple-deep-opaque-3: color-mix( in oklab, var(--purple-deep), var(--bg) 65% );--purple-deep-opaque-4: color-mix( in oklab, var(--purple-deep), var(--bg) 40% );--purple-deep-opaque-5: var(--purple-deep);--purple-deep-opaque-6: color-mix( in oklab, var(--purple-deep), var(--fg) 30% );--purple-deep-opaque-7: color-mix( in oklab, var(--purple-deep), var(--fg) 50% );--purple-deep-opaque-8: color-mix( in oklab, var(--purple-deep), var(--fg) 70% );--purple-deep-opaque-9: color-mix( in oklab, var(--purple-deep), var(--fg) 90% );--indigo-opaque-1: color-mix(in oklab, var(--indigo), var(--bg) 90%);--indigo-opaque-2: color-mix(in oklab, var(--indigo), var(--bg) 80%);--indigo-opaque-3: color-mix(in oklab, var(--indigo), var(--bg) 65%);--indigo-opaque-4: color-mix(in oklab, var(--indigo), var(--bg) 40%);--indigo-opaque-5: var(--indigo);--indigo-opaque-6: color-mix(in oklab, var(--indigo), var(--fg) 30%);--indigo-opaque-7: color-mix(in oklab, var(--indigo), var(--fg) 50%);--indigo-opaque-8: color-mix(in oklab, var(--indigo), var(--fg) 70%);--indigo-opaque-9: color-mix(in oklab, var(--indigo), var(--fg) 90%);--green-opaque-1: color-mix(in oklab, var(--green), var(--bg) 90%);--green-opaque-2: color-mix(in oklab, var(--green), var(--bg) 80%);--green-opaque-3: color-mix(in oklab, var(--green), var(--bg) 65%);--green-opaque-4: color-mix(in oklab, var(--green), var(--bg) 40%);--green-opaque-5: var(--green);--green-opaque-6: color-mix(in oklab, var(--green), var(--fg) 30%);--green-opaque-7: color-mix(in oklab, var(--green), var(--fg) 50%);--green-opaque-8: color-mix(in oklab, var(--green), var(--fg) 70%);--green-opaque-9: color-mix(in oklab, var(--green), var(--fg) 90%);--lime-opaque-1: color-mix(in oklab, var(--lime), var(--bg) 90%);--lime-opaque-2: color-mix(in oklab, var(--lime), var(--bg) 80%);--lime-opaque-3: color-mix(in oklab, var(--lime), var(--bg) 65%);--lime-opaque-4: color-mix(in oklab, var(--lime), var(--bg) 40%);--lime-opaque-5: var(--lime);--lime-opaque-6: color-mix(in oklab, var(--lime), var(--fg) 30%);--lime-opaque-7: color-mix(in oklab, var(--lime), var(--fg) 50%);--lime-opaque-8: color-mix(in oklab, var(--lime), var(--fg) 70%);--lime-opaque-9: color-mix(in oklab, var(--lime), var(--fg) 90%);--highlighter-opaque-1: color-mix( in oklab, var(--highlighter), var(--bg) 90% );--highlighter-opaque-2: color-mix( in oklab, var(--highlighter), var(--bg) 80% );--highlighter-opaque-3: color-mix( in oklab, var(--highlighter), var(--bg) 65% );--highlighter-opaque-4: color-mix( in oklab, var(--highlighter), var(--bg) 40% );--highlighter-opaque-5: var(--highlighter);--highlighter-opaque-6: color-mix( in oklab, var(--highlighter), var(--fg) 30% );--highlighter-opaque-7: color-mix( in oklab, var(--highlighter), var(--fg) 50% );--highlighter-opaque-8: color-mix( in oklab, var(--highlighter), var(--fg) 70% );--highlighter-opaque-9: color-mix( in oklab, var(--highlighter), var(--fg) 90% );--brown-opaque-1: color-mix(in oklab, var(--brown), var(--bg) 90%);--brown-opaque-2: color-mix(in oklab, var(--brown), var(--bg) 80%);--brown-opaque-3: color-mix(in oklab, var(--brown), var(--bg) 65%);--brown-opaque-4: color-mix(in oklab, var(--brown), var(--bg) 40%);--brown-opaque-5: var(--brown);--brown-opaque-6: color-mix(in oklab, var(--brown), var(--fg) 30%);--brown-opaque-7: color-mix(in oklab, var(--brown), var(--fg) 50%);--brown-opaque-8: color-mix(in oklab, var(--brown), var(--fg) 70%);--brown-opaque-9: color-mix(in oklab, var(--brown), var(--fg) 90%);--teal-opaque-1: color-mix(in oklab, var(--teal), var(--bg) 90%);--teal-opaque-2: color-mix(in oklab, var(--teal), var(--bg) 80%);--teal-opaque-3: color-mix(in oklab, var(--teal), var(--bg) 65%);--teal-opaque-4: color-mix(in oklab, var(--teal), var(--bg) 40%);--teal-opaque-5: var(--teal);--teal-opaque-6: color-mix(in oklab, var(--teal), var(--fg) 30%);--teal-opaque-7: color-mix(in oklab, var(--teal), var(--fg) 50%);--teal-opaque-8: color-mix(in oklab, var(--teal), var(--fg) 70%);--teal-opaque-9: color-mix(in oklab, var(--teal), var(--fg) 90%);--blue-opaque-1: color-mix(in oklab, var(--blue), var(--bg) 90%);--blue-opaque-2: color-mix(in oklab, var(--blue), var(--bg) 80%);--blue-opaque-3: color-mix(in oklab, var(--blue), var(--bg) 65%);--blue-opaque-4: color-mix(in oklab, var(--blue), var(--bg) 40%);--blue-opaque-5: var(--blue);--blue-opaque-6: color-mix(in oklab, var(--blue), var(--fg) 30%);--blue-opaque-7: color-mix(in oklab, var(--blue), var(--fg) 50%);--blue-opaque-8: color-mix(in oklab, var(--blue), var(--fg) 70%);--blue-opaque-9: color-mix(in oklab, var(--blue), var(--fg) 90%);--gray-opaque-1: color-mix(in oklab, var(--gray), var(--bg) 90%);--gray-opaque-2: color-mix(in oklab, var(--gray), var(--bg) 80%);--gray-opaque-3: color-mix(in oklab, var(--gray), var(--bg) 65%);--gray-opaque-4: color-mix(in oklab, var(--gray), var(--bg) 40%);--gray-opaque-5: var(--gray);--gray-opaque-6: color-mix(in oklab, var(--gray), var(--fg) 30%);--gray-opaque-7: color-mix(in oklab, var(--gray), var(--fg) 50%);--gray-opaque-8: color-mix(in oklab, var(--gray), var(--fg) 70%);--gray-opaque-9: color-mix(in oklab, var(--gray), var(--fg) 90%);--slate-opaque-1: color-mix(in oklab, var(--slate), var(--bg) 90%);--slate-opaque-2: color-mix(in oklab, var(--slate), var(--bg) 80%);--slate-opaque-3: color-mix(in oklab, var(--slate), var(--bg) 65%);--slate-opaque-4: color-mix(in oklab, var(--slate), var(--bg) 40%);--slate-opaque-5: var(--slate);--slate-opaque-6: color-mix(in oklab, var(--slate), var(--fg) 30%);--slate-opaque-7: color-mix(in oklab, var(--slate), var(--fg) 50%);--slate-opaque-8: color-mix(in oklab, var(--slate), var(--fg) 70%);--slate-opaque-9: color-mix(in oklab, var(--slate), var(--fg) 90%);--white-opaque-1: color-mix(in oklab, var(--white), var(--bg) 90%);--white-opaque-2: color-mix(in oklab, var(--white), var(--bg) 80%);--white-opaque-3: color-mix(in oklab, var(--white), var(--bg) 65%);--white-opaque-4: color-mix(in oklab, var(--white), var(--bg) 40%);--white-opaque-5: var(--white);--white-opaque-6: color-mix(in oklab, var(--white), var(--fg) 30%);--white-opaque-7: color-mix(in oklab, var(--white), var(--fg) 50%);--white-opaque-8: color-mix(in oklab, var(--white), var(--fg) 70%);--white-opaque-9: color-mix(in oklab, var(--white), var(--fg) 90%);--black-opaque-1: color-mix(in oklab, var(--black), var(--bg) 90%);--black-opaque-2: color-mix(in oklab, var(--black), var(--bg) 80%);--black-opaque-3: color-mix(in oklab, var(--black), var(--bg) 65%);--black-opaque-4: color-mix(in oklab, var(--black), var(--bg) 40%);--black-opaque-5: var(--black);--black-opaque-6: color-mix(in oklab, var(--black), var(--fg) 30%);--black-opaque-7: color-mix(in oklab, var(--black), var(--fg) 50%);--black-opaque-8: color-mix(in oklab, var(--black), var(--fg) 70%);--black-opaque-9: color-mix(in oklab, var(--black), var(--fg) 90%);--fg-05: oklch(from var(--fg) l c h / .05);--fg-1: oklch(from var(--fg) l c h / .1);--fg-2: oklch(from var(--fg) l c h / .2);--fg-3: oklch(from var(--fg) l c h / .3);--fg-4: oklch(from var(--fg) l c h / .4);--fg-5: oklch(from var(--fg) l c h / .5);--fg-6: oklch(from var(--fg) l c h / .6);--fg-7: oklch(from var(--fg) l c h / .75);--fg-8: oklch(from var(--fg) l c h / .9);--fg-9: var(--fg);--fg-opaque-1: color-mix(in oklab, var(--fg), var(--bg) 90%);--fg-opaque-2: color-mix(in oklab, var(--fg), var(--bg) 80%);--fg-opaque-3: color-mix(in oklab, var(--fg), var(--bg) 65%);--fg-opaque-4: color-mix(in oklab, var(--fg), var(--bg) 40%);--fg-opaque-5: var(--fg);--fg-opaque-6: color-mix(in oklab, var(--fg), var(--fg) 30%);--fg-opaque-7: color-mix(in oklab, var(--fg), var(--fg) 50%);--fg-opaque-8: color-mix(in oklab, var(--fg), var(--fg) 70%);--fg-opaque-9: color-mix(in oklab, var(--fg), var(--fg) 90%);--bg-05: oklch(from var(--bg) l c h / .05);--bg-1: oklch(from var(--bg) l c h / .1);--bg-2: oklch(from var(--bg) l c h / .2);--bg-3: oklch(from var(--bg) l c h / .3);--bg-4: oklch(from var(--bg) l c h / .4);--bg-5: oklch(from var(--bg) l c h / .5);--bg-6: oklch(from var(--bg) l c h / .6);--bg-7: oklch(from var(--bg) l c h / .75);--bg-8: oklch(from var(--bg) l c h / .9);--bg-9: var(--bg);--bg-opaque-1: color-mix(in oklab, var(--bg), var(--bg) 90%);--bg-opaque-2: color-mix(in oklab, var(--bg), var(--bg) 80%);--bg-opaque-3: color-mix(in oklab, var(--bg), var(--bg) 65%);--bg-opaque-4: color-mix(in oklab, var(--bg), var(--bg) 40%);--bg-opaque-5: var(--bg);--bg-opaque-6: color-mix(in oklab, var(--bg), var(--fg) 30%);--bg-opaque-7: color-mix(in oklab, var(--bg), var(--fg) 50%);--bg-opaque-8: color-mix(in oklab, var(--bg), var(--fg) 70%);--bg-opaque-9: color-mix(in oklab, var(--bg), var(--fg) 90%);--primary-1: oklch(from var(--primary) l c h / .1);--primary-2: oklch(from var(--primary) l c h / .2);--primary-3: oklch(from var(--primary) l c h / .3);--primary-4: oklch(from var(--primary) l c h / .4);--primary-5: oklch(from var(--primary) l c h / .5);--primary-6: oklch(from var(--primary) l c h / .6);--primary-7: oklch(from var(--primary) l c h / .75);--primary-8: oklch(from var(--primary) l c h / .9);--primary-9: var(--primary);--primary-opaque-1: color-mix(in oklab, var(--primary), var(--bg) 90%);--primary-opaque-2: color-mix(in oklab, var(--primary), var(--bg) 80%);--primary-opaque-3: color-mix(in oklab, var(--primary), var(--bg) 65%);--primary-opaque-4: color-mix(in oklab, var(--primary), var(--bg) 40%);--primary-opaque-5: var(--primary);--primary-opaque-6: color-mix(in oklab, var(--primary), var(--fg) 30%);--primary-opaque-7: color-mix(in oklab, var(--primary), var(--fg) 50%);--primary-opaque-8: color-mix(in oklab, var(--primary), var(--fg) 70%);--primary-opaque-9: color-mix(in oklab, var(--primary), var(--fg) 90%);--error-1: oklch(from var(--error) l c h / .1);--error-2: oklch(from var(--error) l c h / .2);--error-3: oklch(from var(--error) l c h / .3);--error-4: oklch(from var(--error) l c h / .4);--error-5: oklch(from var(--error) l c h / .5);--error-6: oklch(from var(--error) l c h / .6);--error-7: oklch(from var(--error) l c h / .75);--error-8: oklch(from var(--error) l c h / .9);--error-9: var(--error);--error-opaque-1: color-mix(in oklab, var(--error), var(--bg) 90%);--error-opaque-2: color-mix(in oklab, var(--error), var(--bg) 80%);--error-opaque-3: color-mix(in oklab, var(--error), var(--bg) 65%);--error-opaque-4: color-mix(in oklab, var(--error), var(--bg) 40%);--error-opaque-5: var(--error);--error-opaque-6: color-mix(in oklab, var(--error), var(--fg) 30%);--error-opaque-7: color-mix(in oklab, var(--error), var(--fg) 50%);--error-opaque-8: color-mix(in oklab, var(--error), var(--fg) 70%);--error-opaque-9: color-mix(in oklab, var(--error), var(--fg) 90%);--warning-1: oklch(from var(--warning) l c h / .1);--warning-2: oklch(from var(--warning) l c h / .2);--warning-3: oklch(from var(--warning) l c h / .3);--warning-4: oklch(from var(--warning) l c h / .4);--warning-5: oklch(from var(--warning) l c h / .5);--warning-6: oklch(from var(--warning) l c h / .6);--warning-7: oklch(from var(--warning) l c h / .75);--warning-8: oklch(from var(--warning) l c h / .9);--warning-9: var(--warning);--warning-opaque-1: color-mix(in oklab, var(--warning), var(--bg) 90%);--warning-opaque-2: color-mix(in oklab, var(--warning), var(--bg) 80%);--warning-opaque-3: color-mix(in oklab, var(--warning), var(--bg) 65%);--warning-opaque-4: color-mix(in oklab, var(--warning), var(--bg) 40%);--warning-opaque-5: var(--warning);--warning-opaque-6: color-mix(in oklab, var(--warning), var(--fg) 30%);--warning-opaque-7: color-mix(in oklab, var(--warning), var(--fg) 50%);--warning-opaque-8: color-mix(in oklab, var(--warning), var(--fg) 70%);--warning-opaque-9: color-mix(in oklab, var(--warning), var(--fg) 90%);--success-1: oklch(from var(--success) l c h / .1);--success-2: oklch(from var(--success) l c h / .2);--success-3: oklch(from var(--success) l c h / .3);--success-4: oklch(from var(--success) l c h / .4);--success-5: oklch(from var(--success) l c h / .5);--success-6: oklch(from var(--success) l c h / .6);--success-7: oklch(from var(--success) l c h / .75);--success-8: oklch(from var(--success) l c h / .9);--success-9: var(--success);--success-opaque-1: color-mix(in oklab, var(--success), var(--bg) 90%);--success-opaque-2: color-mix(in oklab, var(--success), var(--bg) 80%);--success-opaque-3: color-mix(in oklab, var(--success), var(--bg) 65%);--success-opaque-4: color-mix(in oklab, var(--success), var(--bg) 40%);--success-opaque-5: var(--success);--success-opaque-6: color-mix(in oklab, var(--success), var(--fg) 30%);--success-opaque-7: color-mix(in oklab, var(--success), var(--fg) 50%);--success-opaque-8: color-mix(in oklab, var(--success), var(--fg) 70%);--success-opaque-9: color-mix(in oklab, var(--success), var(--fg) 90%);color:var(--fg);background:var(--bg);font-family:var(--font-sans);line-height:var(--lh)}html{box-sizing:border-box;scroll-padding-block-start:60px;min-height:100dvh;margin:0}body>.body-fill{min-height:100dvh;margin:0;display:flex;flex-direction:column}main{flex:1}header,main,footer{inline-size:100%}*,*:before,*:after{box-sizing:inherit}body{font-family:var(--font-sans);line-height:var(--lh);margin:0;min-height:100dvh;color:var(--fg);background:var(--bg);height:-webkit-fill-available;height:stretch}h1,h2,h3,h4,h5,h6,p,li,.fluid,.tag,textarea,input,select,button,a,th,td,label{--fluid-min: calc( var(--font-size-min) * pow(var(--font-ratio-min), var(--fl, 0)) );--fluid-max: calc( var(--font-size-max) * pow(var(--font-ratio-max), var(--fl, 0)) );--fluid-preferred: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-type: clamp( (var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem );font-size:var(--fluid-type);line-height:var(--lh)}.fluid-text-container,.fc{container-type:inline-size;--variable-unit: 100cqi}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{line-height:var(--lh-s)}h1,.h1{margin-block:0 var(--vs-base);--fl: 5;letter-spacing:var(--ls-h1)}h2,.h2{--fl: 4;letter-spacing:var(--ls-h2)}h3,.h3{--fl: 3;letter-spacing:var(--ls-h3)}h4,.h4{--fl: 2}h5,.h5{--fl: 1}h6,.h6{--fl: 0}p,li,body,input,textarea,button,select{--fl: 0;line-height:var(--lh)}input,textarea,button,select{font-family:inherit}.fs-xs{--fl: -1}.fs-base{--fl: 0}.fs-s{--fl: 1}.fs-m{--fl: 2}.fs-l{--fl: 3}.fs-xl{--fl: 4}.fs-xxl{--fl: 5}.fs-xxxl{--fl: 6}img,picture,video,canvas,svg{display:block;max-inline-size:100%}hr{block-size:0;margin-block:var(--vs-l);margin-inline:0;border:none;border-block-start:var(--border-1)}mark{background:var(--highlighter-9);color:var(--black);padding-inline:.15em;border-radius:var(--br-xs)}@media(forced-colors:active){mark{background:Mark;color:MarkText}}figure{margin-block:var(--vs-l);margin-inline:0}figure>:is(img,picture,video,canvas,svg){display:block;inline-size:100%;block-size:auto;border-radius:var(--br-m)}figcaption{--fl: -1;margin-block-start:var(--vs-s);line-height:var(--lh-s);color:var(--fg-5);max-inline-size:65ch;text-wrap:pretty}button,.button{--button-color: var(--gray-5);--button-text: var(--fg);--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 18%, white), color-mix(in oklab, var(--button-color) 35%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 28%, white), color-mix(in oklab, var(--button-color) 45%, black) );--button-border: light-dark( color-mix(in oklab, var(--button-color) 60%, transparent), color-mix(in oklab, var(--button-color) 50%, transparent) );--button-shadow: light-dark( color-mix(in oklab, var(--button-color) 18%, transparent), color-mix(in oklab, var(--button-color) 35%, black) );appearance:none;margin:0;cursor:pointer;background:var( --button-background, linear-gradient( 180deg, var(--button-bg-top) 0%, var(--button-bg-bottom) 100% ) );color:var(--button-text);font-weight:560;display:inline-flex;justify-content:center;gap:.45em;align-items:center;line-height:var(--lh-s);border:1px solid var(--button-border);border-radius:var(--br-m);padding:6px var(--pad-l);text-decoration:none;box-shadow:inset 0 1px 0 light-dark(var(--white-5),var(--white-1)),0 1px 2px var(--button-shadow);transition:background var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth),color var(--d-fast) var(--ease-smooth),box-shadow var(--d-fast) var(--ease-smooth),translate var(--d-fast) var(--ease-smooth)}:is(button,.button):hover{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 12%, white), color-mix(in oklab, var(--button-color) 42%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 22%, white), color-mix(in oklab, var(--button-color) 52%, black) );border-color:light-dark(color-mix(in oklab,var(--button-color) 70%,transparent),color-mix(in oklab,var(--button-color) 60%,transparent));box-shadow:inset 0 1px 0 light-dark(var(--white-6),var(--white-2)),0 2px 4px var(--button-shadow);translate:0 -1px}:is(button,.button):active{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 45%, white), color-mix(in oklab, var(--button-color) 30%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 55%, white), color-mix(in oklab, var(--button-color) 38%, black) );box-shadow:inset 0 1px 0 light-dark(var(--white-2),var(--white-1)),0 1px 2px var(--button-shadow);translate:0}:is(button,.button):disabled{opacity:.65;cursor:not-allowed}:is(button,.button):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(forced-colors:active){button,.button{background:ButtonFace;color:ButtonText;border:1px solid ButtonBorder}:is(button,.button):hover{background:Highlight;color:HighlightText}:is(button,.button):disabled{color:GrayText;border-color:GrayText}}:is(button,.button).mini{--fl: -1;min-block-size:24px;padding:3px var(--pad-m);gap:.35em;border-radius:var(--br-s)}:is(button,.button).primary{--button-color: var(--primary);--button-text: var(--button-primary-text, var(--white));--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 92%, white), color-mix(in oklab, var(--button-color) 88%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 98%, white), color-mix(in oklab, var(--button-color) 80%, black) );--button-border: light-dark( color-mix(in oklab, var(--button-color) 75%, black), color-mix(in oklab, var(--button-color) 70%, white) );background:var( --button-primary-background, linear-gradient( 180deg, var(--button-bg-top) 0%, var(--button-bg-bottom) 100% ) )}:is(button,.button).primary:hover{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 85%, white), color-mix(in oklab, var(--button-color) 95%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 92%, white), var(--button-color) )}:is(button,.button).primary:active{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 88%, black), color-mix(in oklab, var(--button-color) 75%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 80%, black), color-mix(in oklab, var(--button-color) 70%, black) )}:is(button,.button).error{--button-color: var(--error);--button-text: var(--button-error-text, var(--white));--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 92%, white), color-mix(in oklab, var(--button-color) 88%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 98%, white), color-mix(in oklab, var(--button-color) 80%, black) );--button-border: light-dark( color-mix(in oklab, var(--button-color) 75%, black), color-mix(in oklab, var(--button-color) 70%, white) );background:var( --button-error-background, linear-gradient( 180deg, var(--button-bg-top) 0%, var(--button-bg-bottom) 100% ) )}:is(button,.button).error:hover{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 85%, white), color-mix(in oklab, var(--button-color) 95%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 92%, white), var(--button-color) )}:is(button,.button).error:active{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 88%, black), color-mix(in oklab, var(--button-color) 75%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 80%, black), color-mix(in oklab, var(--button-color) 70%, black) )}:is(button,.button).warning{--button-color: var(--warning);--button-text: var(--button-warning-text, var(--black));--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 95%, white), color-mix(in oklab, var(--button-color) 90%, black) );--button-bg-bottom: light-dark( var(--button-color), color-mix(in oklab, var(--button-color) 82%, black) );--button-border: light-dark( color-mix(in oklab, var(--button-color) 80%, black), color-mix(in oklab, var(--button-color) 65%, black) );background:var( --button-warning-background, linear-gradient( 180deg, var(--button-bg-top) 0%, var(--button-bg-bottom) 100% ) )}:is(button,.button).warning:hover{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 90%, white), color-mix(in oklab, var(--button-color) 95%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 98%, white), var(--button-color) );color:var(--button-text)}:is(button,.button).warning:active{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 90%, black), color-mix(in oklab, var(--button-color) 78%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 82%, black), color-mix(in oklab, var(--button-color) 72%, black) )}:is(button,.button).success{--button-color: var(--success);--button-text: var(--button-success-text, var(--white));--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 92%, white), color-mix(in oklab, var(--button-color) 88%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 98%, white), color-mix(in oklab, var(--button-color) 80%, black) );--button-border: light-dark( color-mix(in oklab, var(--button-color) 75%, black), color-mix(in oklab, var(--button-color) 70%, white) );background:var( --button-success-background, linear-gradient( 180deg, var(--button-bg-top) 0%, var(--button-bg-bottom) 100% ) )}:is(button,.button).success:hover{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 85%, white), color-mix(in oklab, var(--button-color) 95%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 92%, white), var(--button-color) )}:is(button,.button).success:active{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 88%, black), color-mix(in oklab, var(--button-color) 75%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 80%, black), color-mix(in oklab, var(--button-color) 70%, black) )}:is(button,.button).dark{--button-color: light-dark(#222, #fff);--button-text: var(--white);--button-bg-top: color-mix(in oklab, var(--button-color) 22%, black);--button-bg-bottom: color-mix(in oklab, var(--button-color) 30%, black);--button-border: color-mix(in oklab, var(--button-color) 50%, black);--button-shadow: color-mix(in oklab, black 80%, transparent)}:is(button,.button).dark:hover{--button-bg-top: color-mix(in oklab, var(--button-color) 32%, black);--button-bg-bottom: color-mix(in oklab, var(--button-color) 40%, black)}:is(button,.button).dark:active{--button-bg-top: color-mix(in oklab, var(--button-color) 14%, black);--button-bg-bottom: color-mix(in oklab, var(--button-color) 22%, black)}:is(button,.button).light{--button-color: light-dark(#fff, #fafafa);--button-text: var(--black);--button-bg-top: color-mix(in oklab, var(--button-color) 96%, black);--button-bg-bottom: var(--button-color);--button-border: color-mix(in oklab, var(--button-color) 60%, var(--fg));--button-shadow: color-mix(in oklab, black 12%, transparent)}:is(button,.button).light:hover{--button-bg-top: color-mix(in oklab, var(--button-color) 92%, black);--button-bg-bottom: color-mix(in oklab, var(--button-color) 98%, black)}:is(button,.button).light:active{--button-bg-top: color-mix(in oklab, var(--button-color) 85%, black);--button-bg-bottom: color-mix(in oklab, var(--button-color) 90%, black)}:is(button,.button).contrast{--button-color: var(--fg);--button-text: var(--bg);--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 22%, black), color-mix(in oklab, var(--button-color) 96%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 30%, black), color-mix(in oklab, var(--button-color) 100%, transparent) );--button-border: light-dark( color-mix(in oklab, var(--button-color) 50%, black), color-mix(in oklab, var(--button-color) 70%, black) );--button-shadow: light-dark( color-mix(in oklab, black 75%, transparent), color-mix(in oklab, black 15%, transparent) )}:is(button,.button).contrast:hover{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 32%, black), color-mix(in oklab, var(--button-color) 90%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 40%, black), color-mix(in oklab, var(--button-color) 96%, black) )}:is(button,.button).contrast:active{--button-bg-top: light-dark( color-mix(in oklab, var(--button-color) 14%, black), color-mix(in oklab, var(--button-color) 80%, black) );--button-bg-bottom: light-dark( color-mix(in oklab, var(--button-color) 22%, black), color-mix(in oklab, var(--button-color) 90%, black) )}:is(button,.button).ghost{--button-color: transparent;--button-text: var(--fg);border:1px solid var(--fg-3);background:transparent;box-shadow:none}:is(button,.button).ghost:hover{background:var(--fg-05);border-color:var(--fg-4);color:var(--fg);translate:0}:is(button,.button).ghost:active{background:var(--fg-1);border-color:var(--fg-5)}:is(button,.button).minimal{--button-color: transparent;--button-text: var(--fg-8);border:none;box-shadow:none;background:transparent;padding:var(--pad-xs) var(--pad-s)}:is(button,.button).minimal:hover{background:transparent;color:var(--fg);translate:0}:is(button,.button).minimal:active{background:transparent}:is(button,.button)>svg{inline-size:var(--button-icon-size, 1.15em);block-size:var(--button-icon-size, 1.15em);flex:none}:is(button,.button)[aria-label]:has(>svg:only-child){--icon-button-pad: var(--pad-s);padding:var(--icon-button-pad);aspect-ratio:1}.icon-button{--icon-button-pad: var(--pad-s);padding:var(--icon-button-pad);aspect-ratio:1}.icon-button.mini{--icon-button-pad: var(--pad-xs)}.close{--size: 2rem;inline-size:var(--size);height:var(--size);padding:0;border:none;box-shadow:var(--shadow-1);color:var(--white);background:var(--red);cursor:pointer;border-radius:50%}.close:hover{background:oklch(from var(--red) calc(l + .1) c h)}:where(a,input,textarea,select):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}textarea{field-sizing:content}.progress{accent-color:var(--primary)}:where(progress,.progress){inline-size:100%;block-size:var(--pad-m);overflow:hidden;border:0;border-radius:var(--br-xxl);background:var(--fg-1);color:var(--primary)}:where(progress,.progress)::-webkit-progress-bar{background:var(--fg-1);border-radius:inherit}:where(progress,.progress)::-webkit-progress-value{background:var(--primary);border-radius:inherit}:where(progress,.progress)::-moz-progress-bar{background:var(--primary);border-radius:inherit}.meter{accent-color:var(--primary)}:where(meter,.meter){inline-size:100%;block-size:var(--pad-m);border:0;border-radius:var(--br-xxl);background:var(--fg-1)}:where(meter,.meter)::-webkit-meter-bar{background:var(--fg-1);border:0;border-radius:inherit}:where(meter,.meter)::-webkit-meter-optimum-value,:where(meter,.meter)::-webkit-meter-suboptimum-value,:where(meter,.meter)::-webkit-meter-even-less-good-value{background:var(--primary);border-radius:inherit}:where(meter,.meter)::-moz-meter-bar{background:var(--primary);border-radius:inherit}:where(meter.signaling,.meter.signaling)::-webkit-meter-optimum-value{background:var(--success)}:where(meter.signaling,.meter.signaling)::-webkit-meter-suboptimum-value{background:var(--warning)}:where(meter.signaling,.meter.signaling)::-webkit-meter-even-less-good-value{background:var(--error)}:where(meter.signaling,.meter.signaling):-moz-meter-optimum::-moz-meter-bar{background:var(--success)}:where(meter.signaling,.meter.signaling):-moz-meter-sub-optimum::-moz-meter-bar{background:var(--warning)}:where(meter.signaling,.meter.signaling):-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--error)}@media(forced-colors:active){:where(progress,.progress),:where(meter,.meter){border:1px solid CanvasText;background:Canvas;color:Highlight;forced-color-adjust:auto}:where(progress,.progress)::-webkit-progress-bar,:where(meter,.meter)::-webkit-meter-bar{background:Canvas}:where(progress,.progress)::-webkit-progress-value,:where(progress,.progress)::-moz-progress-bar,:where(meter,.meter)::-webkit-meter-optimum-value,:where(meter,.meter)::-webkit-meter-suboptimum-value,:where(meter,.meter)::-webkit-meter-even-less-good-value,:where(meter,.meter)::-moz-meter-bar{background:Highlight}}:is(input,textarea,select):where(:user-invalid,[aria-invalid=true],.error){border-color:var(--red-6)}:is(input,textarea,select):where(:user-invalid,[aria-invalid=true],.error):focus-visible{outline-color:var(--red-6)}:is(input,textarea,select):where(:user-valid.success,.success){border-color:var(--green-6)}:is(input,textarea,select):where(:user-valid.success,.success):focus-visible{outline-color:var(--green-6)}:is(input,textarea,select).warning{border-color:var(--yellow-7)}:is(input,textarea,select).warning:focus-visible{outline-color:var(--yellow-7)}label{display:block;--fl: -1}}@layer utilities{.readable{max-inline-size:900px;inline-size:100%}.narrow{max-inline-size:var(--narrow-width, 50ch);inline-size:100%}.narrow.center{margin-inline:auto}.flex{display:flex;gap:var(--gap, 1rem)}.grid{display:grid;gap:var(--gap, 1rem)}.grid.auto{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min, 150px),1fr))}.cluster{display:flex;flex-wrap:wrap;--gap: .5rem;gap:var(--gap);align-items:center}.cluster.center{justify-content:center}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0px,0px,0px,0px);height:1px;inline-size:1px;margin:-1px;padding:0;border:0px}.skip-link{position:absolute;inset-block-start:var(--pad-s);inset-inline-start:50%;z-index:var(--z-modal);padding:var(--pad-s) var(--pad-m);background:var(--bg);color:var(--fg);border-radius:var(--br-m);box-shadow:var(--shadow-3);translate:-50% -150%;transition:translate var(--d-fast) var(--ease-smooth)}.skip-link:focus-visible{translate:-50% 0;outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.no-list{list-style:none;margin:0;padding:0}.no-list li{margin:0;padding:0}.row{margin-block:var(--vs-m)}:is(form,fieldset) .row{display:grid;gap:var(--row-gap, var(--vs-xs));align-content:start;margin-block:0}:is(form,fieldset) .row>label{margin-block-end:0}:is(form,fieldset) .row>:is(input,select,textarea):has(+small){margin-block-end:0}:is(form,fieldset) .row>:is(input,select,textarea)+small{margin-block-end:0}.form-actions{container-type:inline-size;display:flex;flex-wrap:wrap;justify-content:var(--form-actions-justify, flex-end);align-items:center;gap:var(--form-actions-gap, var(--vs-s));margin-block:var(--form-actions-margin, var(--vs-m))}.form-actions>*{margin:0}@container (max-width: 30rem){.form-actions>:is(button,.button,input[type=submit],input[type=button],input[type=reset]){flex:1 1 100%}}.no-margin{margin:0}.self-start{align-self:start}.full{inline-size:100%}.reset{appearance:none;background:none;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;font:inherit;line-height:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}.text-center{text-align:center}.text-end{text-align:end}.circle{--size: 40px;border-radius:var(--size);padding:0;inline-size:var(--size);height:var(--size)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}.aspect-21-9{aspect-ratio:21 / 9}.aspect-custom{aspect-ratio:var(--aspect, 1 / 1)}.focus-ring:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.focus-ring-inset:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset-inset)}.transition{transition:all var(--d-base) var(--ease-smooth)}.transition-fast{transition:all var(--d-instant) var(--ease-smooth)}.transition-slow{transition:all var(--d-emphatic) var(--ease-smooth)}.transition-bounce{transition:all var(--d-slow) var(--ease-bounce)}.transition-none{transition:none}.gradient-sunset{--g1: light-dark(oklch(.92 .08 80), oklch(.58 .19 60));--g2: light-dark(oklch(.82 .15 45), oklch(.45 .22 35));--g3: light-dark(oklch(.75 .17 15), oklch(.35 .2 10));background:linear-gradient(135deg,var(--g1),var(--g2),var(--g3))}.gradient-ocean{--g1: light-dark(oklch(.88 .08 220), oklch(.45 .12 220));--g2: light-dark(oklch(.78 .1 230), oklch(.35 .14 235));--g3: light-dark(oklch(.7 .12 250), oklch(.25 .13 255));background:radial-gradient(ellipse at 30% 80%,var(--g1),var(--g2),var(--g3))}.gradient-aurora{--g1: light-dark(oklch(.88 .1 160), oklch(.42 .14 155));--g2: light-dark(oklch(.84 .1 190), oklch(.38 .13 195));--g3: light-dark(oklch(.82 .08 260), oklch(.32 .15 265));--g4: light-dark(oklch(.86 .06 300), oklch(.36 .12 310));background:linear-gradient(160deg,var(--g1),var(--g2),var(--g3),var(--g4))}.gradient-midnight{--g1: light-dark(oklch(.75 .06 270), oklch(.3 .08 275));--g2: light-dark(oklch(.6 .08 260), oklch(.2 .1 260));--g3: light-dark(oklch(.5 .1 250), oklch(.13 .08 250));background:radial-gradient(circle at 50% 50%,var(--g1),var(--g2),var(--g3))}.gradient-dawn{--g1: light-dark(oklch(.93 .06 85), oklch(.5 .12 75));--g2: light-dark(oklch(.9 .09 50), oklch(.42 .16 40));--g3: light-dark(oklch(.88 .1 340), oklch(.38 .15 335));background:linear-gradient(to top right,var(--g1),var(--g2),var(--g3))}.gradient-forest{--g1: light-dark(oklch(.88 .08 145), oklch(.42 .1 150));--g2: light-dark(oklch(.78 .1 150), oklch(.32 .12 148));--g3: light-dark(oklch(.72 .09 130), oklch(.25 .09 135));background:linear-gradient(to bottom,var(--g1),var(--g2),var(--g3))}.gradient-lavender{--g1: light-dark(oklch(.92 .06 300), oklch(.48 .12 305));--g2: light-dark(oklch(.86 .08 285), oklch(.38 .14 285));--g3: light-dark(oklch(.82 .1 310), oklch(.32 .13 315));background:radial-gradient(ellipse at 70% 20%,var(--g1),var(--g2),var(--g3))}.gradient-neon{--g1: light-dark(oklch(.85 .18 330), oklch(.6 .28 330));--g2: light-dark(oklch(.8 .16 290), oklch(.5 .26 290));--g3: light-dark(oklch(.82 .15 195), oklch(.55 .22 195));background:linear-gradient(70deg,var(--g1),var(--g2),var(--g3))}.gradient-slate{--g1: light-dark(oklch(.94 .01 260), oklch(.35 .015 260));--g2: light-dark(oklch(.88 .015 250), oklch(.28 .02 250));--g3: light-dark(oklch(.85 .01 240), oklch(.22 .015 240));background:linear-gradient(170deg,var(--g1),var(--g2),var(--g3))}.gradient-surface{--g1: light-dark(oklch(.97 .005 260), oklch(.22 .008 260));--g2: light-dark(oklch(.95 .003 250), oklch(.18 .005 250));background:radial-gradient(ellipse at 50% 0%,var(--g1),var(--g2))}.gradient-text{-webkit-background-clip:text;background-clip:text;color:transparent}}@layer layouts{.layout-card{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--layout-min-card-width, var(--min-card-width, 290px)),1fr));gap:var(--layout-gap, var(--gap, 2rem))}.layout-sidebar{display:grid;grid-template-columns:250px 1fr;gap:var(--layout-gap, var(--gap, 2rem));align-items:start}.layout-sidebar.narrow{grid-template-columns:150px 1fr}.layout-sidebar.wide{grid-template-columns:350px 1fr}.layout-sidebar.invert{grid-template-columns:1fr 250px}.layout-sidebar.invert>:first-child{grid-column:2;grid-row:1}.layout-sidebar.invert>:nth-child(2){grid-column:1;grid-row:1}.layout-sidebar.invert.narrow{grid-template-columns:1fr 150px}.layout-sidebar.invert.wide{grid-template-columns:1fr 350px}.layout-sidebar.fill{--layout-gap: 0;align-items:stretch;height:var(--app-shell-min-height, 100dvh)}.layout-sidebar.fill>*{min-block-size:0}.layout-sidebar.fill>:first-child:not(.app-shell){overflow-y:auto;overscroll-behavior:contain}.layout-sidebar.fill>:nth-child(2):not(.app-shell){overflow-y:auto;overscroll-behavior:contain}.layout-sidebar.fill>.app-shell{--app-shell-min-height: 100%;min-height:100%}.layout-sidebar.fixed>:first-child{position:sticky;inset-block-start:0;align-self:start;max-height:100dvh}.layout-sidebar.fixed>:first-child:not(.app-shell){overflow-y:auto;overscroll-behavior:contain}.layout-sidebar.layout-readable{--max-width: 1400px}@container (max-width: 768px){.layout-sidebar,.layout-sidebar.narrow,.layout-sidebar.wide,.layout-sidebar.invert,.layout-sidebar.invert.narrow,.layout-sidebar.invert.wide{grid-template-columns:1fr}.layout-sidebar>:first-child:not(.drawer){display:none}.layout-sidebar.invert>:first-child,.layout-sidebar.invert>:nth-child(2){grid-column:auto;grid-row:auto}}@media not (min-width:768px){.layout-sidebar,.layout-sidebar.narrow,.layout-sidebar.wide,.layout-sidebar.invert,.layout-sidebar.invert.narrow,.layout-sidebar.invert.wide{grid-template-columns:1fr}.layout-sidebar>:first-child:not(.drawer){display:none}.layout-sidebar.invert>:first-child,.layout-sidebar.invert>:nth-child(2){grid-column:auto;grid-row:auto}}@media(min-width:768px){.layout-sidebar .drawer-toggle{display:none}.layout-sidebar>[popover].drawer{position:static;inset:auto;translate:none;transition:none;inline-size:auto;max-inline-size:none;block-size:auto;border:none;background:transparent}.layout-sidebar>[popover].drawer:not(:popover-open){display:block}}@media not (min-width:768px){.layout-sidebar .drawer-toggle{display:inline-flex}.layout-sidebar>[popover].drawer:not(:popover-open){display:none}}.layout-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--layout-gap, var(--gap, 2rem));align-items:start}@media not (min-width:768px){.layout-split{grid-template-columns:1fr}.layout-split.no-stack{grid-template-columns:1fr 1fr}}.layout-three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--layout-gap, var(--gap, 2rem));align-items:start}@media not (min-width:1024px){.layout-three-col{grid-template-columns:1fr 1fr}}@media not (min-width:768px){.layout-three-col{grid-template-columns:1fr}}.layout-readable{inline-size:100%;max-inline-size:var(--layout-max-width, var(--max-width, 1200px));padding-inline:var(--layout-padding, var(--padding, 2rem));margin:0 auto}.layout-readable.center{margin-inline:auto}.layout-readable.end{margin-inline-start:auto}.layout-holy-grail{--max-width: 720px;display:grid;grid-template-columns:minmax(0,1fr) min(var(--max-width, 720px),100%) minmax(0,1fr);gap:var(--layout-gap, var(--gap, 2rem));align-items:start}.layout-holy-grail>.rail-start{grid-column:1}.layout-holy-grail>:is(main,article){grid-column:2}.layout-holy-grail>.rail-end{grid-column:3}@media(max-width:1024px){.layout-holy-grail{grid-template-columns:min(var(--max-width, 720px),100%);place-content:start center}.layout-holy-grail>:is(.rail-start,main,article,.rail-end){grid-column:1}.layout-holy-grail>.rail-end{display:none}}@media not (max-width:768px){.layout-holy-grail .drawer-toggle{display:none}.layout-holy-grail>[popover].drawer.rail-start{position:static;inset:auto;translate:none;transition:none;inline-size:auto;max-inline-size:none;block-size:auto;border:none;background:transparent}.layout-holy-grail>[popover].drawer.rail-start:not(:popover-open){display:block}}@media(max-width:768px){.layout-holy-grail .drawer-toggle{display:inline-flex}.layout-holy-grail>.rail-start:not(.drawer),.layout-holy-grail>[popover].drawer.rail-start:not(:popover-open){display:none}}.layout-readable .full-bleed{inline-size:100vi;margin-inline:calc(50% - 50vi)}.section{padding-block:var(--section-padding, var(--pad-xxxl))}.stack{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--gap, 1rem)}:is(.stack)>*{margin-block:0;margin-inline:0}.split{display:flex;gap:var(--gap, 1rem);align-items:start;justify-content:space-between}.split.even{flex:1 1 auto}.split.vertical{flex-direction:column;height:100%}.split.center{align-items:center}@container (max-width: 500px){.split{flex-direction:column}}.carousel{display:flex;gap:var(--gap, 1rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--layout-padding, var(--padding, 1rem));scrollbar-width:thin}.carousel>*{scroll-snap-align:start;flex-shrink:0}.reel{display:flex;flex-direction:column;gap:var(--gap, 1rem);overflow-y:auto;scroll-snap-type:y mandatory;scroll-padding-block:var(--layout-padding, var(--padding, 1rem));scrollbar-width:thin;max-height:var(--reel-height, 80vh)}.reel>*{scroll-snap-align:start;flex-shrink:0}.swipe{container-type:inline-size;display:grid;grid-template-columns:auto 1fr auto;overflow-x:auto;scroll-snap-type:x mandatory;border-block:var(--border-1);-ms-overflow-style:none;scrollbar-width:none}.swipe>:nth-child(2){inline-size:100cqw;scroll-snap-align:center;padding:var(--pad-l) var(--vs-base)}.swipe>button{border-radius:0;box-shadow:1px 1px 4px #00000080 inset;border:none;inline-size:200px}.swipe.stop>*:first-of-type{animation:snap_start_hack 1ms forwards;--animation-reduced: snap_start_hack 1ms forwards}.swipe.stop>*:last-of-type{scroll-snap-align:end}@keyframes snap_start_hack{to{scroll-snap-align:start}}:where(h1,h2,h3,h4,h5,h6){view-transition-name:var(--transition-name, none);text-wrap:balance}:where(p,li,blockquote){text-wrap:pretty}}@layer components{.box{background:var(--fg-05);padding:var(--pad-m);border-radius:var(--br-s);border:var(--border-1)}.box.ghost{background:transparent}.box.invisible{background:transparent;border:none;box-shadow:none}.box.glow{box-shadow:var(--box)}.box.semi-gloss{box-shadow:var(--box),var(--shadow-5);background:linear-gradient(180deg,var(--fg-05) 0%,var(--fg-1) 100%)}.card{background:var(--bg);border:var(--border-1);border-radius:var(--br-l);box-shadow:var(--shadow-2);overflow:clip;padding:var(--pad-l);display:flex;flex-direction:column;--gap: var(--vs-s);gap:var(--gap)}@media(forced-colors:active){.card{border:1px solid CanvasText;background:Canvas}}.card>*{margin:0}.card.linked{text-decoration:none;color:var(--fg);cursor:pointer;transition:box-shadow var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth),translate var(--d-fast) var(--ease-smooth)}.card.linked:visited{color:var(--fg)}.card.linked:hover{border-color:var(--fg-3);box-shadow:var(--shadow-3);translate:0 -1px}.card.linked:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.card.linked:active{border-color:var(--fg-4);box-shadow:var(--shadow-2);translate:0}@media(forced-colors:active){.card.linked:hover{border-color:LinkText}.card.linked:active{border-color:ActiveText}.card.linked:focus-visible{outline:2px solid LinkText}}.card>:is(header,footer){display:flex;align-items:center;gap:var(--pad-s);padding:var(--pad-l);margin-inline:calc(-1 * var(--pad-l));inline-size:calc(100% + 2 * var(--pad-l))}.card>header{border-block-end:var(--border-1);margin-block-start:calc(-1 * var(--pad-l))}.card>footer{border-block-start:var(--border-1);margin-block-end:calc(-1 * var(--pad-l))}.card>:is(header,footer)>*{margin:0}.card>:is(img,picture,figure){display:block;inline-size:calc(100% + 2 * var(--pad-l));margin-inline:calc(-1 * var(--pad-l))}.card>:is(img,picture,figure):first-child{margin-block-start:calc(-1 * var(--pad-l))}.card>:is(img,picture,figure):last-child{margin-block-end:calc(-1 * var(--pad-l))}.card.featured{border-color:var(--card-featured-border, var(--primary));border-block-start:var( --card-featured-border-block-start, solid 1px var(--card-featured-border, var(--primary)) );box-shadow:var(--card-featured-shadow, var(--shadow-4))}.card.featured>header{background:var(--card-featured-header-bg, var(--primary-1))}.stat-card{background:var(--bg);border:var(--border-1);border-radius:var(--br-l);padding:var(--pad-l);display:flex;flex-direction:column;gap:var(--vs-xs)}.stat-card>*{margin:0}.stat-card>small{color:var(--fg-5);font-weight:var(--fw-medium)}.stat-card>strong{--fl: 3;font-weight:var(--fw-bold);line-height:var(--lh-s)}.feature-card{background:var(--bg);border:1px solid var(--fg-1);border-radius:var(--br-l);padding:var(--pad-xxl);display:flex;flex-direction:column;gap:var(--vs-s);box-shadow:var(--shadow-2);transition:box-shadow var(--d-base),translate var(--d-base)}.feature-card:hover{box-shadow:var(--shadow-3);translate:var(--feature-card-hover-translate, 0 -2px)}.feature-card>*{margin:0}.feature-card>.icon{font-size:1.5rem;line-height:var(--lh-xs);inline-size:var(--icon-size, 48px);height:var(--icon-size, 48px);display:grid;place-items:center;border-radius:var(--br-m);background:var(--primary-1);color:var(--primary)}.feature-card>:is(h1,h2,h3,h4,h5,h6){--fl: 1;font-weight:var(--fw-semibold)}.feature-card>p{color:var(--fg-5)}.toc>*{margin:0}.toc>:is(h1,h2,h3,h4,h5,h6){text-transform:uppercase;letter-spacing:.05em;color:var(--fg-5);font-weight:var(--fw-semibold);padding-inline:var(--pad-s);margin-block-end:var(--vs-xs)}.toc ol{list-style:none;padding:0;margin:0;border-inline-start:1px solid var(--fg-2)}.toc ol ol{border:none;padding-inline-start:var(--pad-m)}.toc li{margin:0}.toc a{display:block;text-decoration:none;color:var(--fg-5);padding:.25em var(--pad-s);margin-inline-start:-1px;border-inline-start:2px solid transparent;transition:color var(--d-fast),border-color var(--d-fast)}.toc a:hover{color:var(--fg);border-inline-start-color:var(--fg-3)}.toc a[aria-current=true]{color:var(--primary);font-weight:var(--fw-semibold);border-inline-start-color:var(--primary)}.newsletter{background:var(--primary-1);border:1px solid var(--primary-2);border-radius:var(--br-l);padding:var(--pad-xxl)}.header{display:flex;gap:var(--gap, 1rem);align-items:center;padding:var(--pad-l);justify-content:space-between}.header>*{margin:0}.header nav ul{margin:0;padding:0;display:flex;gap:var(--gap, 1rem);list-style:none}.header nav ul li{margin:0}.header nav ul li a{color:var(--fg);text-decoration:none}.header.border{border-bottom:var(--border-1)}.header.sticky{position:sticky;inset-block-start:0;z-index:var(--z-overlay);background:var(--bg)}.header.readable{max-inline-size:1400px;margin:0 auto;padding-inline:var(--layout-padding, var(--padding, 2rem))}.callout{--callout-accent: var(--blue);padding:var(--pad-l);border:var(--border-1);border-radius:var(--br-m);background:var(--surface-bg, var(--fg-05));color:var(--fg);display:flex;align-items:center;gap:var(--pad-m)}.callout>*{margin:0}.callout>svg:first-child{flex:0 0 auto;color:var(--callout-accent)}.callout.stack{align-items:flex-start}.callout.fill{--callout-tint: var(--blue-opaque-1);--callout-accent: var(--blue-opaque-7);border:0;background:var(--callout-tint)}.callout.warning{--callout-accent: var(--warning)}.callout.warning.fill{--callout-tint: var(--yellow-opaque-1);--callout-accent: var(--yellow-opaque-7)}.callout.error{--callout-accent: var(--error)}.callout.error.fill{--callout-tint: var(--red-opaque-1);--callout-accent: var(--red-opaque-7)}.callout.ghost{--callout-accent: var(--fg-7)}.callout.ghost.fill{--callout-tint: var(--fg-05);--callout-accent: var(--fg-7)}.callout.success{--callout-accent: var(--success)}.callout.success.fill{--callout-tint: var(--green-opaque-1);--callout-accent: var(--green-opaque-7)}.pull-quote{--fl: 2;font-style:italic;color:var(--fg-6);border-inline-start:3px solid var(--fg-2);padding-inline-start:var(--pad-xl);margin-block:var(--vs-l);margin-inline:0;line-height:var(--lh)}.table{overflow-x:auto;border:var(--border-2);border-radius:var(--table-border, var(--br-m))}table{inline-size:100%;border-collapse:collapse}td,th{text-align:left;padding:var(--pad-m) var(--vs-base)}thead{border-bottom:var(--border-2)}td{border-bottom:var(--border-1)}tr:last-child td{border:none}.table.zebra tbody tr:nth-child(2n){background-color:var(--fg-05)}.table.sticky{overflow-y:auto;max-block-size:var(--table-max-height, 70vh)}.table.sticky thead th{position:sticky;inset-block-start:0;z-index:var(--z-raised);background:var(--bg)}input,select,textarea{color:var(--fg);line-height:var(--lh-xl);background-color:var(--fg-05);border:var(--border-1);border-radius:var(--br-m);padding-inline:var(--pad-m);inline-size:100%}:is(input,select,textarea):has(+small){margin-block-end:var(--vs-xs)}:is(input,select,textarea)+small{margin-block-end:var(--vs-base);display:block}:is(input,select,textarea)[aria-invalid=true],:is(input,select,textarea).error{border-color:var(--red-6)}:is(input,select,textarea).success{border-color:var(--green-6)}:is(input,select,textarea).warning{border-color:var(--yellow-7)}label{margin-block-end:var(--vs-xs)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--pad-m) center;padding-inline-end:calc(var(--pad-m) + 1.5em);cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:background-color var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth),box-shadow var(--d-fast) var(--ease-smooth)}select:hover{border-color:var(--fg-3);background-color:var(--fg-1);box-shadow:0 1px 3px #00000014}select:disabled{opacity:.65;cursor:not-allowed}input[type=checkbox],input[type=radio]{inline-size:auto;height:auto;inline-size:1em;block-size:1em;margin:0;margin-inline-end:var(--vs-s);vertical-align:middle;accent-color:var(--accent);cursor:pointer}.form-option-row{display:inline-flex;align-items:center;gap:var(--vs-s);cursor:pointer}.form-option-row>input:is([type=checkbox],[type=radio]){margin:0}.segmented-control{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;inline-size:fit-content;min-inline-size:0;margin:0;padding:2px;border:var(--border-1);border-radius:var(--br-m);background:var(--fg-05)}.segmented-control.full{inline-size:100%}.segmented-control>label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-inline-size:0;min-block-size:2.5rem;margin:0;padding:var(--pad-xs) var(--pad-l);border:1px solid transparent;border-radius:calc(var(--br-m) - 2px);color:var(--fg-6);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth),color var(--d-fast) var(--ease-smooth),box-shadow var(--d-fast) var(--ease-smooth)}.segmented-control.compact>label{min-block-size:2rem;padding:2px var(--pad-s);--fl: -1}.segmented-control>label:hover:not(:has(input:disabled)){color:var(--fg);background:var(--fg-1)}.segmented-control>label:has(input:checked){color:var(--segmented-selected-text, var(--fg));background:var(--segmented-selected-bg, var(--bg));border-color:var(--segmented-selected-border, var(--fg-2));box-shadow:var(--segmented-selected-shadow, var(--shadow-1))}.segmented-control>label:has(input:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.segmented-control>label:has(input:disabled){color:var(--fg-4);cursor:not-allowed;opacity:.65}.segmented-control>label>input[type=radio]{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;opacity:0;overflow:hidden;pointer-events:none}.search{position:relative}.search svg{position:absolute;inset-inline-start:var(--pad-m);inset-block:0;inset-block-start:9px;margin-block:0;block-size:1.25em;inline-size:1.25em;color:var(--fg-3);pointer-events:none}.search input{padding-inline-start:calc(var(--pad-m) + 1.25em + var(--vs-s))}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--vs-s);padding:var(--pad-xxxl);border:2px dashed var(--fg-2);border-radius:var(--br-l);cursor:pointer;transition:border-color var(--d-fast) var(--ease-smooth),background-color var(--d-fast) var(--ease-smooth)}.dropzone input[type=file]{position:absolute;inset:0;block-size:100%;inline-size:100%;opacity:0;cursor:inherit}.dropzone:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.dropzone svg{block-size:2.5em;inline-size:2.5em;color:var(--fg-3);transition:color var(--d-fast) var(--ease-smooth),translate var(--d-fast) var(--ease-smooth)}.dropzone span{color:var(--fg-5);text-align:center;transition:color var(--d-fast) var(--ease-smooth)}.dropzone:has(input[type=file]:disabled){opacity:.65;cursor:not-allowed}.dropzone:hover:not(:has(input[type=file]:disabled)){border-color:var(--fg-3);background-color:var(--fg-05)}.dropzone:hover:not(:has(input[type=file]:disabled)) svg{color:var(--fg-4);translate:0 -5px}.dropzone:hover:not(:has(input[type=file]:disabled)) span{color:var(--fg-6)}.dropzone.dragover:not(:has(input[type=file]:disabled)){border-color:var(--accent, var(--fg-5));background-color:var(--fg-1)}.dropzone.dragover:not(:has(input[type=file]:disabled)) svg{color:var(--accent, var(--fg-6))}.dropzone.dragover:not(:has(input[type=file]:disabled)) span{color:var(--fg-7)}.auto-color{--threshold: .6;--light-text-l: 1;--dark-text-l: 0;background-color:var(--bg-color, var(--bg));color:light-dark(oklch(from var(--bg-color, var(--bg)) clamp(var(--dark-text-l),calc(((l * alpha + 1 - alpha) / var(--threshold) - 1) * -infinity),var(--light-text-l)) 0 0 / 1),oklch(from var(--bg-color, var(--bg)) clamp(var(--dark-text-l),calc(((l * alpha) / var(--threshold) - 1) * -infinity),var(--light-text-l)) 0 0 / 1))}.auto-color.chroma{color:light-dark(oklch(from var(--bg-color, var(--bg)) clamp(var(--dark-text-l),calc(((l * alpha + 1 - alpha) / var(--threshold) - 1) * -infinity),var(--light-text-l)) 0 0 / .8),oklch(from var(--bg-color, var(--bg)) clamp(var(--dark-text-l),calc(((l * alpha) / var(--threshold) - 1) * -infinity),var(--light-text-l)) 0 0 / .8))}.text-muted{color:var(--fg-5)}.text-faint{color:var(--fg-3)}.surface{background:var(--surface-bg, var(--fg-05))}details{margin-block:var(--vs-base)}summary{cursor:pointer;padding:var(--pad-s) var(--pad-m);color:var(--fg-7);list-style:none;display:flex;align-items:center;gap:var(--pad-s);-webkit-user-select:none;user-select:none}summary::-webkit-details-marker{display:none}summary:before{content:"›";rotate:0deg;transition:rotate var(--d-base) var(--ease-smooth);flex-shrink:0}summary:hover{color:var(--fg)}summary:focus-visible{outline:2px solid var(--fg);outline-offset:2px}details[open]>summary:before{rotate:90deg}details::details-content{opacity:1;block-size:auto;overflow:clip;transition:opacity var(--d-slow) var(--ease-smooth),block-size var(--d-slow) var(--ease-smooth),content-visibility var(--d-slow) var(--ease-smooth) allow-discrete}details:not([open])::details-content{opacity:0;block-size:0}@starting-style{details[open]::details-content{opacity:0;block-size:0}}details>:not(summary){padding:var(--pad-s) var(--pad-m);margin:0}details.right>summary,details>summary.right{justify-content:flex-end}:is(details.right>summary,details>summary.right):before{display:none}:is(details.right>summary,details>summary.right):after{content:"›";rotate:0deg;transition:rotate var(--d-base) var(--ease-smooth);flex-shrink:0}details.right[open]>summary:after,details[open]>summary.right:after{rotate:90deg}details.bordered{border:var(--border-1);border-radius:var(--br-m);overflow:hidden}details.bordered>summary{border-bottom:var(--border-1)}details.bordered:not([open])>summary{border-bottom-color:transparent}details.bordered>:not(summary){padding-inline:var(--pad-m)}details.minimal>summary{padding:0}details.minimal>summary:before{display:none}details.minimal>summary:after{content:"+";font-weight:var(--fw-semibold);margin-inline-start:var(--pad-s)}details.minimal[open]>summary:after{content:"−"}.timeline,.steps{--timeline-marker-size: 2.5rem}:is(.timeline,.steps){--timeline-marker-color: var(--fg);--timeline-marker-bg: color-mix( in oklch, var(--timeline-marker-color) 12%, var(--bg) );--timeline-line-width: 2px;--timeline-line-color: var(--fg-1);--timeline-gap: var(--pad-l);display:flex;flex-direction:column;list-style:none;padding:0;margin:0;position:relative}:is(.timeline,.steps):before{content:"";position:absolute;inset-inline-start:calc(var(--timeline-marker-size) / 2 - var(--timeline-line-width) / 2);inset-block-start:calc(var(--timeline-marker-size) / 2);block-size:calc(100% - var(--timeline-marker-size));inline-size:var(--timeline-line-width);background:var(--timeline-line-color);border-radius:var(--timeline-line-width)}:is(.timeline,.steps) li{display:grid;grid-template-columns:var(--timeline-marker-size) 1fr;align-items:center;gap:0 var(--timeline-gap);margin:0;padding-block:var(--pad-m)}:is(.timeline,.steps) li:first-child{padding-block-start:0}:is(.timeline,.steps) li:last-child{padding-block-end:0}:is(.timeline,.steps) .marker{display:grid;place-items:center;inline-size:var(--timeline-marker-size);block-size:var(--timeline-marker-size);border-radius:50%;background:var(--timeline-marker-bg);border:1px solid var(--fg-2);color:color-mix(in oklch,var(--timeline-marker-color) 80%,var(--fg));font-weight:var(--fw-semibold);flex-shrink:0;position:relative;z-index:var(--z-raised);box-shadow:inset 0 1px 2px 0 light-dark(rgb(255 255 255 / .7),rgb(255 255 255 / .1)),inset 0 -1px 2px #0000000d,0 1px 2px #0000000d,0 2px 4px #0000000d,0 4px 8px #0000000d}:is(.timeline,.steps) .marker svg{inline-size:1.125rem;height:1.125rem}:is(.timeline,.steps) li.success>.marker{--timeline-marker-color: var(--success);--timeline-marker-bg: color-mix(in oklch, var(--success) 18%, var(--bg));border-color:var(--success-5);box-shadow:inset 0 1px 2px 0 light-dark(rgb(255 255 255 / .5),rgb(255 255 255 / .1)),0 0 0 3px color-mix(in oklch,var(--success) 10%,transparent),0 2px 8px color-mix(in oklch,var(--success) 20%,transparent)}:is(.timeline,.steps) li.warning>.marker{--timeline-marker-color: var(--warning);--timeline-marker-bg: color-mix(in oklch, var(--warning) 22%, var(--bg));border-color:var(--yellow-5);box-shadow:inset 0 1px 2px 0 light-dark(rgb(255 255 255 / .5),rgb(255 255 255 / .1)),0 0 0 3px color-mix(in oklch,var(--warning) 12%,transparent),0 2px 8px color-mix(in oklch,var(--warning) 25%,transparent)}:is(.timeline,.steps) li.error>.marker{--timeline-marker-color: var(--error);--timeline-marker-bg: color-mix(in oklch, var(--error) 18%, var(--bg));border-color:var(--red-5);box-shadow:inset 0 1px 2px 0 light-dark(rgb(255 255 255 / .5),rgb(255 255 255 / .1)),0 0 0 3px color-mix(in oklch,var(--error) 10%,transparent),0 2px 8px color-mix(in oklch,var(--error) 20%,transparent)}:is(.timeline,.steps) li.info>.marker{--timeline-marker-color: var(--blue);--timeline-marker-bg: color-mix(in oklch, var(--blue) 18%, var(--bg));border-color:var(--blue-5);box-shadow:inset 0 1px 2px 0 light-dark(rgb(255 255 255 / .5),rgb(255 255 255 / .1)),0 0 0 3px color-mix(in oklch,var(--blue) 10%,transparent),0 2px 8px color-mix(in oklch,var(--blue) 20%,transparent)}:is(.timeline,.steps) li.active>.marker{background:var(--fg);border-color:var(--fg);color:var(--bg);box-shadow:inset 0 1px 2px #fff3,0 0 0 3px var(--fg-2),0 4px 12px -2px #0000004d}:is(.timeline,.steps) li.completed>.marker{--timeline-marker-color: var(--success);background:linear-gradient(to bottom,oklch(from var(--success) calc(l + .08) c h),var(--success));border-color:oklch(from var(--success) calc(l - .08) calc(c*1.1) h);color:var(--white);box-shadow:inset 0 1px 2px #ffffff4d,0 0 0 3px color-mix(in oklch,var(--success) 20%,transparent),0 4px 12px -2px color-mix(in oklch,var(--success) 40%,transparent),0 8px 20px -4px color-mix(in oklch,var(--success) 25%,transparent)}:is(.timeline,.steps).horizontal{flex-direction:row}:is(.timeline,.steps).horizontal:before{inset-inline-start:calc(var(--timeline-marker-size) / 2);inset-block-start:calc(var(--timeline-marker-size) / 2 - var(--timeline-line-width) / 2);block-size:var(--timeline-line-width);inline-size:calc(100% - var(--timeline-marker-size))}:is(.timeline,.steps).horizontal li{grid-template-columns:1fr;grid-template-rows:var(--timeline-marker-size) 1fr;justify-items:center;text-align:center;padding-block:0;flex:1;gap:var(--pad-s) 0}.breadcrumbs{--separator: "/"}.breadcrumbs>ul{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pad-s)}.breadcrumbs li{display:flex;align-items:center;gap:var(--pad-s)}.breadcrumbs li:not(:first-child):before{content:var(--separator);color:var(--fg-4)}.breadcrumbs a{color:var(--fg-5);text-decoration:none;margin-block:0}.breadcrumbs a:hover{color:var(--fg-7)}.breadcrumbs a:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.breadcrumbs li[aria-current=page]{color:var(--fg);font-weight:var(--fw-medium)}.pagination{display:flex;align-items:center;gap:var(--pad-s);padding:var(--pad-m) var(--pad-l);border-top:var(--border-1);flex-wrap:wrap}.pagination>ul{display:flex;gap:var(--pad-xs);list-style:none;margin:0 auto;padding:0}.pagination li{margin:0;padding:0}.pagination>ul :is(a,button){inline-size:2rem;block-size:2rem;padding:0}.pagination [aria-current=page]{border-color:var(--primary);font-weight:var(--fw-semibold)}.sidebar-nav{--sidebar-nav-icon-size: 20px;--sidebar-nav-indent: 1.5rem;--sidebar-nav-row-radius: calc(var(--br-m) + 2px);--sidebar-nav-row-pad-block: var(--pad-s);--sidebar-nav-row-pad-inline: var(--pad-m);--sn-color: var(--gray-5);--sn-text: var(--fg);--sn-hover-text: var(--sn-text);--sn-active-text: var(--sn-text);--sn-hi: light-dark(var(--white-5), var(--white-1));--sn-shadow: light-dark( oklch(from var(--sn-color) calc(l - .25) calc(c/5) h / .12), oklch(from var(--sn-color) calc(l - .35) calc(c/5) h / .25) );--sn-border: light-dark( oklch(from var(--sn-color) .68 calc(c*.35) h / .65), oklch(from var(--sn-color) calc(l + .08) calc(c*.55) h / .58) );--sn-bg-top: light-dark( oklch(from var(--sn-color) .94 calc(c*.15) h / 1), oklch(from var(--sn-color) calc(l - .16) calc(c*.55) h / .88) );--sn-bg-bottom: light-dark( oklch(from var(--sn-color) .88 calc(c*.22) h / 1), oklch(from var(--sn-color) calc(l - .12) calc(c*.62) h / .92) );--sn-hover-hi: light-dark(var(--white-6), var(--white-2));--sn-hover-shadow: var(--sn-shadow);--sn-hover-border: light-dark( oklch(from var(--sn-color) .6 calc(c*.42) h / .7), oklch(from var(--sn-color) calc(l + .14) calc(c*.65) h / .72) );--sn-hover-bg-top: light-dark( oklch(from var(--sn-color) .97 calc(c*.12) h / 1), oklch(from var(--sn-color) calc(l - .06) calc(c*.68) h / .96) );--sn-hover-bg-bottom: light-dark( oklch(from var(--sn-color) .92 calc(c*.18) h / 1), oklch(from var(--sn-color) calc(l - .02) calc(c*.75) h / .98) );--sn-hover-y: -1px;--sn-active-hi: light-dark(var(--white-2), var(--white-1));--sn-active-shadow: var(--sn-shadow);--sn-active-border: var(--sn-border);--sn-active-bg-top: light-dark( oklch(from var(--sn-color) .7 calc(c/2) h / 1), oklch(from var(--sn-color) calc(l - .14) calc(c*.58) h / .9) );--sn-active-bg-bottom: light-dark( oklch(from var(--sn-color) .64 calc(c*.55) h / 1), oklch(from var(--sn-color) calc(l - .1) calc(c*.65) h / .94) );--sn-row-hi: transparent;--sn-row-shadow: transparent;--sn-row-border: transparent;--sn-row-bg-top: transparent;--sn-row-bg-bottom: transparent;display:flex;flex-direction:column;inline-size:100%;min-block-size:0;gap:2px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.sidebar-nav>:is(a,details,.sidebar-nav-heading),.sidebar-nav>details>:is(a,summary,.sidebar-nav-heading){inline-size:100%;margin:0;flex:0 0 auto;min-inline-size:0;max-inline-size:100%;box-sizing:border-box}.sidebar-nav.primary{--sn-color: var(--primary)}.sidebar-nav.error{--sn-color: var(--error)}.sidebar-nav.success{--sn-color: var(--success)}.sidebar-nav:is(.primary,.error,.success){--sn-text: var(--white);--sn-border: light-dark( oklch(from var(--sn-color) calc(l - .12) calc(c*1.1) h / .7), oklch(from var(--sn-color) calc(l + .15) calc(c*.7) h / .6) );--sn-bg-top: light-dark( oklch(from var(--sn-color) calc(l + .08) c h), oklch(from var(--sn-color) calc(l - .08) calc(c*.85) h) );--sn-bg-bottom: light-dark( oklch(from var(--sn-color) calc(l - .02) c h), oklch(from var(--sn-color) calc(l - .04) calc(c*.9) h) );--sn-hover-bg-top: light-dark( oklch(from var(--sn-color) calc(l + .14) c h), oklch(from var(--sn-color) calc(l - .04) calc(c*.88) h) );--sn-hover-bg-bottom: light-dark( oklch(from var(--sn-color) calc(l + .04) c h), oklch(from var(--sn-color) l calc(c*.92) h) )}.sidebar-nav.warning{--sn-color: var(--warning);--sn-text: var(--black);--sn-border: light-dark( oklch(from var(--sn-color) calc(l - .15) calc(c*1.1) h / .7), oklch(from var(--sn-color) calc(l + .12) calc(c*.7) h / .6) );--sn-bg-top: light-dark( oklch(from var(--sn-color) calc(l + .06) c h), oklch(from var(--sn-color) calc(l - .06) calc(c*.88) h) );--sn-bg-bottom: light-dark( oklch(from var(--sn-color) l c h), oklch(from var(--sn-color) calc(l - .02) calc(c*.92) h) );--sn-hover-bg-top: light-dark( oklch(from var(--sn-color) calc(l + .1) c h), oklch(from var(--sn-color) calc(l - .02) calc(c*.9) h) );--sn-hover-bg-bottom: light-dark( oklch(from var(--sn-color) calc(l + .04) c h), oklch(from var(--sn-color) calc(l + .02) calc(c*.94) h) )}.sidebar-nav:is(.dark,.light,.contrast){--sn-hi: transparent;--sn-hover-hi: transparent;--sn-active-hi: transparent;--sn-hover-border: var(--sn-border);--sn-active-border: var(--sn-border)}.sidebar-nav.dark{--sn-text: var(--white);--sn-shadow: 0 1px 2px var(--black-3);--sn-border: light-dark(oklch(.1 0 0), oklch(.28 0 0));--sn-bg-top: oklch(.18 0 0);--sn-bg-bottom: oklch(.18 0 0);--sn-hover-shadow: 0 2px 4px var(--black-3);--sn-hover-bg-top: oklch(.24 0 0);--sn-hover-bg-bottom: oklch(.24 0 0);--sn-active-shadow: 0 1px 2px var(--black-3);--sn-active-bg-top: oklch(.12 0 0);--sn-active-bg-bottom: oklch(.12 0 0)}.sidebar-nav.light{--sn-text: var(--black);--sn-shadow: 0 1px 2px var(--black-1);--sn-border: var(--gray-3);--sn-bg-top: var(--white);--sn-bg-bottom: var(--white);--sn-hover-shadow: 0 2px 4px var(--black-1);--sn-hover-bg-top: oklch(.97 0 0);--sn-hover-bg-bottom: oklch(.97 0 0);--sn-active-shadow: 0 1px 2px var(--black-1);--sn-active-bg-top: oklch(.94 0 0);--sn-active-bg-bottom: oklch(.94 0 0)}.sidebar-nav.contrast{--sn-text: light-dark(var(--white), var(--black));--sn-shadow: 0 1px 2px light-dark(var(--black-3), var(--black-1));--sn-border: light-dark(oklch(.1 0 0), var(--gray-3));--sn-bg-top: light-dark(oklch(.18 0 0), var(--white));--sn-bg-bottom: light-dark(oklch(.18 0 0), var(--white));--sn-hover-shadow: 0 2px 4px light-dark(var(--black-3), var(--black-1));--sn-hover-bg-top: light-dark(oklch(.24 0 0), oklch(.97 0 0));--sn-hover-bg-bottom: light-dark(oklch(.24 0 0), oklch(.97 0 0));--sn-active-shadow: 0 1px 2px light-dark(var(--black-3), var(--black-1));--sn-active-bg-top: light-dark(oklch(.12 0 0), oklch(.94 0 0));--sn-active-bg-bottom: light-dark(oklch(.12 0 0), oklch(.94 0 0))}.sidebar-nav.ghost{--sn-text: var(--fg);--sn-hi: transparent;--sn-shadow: none;--sn-border: var(--fg-3);--sn-bg-top: transparent;--sn-bg-bottom: transparent;--sn-hover-hi: transparent;--sn-hover-shadow: none;--sn-hover-border: var(--fg-4);--sn-hover-bg-top: var(--fg-05);--sn-hover-bg-bottom: var(--fg-05);--sn-active-hi: transparent;--sn-active-shadow: none;--sn-active-border: var(--fg-5);--sn-active-bg-top: var(--fg-1);--sn-active-bg-bottom: var(--fg-1);--sn-hover-y: 0px}.sidebar-nav.minimal{--sn-text: var(--fg-8);--sn-hover-text: var(--fg);--sn-hi: transparent;--sn-shadow: none;--sn-border: transparent;--sn-bg-top: transparent;--sn-bg-bottom: transparent;--sn-hover-hi: transparent;--sn-hover-shadow: none;--sn-hover-border: transparent;--sn-hover-bg-top: transparent;--sn-hover-bg-bottom: transparent;--sn-active-hi: transparent;--sn-active-shadow: none;--sn-active-border: transparent;--sn-active-bg-top: transparent;--sn-active-bg-bottom: transparent;--sn-hover-y: 0px}.sidebar-nav.strong-active{--sn-text: var(--fg);--sn-hover-text: var(--fg)}.sidebar-nav .tag{padding-block:1px;padding-inline:var(--pad-s)}.sidebar-nav .sidebar-nav-heading{display:block;inline-size:100%;padding:var(--pad-s) var(--pad-m) var(--pad-xs);color:var(--fg-5);font-weight:620;text-decoration:none;--fl: -1}.sidebar-nav>.sidebar-nav-heading:first-child{padding-block-start:0}.sidebar-nav>details>.sidebar-nav-heading,.sidebar-nav>a.sub{padding-inline-start:calc(var(--pad-m) + var(--sidebar-nav-indent))}.sidebar-nav>a,.sidebar-nav>details>a,.sidebar-nav>details>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--pad-s);inline-size:100%;padding:var(--sidebar-nav-row-pad-block) var(--sidebar-nav-row-pad-inline);margin:0;color:var(--fg-6);-webkit-text-fill-color:currentColor;text-decoration:none;border:1px solid var(--sn-row-border);border-radius:var(--sidebar-nav-row-radius);background:linear-gradient(180deg,var(--sn-row-bg-top) 0%,var(--sn-row-bg-bottom) 100%);box-shadow:inset 0 1px 0 var(--sn-row-hi),0 1px 2px var(--sn-row-shadow);cursor:pointer;min-inline-size:0;max-inline-size:100%;overflow:hidden;overflow-wrap:anywhere;translate:0 0;transition:background var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth),box-shadow var(--d-fast) var(--ease-smooth),color var(--d-fast) var(--ease-smooth),translate var(--d-fast) var(--ease-smooth)}:is(.sidebar-nav>a,.sidebar-nav>details>a,.sidebar-nav>details>summary)>svg{inline-size:var(--sidebar-nav-icon-size);height:var(--sidebar-nav-icon-size);flex-shrink:0;color:var(--fg-4);transition:color var(--d-fast) var(--ease-smooth)}:is(.sidebar-nav>a,.sidebar-nav>details>a,.sidebar-nav>details>summary):hover{--sn-row-hi: var(--sn-hover-hi);--sn-row-shadow: var(--sn-hover-shadow);--sn-row-border: var(--sn-hover-border);--sn-row-bg-top: var(--sn-hover-bg-top);--sn-row-bg-bottom: var(--sn-hover-bg-bottom);color:var(--sn-hover-text);-webkit-text-fill-color:var(--sn-hover-text);translate:0 var(--sn-hover-y)}:is(.sidebar-nav>a,.sidebar-nav>details>a,.sidebar-nav>details>summary):active{--sn-row-hi: var(--sn-active-hi);--sn-row-shadow: var(--sn-active-shadow);--sn-row-border: var(--sn-active-border);--sn-row-bg-top: var(--sn-active-bg-top);--sn-row-bg-bottom: var(--sn-active-bg-bottom);color:var(--sn-active-text);-webkit-text-fill-color:var(--sn-active-text);translate:0 0}:is(.sidebar-nav>a,.sidebar-nav>details>a,.sidebar-nav>details>summary):is(:hover,:active)>svg{color:currentColor}:is(.sidebar-nav>a,.sidebar-nav>details>a,.sidebar-nav>details>summary):focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.sidebar-nav>[aria-current=page],.sidebar-nav>.active,.sidebar-nav>details>a[aria-current=page],.sidebar-nav>details>a.active{--sn-row-hi: var(--sn-hi);--sn-row-shadow: var(--sn-shadow);--sn-row-border: var(--sn-border);--sn-row-bg-top: var(--sn-bg-top);--sn-row-bg-bottom: var(--sn-bg-bottom);color:var(--sn-text);-webkit-text-fill-color:var(--sn-text)}.sidebar-nav>:is([aria-current=page],.active)>svg,.sidebar-nav>details>:is(a[aria-current=page],a.active)>svg{color:currentColor}.sidebar-nav>details{margin:0;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:hidden}.sidebar-nav>details>summary{list-style:none;-webkit-user-select:none;user-select:none}.sidebar-nav>details>summary::-webkit-details-marker,.sidebar-nav>details>summary:before{display:none}.sidebar-nav>details>summary:after{content:"›";color:currentColor;opacity:.72;rotate:0deg;justify-self:end;transition:rotate var(--d-fast) var(--ease-smooth),opacity var(--d-fast) var(--ease-smooth)}.sidebar-nav>details>summary:hover:after,.sidebar-nav>details>summary:focus-visible:after{opacity:1}.sidebar-nav>details[open]>summary:after{rotate:90deg}.sidebar-nav>details>a{padding-inline-start:calc(var(--pad-m) + var(--sidebar-nav-indent))}.sidebar-nav>details>a:not([aria-current=page]):not(.active){color:var(--fg-5)}.sidebar-nav>details>a:not([aria-current=page]):not(.active)>svg{color:var(--fg-4)}.sidebar-nav>details>.sidebar-nav-heading{padding-inline-start:calc(var(--pad-m) + var(--sidebar-nav-indent))}.sidebar-nav>a.sub:not([aria-current=page]):not(.active){color:var(--fg-5)}.sidebar-nav>a.sub:not([aria-current=page]):not(.active)>svg{color:var(--fg-4)}.sidebar-nav.compact{--sidebar-nav-icon-size: 18px;--sidebar-nav-indent: 1.25rem}.sidebar-nav.compact .sidebar-nav-heading{padding-block-start:var(--pad-s);padding-block-end:0}.sidebar-nav.compact>a,.sidebar-nav.compact>details>summary,.sidebar-nav.compact>details>a{padding-block:var(--sidebar-nav-row-pad-block);min-block-size:2.25rem}.split.vertical>.sidebar-nav{flex:1 1 auto;min-block-size:0}.footer{container-type:inline-size}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer .grid>nav{margin-bottom:var(--vs-m)}@container (max-width: 600px){.footer .grid{grid-template-columns:1fr}}.popover-anchor{position:relative;display:inline-block;anchor-scope:var(--anchor, --popover)}.popover-anchor>[popovertarget]{anchor-name:var(--anchor, --popover)}.popover{isolation:isolate}:where(.popover,.di-menu){min-inline-size:12rem;max-inline-size:min(32rem,calc(100vi - var(--pad-xxl)));max-block-size:min(32rem,calc(100dvb - var(--pad-xxl)));margin:0;padding:var(--pad-m);overflow:auto;overscroll-behavior:contain;color:var(--fg);background:var(--bg);border:var(--border-1);border-radius:var(--br-m);box-shadow:var(--shadow-4)}.popover[popover]{position:absolute;position-anchor:var(--anchor, --popover);position-area:block-end span-inline-end;inset:unset;margin-block-start:var(--vs-xs);opacity:1;scale:1;transform-origin:top left;transition:opacity var(--d-fast) var(--ease-smooth),scale var(--d-fast) var(--ease-smooth),display var(--d-fast) var(--ease-smooth) allow-discrete,overlay var(--d-fast) var(--ease-smooth) allow-discrete}.popover[popover].end{position-area:block-end span-inline-start;transform-origin:top right}.popover[popover].top{position-area:block-start span-inline-end;margin-block:0 var(--vs-xs);transform-origin:bottom left}.popover[popover].top.end{position-area:block-start span-inline-start;transform-origin:bottom right}.popover[popover].left{position-area:inline-start center;margin:0 var(--vs-xs) 0 0;transform-origin:right center}.popover[popover].right{position-area:inline-end center;margin:0 0 0 var(--vs-xs);transform-origin:left center}.popover[popover]:not(:popover-open){opacity:0;scale:.96}@starting-style{.popover[popover]:popover-open{opacity:0;scale:.96}}.dropdown{position:relative;display:inline-block;anchor-scope:var(--anchor, --dropdown)}.dropdown>[popovertarget]{anchor-name:var(--anchor, --dropdown)}.dropdown-menu{min-inline-size:12rem;color:var(--fg);background:var(--bg);border:var(--border-1);border-radius:var(--br-m);box-shadow:var(--shadow-4);overflow:hidden}.dropdown-menu[popover]{position:absolute;position-anchor:var(--anchor, --dropdown);inset:unset;position-area:block-end span-inline-end;margin:0;margin-block-start:var(--pad-xs);padding:0;opacity:1;scale:1;transform-origin:top left;transition:opacity var(--d-fast) var(--ease-smooth),scale var(--d-fast) var(--ease-smooth),display var(--d-fast) var(--ease-smooth) allow-discrete}.dropdown-menu[popover] a,.dropdown-menu[popover] button{display:block;inline-size:100%;padding:var(--pad-s) var(--pad-m);color:var(--fg-7);text-decoration:none;text-align:start;cursor:pointer;transition:background-color var(--d-instant) var(--ease-smooth);margin:0;border:none;background:none;font:inherit;box-shadow:none;border-radius:0}:is(.dropdown-menu[popover] a,.dropdown-menu[popover] button):hover{background:var(--fg-05);color:var(--fg);opacity:1}:is(.dropdown-menu[popover] a,.dropdown-menu[popover] button):focus-visible{outline:2px solid var(--fg);outline-offset:-2px}:is(.dropdown-menu[popover] a,.dropdown-menu[popover] button):active{background:var(--fg-1)}:is(.dropdown-menu[popover] a,.dropdown-menu[popover] button)[aria-disabled=true],:is(.dropdown-menu[popover] a,.dropdown-menu[popover] button).disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.dropdown-menu[popover] hr{height:0;margin:var(--pad-xs) 0;border:none;border-top:var(--border-1)}.di-menu .di-menu-inner{display:grid;gap:var(--vs-xs)}.di-menu :is(a,button){display:block;inline-size:100%;margin:0;padding:var(--pad-s) var(--pad-m);color:var(--fg-7);font:inherit;text-align:start;text-decoration:none;background:none;border:0;border-radius:var(--br-s);box-shadow:none;cursor:pointer}.di-menu :is(a,button):is(:hover,:active){color:var(--fg);background:var(--fg-1)}.di-menu :is(a,button):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset-inset)}.dropdown-menu[popover]:not(:popover-open){opacity:0;scale:.95}@starting-style{.dropdown-menu[popover]:popover-open{opacity:0;scale:.95}}.dropdown.end .dropdown-menu[popover]{position-area:block-end span-inline-start;transform-origin:top right}.dropdown-header{padding:var(--pad-s) var(--pad-m);color:var(--fg-5);--fl: -1}.tooltip{anchor-scope:var(--anchor, --tooltip);display:inline-block}.tooltip-trigger{display:inline-flex;anchor-name:var(--anchor, --tooltip)}.tooltip-content,.tip{isolation:isolate}.tooltip>:not(.tip,.tooltip-content,.tooltip-trigger){anchor-name:var(--anchor, --tooltip)}.tooltip .tip,.tooltip .tooltip-content,.tip[data-tooltip]:after{position:absolute;padding:var(--pad-xs) var(--pad-s);inline-size:max-content;max-inline-size:30ch;background:var(--bg);border:var(--border-1);border-radius:var(--br-s);box-shadow:var(--shadow-3);--fl: -1;pointer-events:none;text-align:center;opacity:0;visibility:hidden;transition:opacity var(--d-fast) var(--ease-smooth),visibility var(--d-fast) var(--ease-smooth);transition-delay:var(--tooltip-hide-delay)}.tooltip :is(.tip,.tooltip-content){inset:unset;position-anchor:var(--anchor, --tooltip);position-area:block-start center;margin-block-end:var(--tooltip-offset)}.tooltip.bottom :is(.tip,.tooltip-content){position-area:block-end center;margin-block-end:0;margin-block-start:var(--tooltip-offset)}.tooltip.left :is(.tip,.tooltip-content){position-area:inline-start center;margin-block-end:0;margin-inline-end:var(--tooltip-offset)}.tooltip.right :is(.tip,.tooltip-content){position-area:inline-end center;margin-block-end:0;margin-inline-start:var(--tooltip-offset)}.tip[data-tooltip]{position:relative}.tip[data-tooltip]:after{content:attr(data-tooltip);inset-block-end:calc(100% + var(--tooltip-offset));inset-inline-start:50%;translate:-50% 0}.tip[data-tooltip].bottom:after{inset-block-end:unset;inset-block-start:calc(100% + var(--tooltip-offset))}.tip[data-tooltip].left:after{inset-block-end:unset;inset-inline-start:unset;inset-block-start:50%;inset-inline-end:calc(100% + var(--tooltip-offset));translate:0 -50%}.tip[data-tooltip].right:after{inset-block-end:unset;inset-inline-start:calc(100% + var(--tooltip-offset));inset-block-start:50%;translate:0 -50%}.tooltip:hover .tip,.tooltip:focus-within .tip,.tooltip:hover .tooltip-content,.tooltip:focus-within .tooltip-content,.tooltip.open :is(.tip,.tooltip-content),.tooltip[data-state=open] :is(.tip,.tooltip-content),.tooltip :is(.tip,.tooltip-content)[data-state=open],.tip[data-tooltip]:hover:after,.tip[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition-delay:var(--tooltip-show-delay)}.tooltip :is(.tip,.tooltip-content):is([hidden],[data-state=closed]){opacity:0;visibility:hidden;transition-delay:var(--tooltip-hide-delay)}.avatar{--avatar-size: 2.5rem;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--avatar-size);height:var(--avatar-size);border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--fg-1);color:var(--fg-6);font-weight:var(--fw-semibold);--fl: 0}.avatar img{inline-size:100%;height:100%;object-fit:cover}.avatar.bordered{border:var(--border-1)}.avatar.xs{--avatar-size: 1.5rem;--fl: -1}.avatar.s{--avatar-size: 2rem;--fl: -1}.avatar.l{--avatar-size: 3.5rem;--fl: 1}.avatar.xl{--avatar-size: 5rem;--fl: 2}.avatar:is(button){border:none;box-shadow:none;background:var(--fg-1);padding:0;cursor:pointer}.toggle{accent-color:var(--accent)}input[type=checkbox].toggle{--toggle-width: 2.75em;--toggle-height: 1.5em;--toggle-knob-size: calc(var(--toggle-height) - 8px);--toggle-knob-offset: 3px;--toggle-color: var(--primary);appearance:none;position:relative;inline-size:var(--toggle-width);height:var(--toggle-height);border-radius:var(--toggle-height);background:var(--fg-1);cursor:pointer;margin:0;padding:0;border:1px solid var(--fg-2);box-shadow:inset 0 1px 2px var(--black-1);flex-shrink:0;transition:background var(--d-base) var(--ease-smooth),border-color var(--d-base) var(--ease-smooth),box-shadow var(--d-base) var(--ease-smooth)}input[type=checkbox].toggle:before{content:"";position:absolute;inset-block-start:var(--toggle-knob-offset);inset-inline-start:var(--toggle-knob-offset);inline-size:var(--toggle-knob-size);height:var(--toggle-knob-size);border-radius:50%;background:linear-gradient(180deg,#fff,#cecece);box-shadow:0 1px 3px var(--black-2);transition:translate var(--d-base) var(--ease-smooth),box-shadow var(--d-base) var(--ease-smooth)}input[type=checkbox].toggle:checked{background:linear-gradient(180deg,oklch(from var(--toggle-color) calc(l + .08) c h) 0%,var(--toggle-color) 100%);border-color:oklch(from var(--toggle-color) calc(l - .1) c h / .5);box-shadow:inset 0 1px 2px oklch(from var(--toggle-color) calc(l - .2) c h / .2)}input[type=checkbox].toggle:checked:before{translate:calc(var(--toggle-width) - var(--toggle-knob-size) - var(--toggle-knob-offset) * 2 - 2px) 0}input[type=checkbox].toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}input[type=checkbox].toggle:hover:not(:disabled){background:var(--fg-2);border-color:var(--fg-3)}input[type=checkbox].toggle:hover:not(:disabled):before{box-shadow:0 2px 4px var(--black-2)}input[type=checkbox].toggle:hover:not(:disabled):checked{background:linear-gradient(180deg,oklch(from var(--toggle-color) calc(l + .12) c h),oklch(from var(--toggle-color) calc(l + .04) c h));border-color:oklch(from var(--toggle-color) calc(l - .08) c h / .6)}input[type=checkbox].toggle:disabled{opacity:.65;cursor:not-allowed}input[type=checkbox].toggle.compact{--toggle-width: 2em;--toggle-height: 1.125em;--toggle-knob-size: calc(var(--toggle-height) - 4px);--toggle-knob-offset: 1px}.input-group{display:flex;align-items:stretch}.input-group>input{flex:1;min-inline-size:0;border-start-end-radius:0;border-end-end-radius:0;margin:0}.input-group>button,.input-group>.button{border-start-start-radius:0;border-end-start-radius:0;margin:0;flex-shrink:0;box-shadow:none}:is(.input-group>button,.input-group>.button):active{translate:none}.input-group>.affix{display:inline-flex;align-items:center;flex-shrink:0;padding-inline:var(--pad-m);color:var(--fg-5);background-color:var(--fg-05);border:var(--border-1);border-radius:var(--br-m);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none}.input-group>.affix:first-child{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.input-group>.affix:first-child+input{border-start-start-radius:0;border-end-start-radius:0}.input-group>input+.affix:last-child{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}.input-group>input:focus-visible{z-index:var(--z-raised)}.input-group>button:focus-visible,.input-group>.button:focus-visible{z-index:var(--z-raised)}@media not (min-width:640px){.input-group.stack-mobile{flex-direction:column;gap:var(--input-group-stack-gap, var(--vs-s))}.input-group.stack-mobile>input{border-radius:var(--br-m)}.input-group.stack-mobile>button,.input-group.stack-mobile>.button,.input-group.stack-mobile>.affix{border-radius:var(--br-m);border-inline:var(--border-1)}}.chat-thread{display:flex;flex-direction:column;gap:var(--chat-thread-gap, var(--pad-s));padding:var(--chat-thread-padding, var(--pad-l))}.chat-row{display:flex;justify-content:flex-start}.chat-row.self{justify-content:flex-end}.chat-row.self .chat-message{align-items:flex-end}.chat-message{inline-size:min(100%,var(--chat-message-max-inline, 72ch));min-inline-size:0}.chat-composer{display:flex;align-items:flex-end;gap:var(--pad-s)}.chat-composer>.input-group{flex:1;min-inline-size:0}.bubble{--bubble-bg: var(--fg-05);--bubble-border: var(--fg-2);--bubble-max-inline: 70ch;--bubble-pad-block: var(--pad-s);--bubble-pad-inline: var(--pad-m);--bubble-radius: var(--br-xl);inline-size:fit-content;max-inline-size:min(100%,var(--bubble-max-inline));padding:var(--bubble-pad-block) var(--bubble-pad-inline);border:1px solid var(--bubble-border);border-radius:var(--bubble-radius);background:var(--bubble-bg);overflow-wrap:anywhere}.bubble>*{margin:0}.bubble>*+*{margin-block-start:var(--bubble-flow-space, var(--vs-xs))}::selection{background:var(--primary)}dialog{max-inline-size:40ch;inline-size:calc(100% - var(--pad-xxl) * 2);padding:var(--pad-xl);border:none;border-radius:var(--dialog-radius, var(--br-xxl));box-shadow:var(--shadow-5);background:var(--bg);color:var(--fg);overflow:visible;opacity:1;scale:1;transition:opacity var(--d-base) var(--ease-smooth),scale var(--d-base) var(--ease-smooth),overlay var(--d-base) var(--ease-smooth) allow-discrete,display var(--d-base) var(--ease-smooth) allow-discrete}dialog::backdrop{background-color:#000000e6}dialog>:last-child{margin-block-end:0}dialog:not([open]){opacity:0;scale:.95}@starting-style{dialog[open]{opacity:0;scale:.95}}dialog>.close{position:absolute;inset-block-start:-14px;inset-inline-end:var(--pad-m)}dialog:is(.di-dialog,.di-drawer)>:is(.di-dialog-close,.di-drawer-close-button){position:absolute;inset-block-start:var(--pad-s);inset-inline-end:var(--pad-s)}.drawer{overscroll-behavior:contain}[popover].drawer{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;margin:0;border:none;border-inline-end:var(--drawer-border, var(--border-1));inline-size:var(--drawer-inline-size, 300px);max-inline-size:85vw;block-size:100dvh;padding:0;background:var(--drawer-bg, var(--bg));color:var(--fg);overflow-y:auto;overscroll-behavior:contain;translate:-100% 0;transition:translate var(--d-base) var(--ease-emphasized),display var(--d-base) var(--ease-emphasized) allow-discrete,overlay var(--d-base) var(--ease-emphasized) allow-discrete}[popover].drawer:popover-open{translate:0}@starting-style{[popover].drawer:popover-open{translate:-100% 0}}[popover].drawer::backdrop{background:#0000;transition:background var(--d-base) var(--ease-smooth),display var(--d-base) var(--ease-smooth) allow-discrete,overlay var(--d-base) var(--ease-smooth) allow-discrete}[popover].drawer:popover-open::backdrop{background:oklch(0 0 0 / var(--drawer-backdrop, .5))}@starting-style{[popover].drawer:popover-open::backdrop{background:#0000}}[popover].drawer.end,[popover].drawer.right{inset-inline-start:auto;inset-inline-end:0;border-inline-end:none;border-inline-start:var(--drawer-border, var(--border-1));translate:100% 0}:is([popover].drawer.end,[popover].drawer.right):popover-open{translate:0}@starting-style{:is([popover].drawer.end,[popover].drawer.right):popover-open{translate:100% 0}}[popover].drawer.top{inset-block-start:0;inset-block-end:auto;inset-inline:0;inline-size:100%;max-inline-size:100%;block-size:auto;max-block-size:85dvh;border-inline-end:none;border-block-end:var(--drawer-border, var(--border-1));translate:0 -100%}[popover].drawer.top:popover-open{translate:0}@starting-style{[popover].drawer.top:popover-open{translate:0 -100%}}[popover].drawer.bottom{inset-block-start:auto;inset-block-end:0;inset-inline:0;inline-size:100%;max-inline-size:100%;block-size:auto;max-block-size:85dvh;border-inline-end:none;border-block-start:var(--drawer-border, var(--border-1));translate:0 100%}[popover].drawer.bottom:popover-open{translate:0}@starting-style{[popover].drawer.bottom:popover-open{translate:0 100%}}.chip{display:inline-flex;align-items:center;gap:var(--pad-xs);padding:var(--pad-xs) var(--pad-m);border:var(--border-1);border-radius:var(--br-xxl);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth);--fl: -1;margin:0}.chip:is(button){background:transparent;box-shadow:none;font:inherit}.chip>svg{inline-size:1em;height:1em;flex-shrink:0}.chip:hover{background:var(--fg-05)}.chip:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.chip:active{background:var(--fg-1)}.chip[aria-pressed=true],.chip.selected{background:var(--chip-selected-bg, var(--primary));border-color:var(--chip-selected-border, var(--primary));color:var(--chip-selected-text, var(--white))}:is(.chip[aria-pressed=true],.chip.selected):hover{background:var( --chip-selected-hover-bg, oklch(from var(--primary) calc(l - .05) c h) );border-color:var( --chip-selected-hover-border, oklch(from var(--primary) calc(l - .05) c h) )}:is(.chip[aria-pressed=true],.chip.selected):active{background:var( --chip-selected-active-bg, oklch(from var(--primary) calc(l - .1) c h) );border-color:var( --chip-selected-active-border, oklch(from var(--primary) calc(l - .1) c h) )}.chip:disabled,.chip[aria-disabled=true]{opacity:.65;cursor:not-allowed;pointer-events:none}.chip.mini{padding:2px var(--pad-s);gap:2px}.tag{--tag-color: var(--primary);--tag-bg-top: light-dark( oklch(from var(--tag-color) .965 calc(c*.07) h / 1), oklch(from var(--tag-color) calc(l - .24) calc(c*.16) h / .52) );--tag-bg-bottom: light-dark( oklch(from var(--tag-color) .93 calc(c*.11) h / 1), oklch(from var(--tag-color) calc(l - .2) calc(c*.19) h / .6) );--tag-border: light-dark( oklch(from var(--tag-color) .8 calc(c/4) h / .55), oklch(from var(--tag-color) calc(l + .14) calc(c*.64) h / .62) );--tag-shadow: light-dark( oklch(from var(--tag-color) calc(l - .2) calc(c*.16) h / .04), oklch(from var(--tag-color) calc(l - .38) calc(c*.16) h / .22) );--tag-text: light-dark( oklch(from var(--tag-color) calc(l - .1) calc(c*.65) h), oklch(from var(--tag-color) .9 calc(c*.42) h) );display:inline-flex;align-items:center;gap:.45em;padding:calc(var(--pad-xs) + 1px) var(--pad-l);border-radius:var(--br-xxl);border:1px solid var(--tag-border);background:linear-gradient(180deg,var(--tag-bg-top) 0%,var(--tag-bg-bottom) 100%);color:var(--tag-text);box-shadow:inset 0 1px 0 light-dark(transparent,var(--white-1)),0 1px 2px var(--tag-shadow);font-weight:var(--fw-medium);line-height:var(--lh-s);--fl: -1}.tag>svg{inline-size:1em;height:1em;flex-shrink:0;stroke-width:2}.tag:is(a,button){cursor:pointer;text-decoration:none;transition:background var(--d-base) var(--ease-smooth),border-color var(--d-base) var(--ease-smooth),color var(--d-base) var(--ease-smooth),box-shadow var(--d-base) var(--ease-smooth),translate var(--d-base) var(--ease-smooth)}.tag:is(a,button):hover{border-color:light-dark(oklch(from var(--tag-color) .77 calc(c*.3) h / .62),oklch(from var(--tag-color) calc(l + .15) calc(c*.68) h / .72));background:linear-gradient(180deg,light-dark(oklch(from var(--tag-color) .97 calc(c*.08) h / 1),oklch(from var(--tag-color) calc(l - .22) calc(c*.19) h / .58)) 0%,light-dark(oklch(from var(--tag-color) .92 calc(c*.13) h / 1),oklch(from var(--tag-color) calc(l - .16) calc(c*.22) h / .66)) 100%);box-shadow:inset 0 1px 0 light-dark(transparent,var(--white-2)),0 2px 6px var(--tag-shadow);translate:0 -1px}.tag:is(a,button):focus-visible{--focus-ring-color: var(--tag-color);outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tag:is(a,button):active{background:linear-gradient(180deg,light-dark(oklch(from var(--tag-color) .955 calc(c*.08) h / 1),oklch(from var(--tag-color) calc(l - .24) calc(c*.19) h / .58)) 0%,light-dark(oklch(from var(--tag-color) .9 calc(c*.13) h / 1),oklch(from var(--tag-color) calc(l - .18) calc(c*.22) h / .62)) 100%);box-shadow:inset 0 1px 0 light-dark(transparent,var(--white-1)),0 1px 3px var(--tag-shadow);translate:0}.tag:is(button){appearance:none;font:inherit;margin:0}.tag.muted{--tag-text: var(--fg-8)}.tag.success{--tag-color: var(--green)}.tag.warning{--tag-color: var(--yellow)}.tag.error{--tag-color: var(--red)}.tag.info{--tag-color: var(--blue)}.rating{--rating-size: 1.6em;--rating-gap: .1em;--rating-on: var(--warning);--rating-off: var(--fg-2);--rating-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.95 5.98 6.6.96-4.77 4.65 1.13 6.57L12 17.02 6.09 20.16l1.13-6.57L2.45 8.94l6.6-.96L12 2z'/%3E%3C/svg%3E");display:inline-block;inline-size:calc(var(--rating-size) * 5 + var(--rating-gap) * 4);block-size:var(--rating-size);line-height:1;vertical-align:middle;position:relative;background:var(--rating-off);mask:var(--rating-star) left / var(--rating-size) 100% space}.rating:before{content:"";position:absolute;inset:0;background:var(--rating-on);mask:var(--rating-star) left / var(--rating-size) 100% space;clip-path:inset(0 calc(100% - var(--rating, 0) / 5 * 100%) 0 0)}.rating:is(fieldset){display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:var(--rating-gap);border:0;margin:0;padding:0;inline-size:auto;background:none;mask:none}.rating:is(fieldset)>input[type=radio]{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rating:is(fieldset)>label{--fl: 0;inline-size:var(--rating-size);block-size:var(--rating-size);cursor:pointer;background:var(--rating-off);mask:var(--rating-star) center / contain no-repeat;transition:background var(--d-base) var(--ease-smooth)}.rating:is(fieldset)>input:checked~label{background:var(--rating-on)}.rating:is(fieldset):hover>label{background:var(--rating-off)}.rating:is(fieldset)>label:hover,.rating:is(fieldset)>label:hover~label{background:var(--rating-on)}.rating:is(fieldset)>input:focus-visible+label{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--br-xs)}.list-nav{display:flex;flex-direction:column;gap:var(--pad-m)}.list-nav>a,.list-nav>button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--pad-m);padding:var(--pad-l) var(--pad-l);color:var(--fg);text-decoration:none;cursor:pointer;margin:0;background:var(--bg);border-radius:var(--list-nav-row-radius, var(--br-xxl));box-shadow:var(--shadow-2);transition:box-shadow var(--d-instant) var(--ease-smooth)}:is(.list-nav>a,.list-nav>button):is(button){inline-size:100%;border:none;font:inherit;text-align:start}:is(.list-nav>a,.list-nav>button)>svg{inline-size:1.25em;height:1.25em;color:var(--fg-5)}:is(.list-nav>a,.list-nav>button)>small{grid-column:2;color:var(--fg-5);--fl: -1}:is(.list-nav>a,.list-nav>button):hover{background:var(--fg-05)}:is(.list-nav>a,.list-nav>button):hover>svg{color:var(--fg-6)}:is(.list-nav>a,.list-nav>button):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset-inset)}:is(.list-nav>a,.list-nav>button):active{background:var(--fg-1)}:is(.list-nav>a,.list-nav>button):is([aria-disabled=true],:disabled,.disabled){opacity:.65;cursor:not-allowed;pointer-events:none}@media(prefers-color-scheme:dark){.list-nav>a,.list-nav>button{border:var(--border-1)}}.tabs{display:grid;grid-template-columns:repeat(var(--tab-count, 3),minmax(100px,1fr));grid-template-rows:auto 1fr;column-gap:var(--gap, 1rem)}.tabs>details{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:1 / -1;grid-row:1 / span 2;margin:0}.tabs>details>summary{grid-row:1;grid-column:var(--n, 1) / span 1;z-index:var(--z-raised);display:flex;align-items:center;justify-content:center;padding:var(--pad-s) var(--pad-m);color:var(--fg-5);border-bottom:2px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth)}.tabs>details>summary:before{display:none}.tabs>details>summary:hover{color:var(--fg-7)}.tabs>details>summary:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.tabs>details[open]>summary{color:var(--fg);font-weight:var(--fw-semibold);border-bottom-color:var(--primary);pointer-events:none}.tabs>details::details-content{grid-row:2;grid-column:1 / -1;padding:var(--pad-l);opacity:1;block-size:auto;overflow:visible;transition:opacity var(--d-base) var(--ease-smooth),display var(--d-base) var(--ease-smooth) allow-discrete}.tabs>details:not([open])::details-content{display:none;opacity:0}.tabs>details>:not(summary){padding:0;margin:0}@starting-style{.tabs>details[open]::details-content{opacity:0}}.tabs.boxed>details>summary{border:var(--border-1);border-bottom:none;border-radius:var(--br-m) var(--br-m) 0 0;background:var(--fg-05);margin-inline-end:-1px;position:relative}.tabs.boxed>details>summary:last-of-type{margin-inline-end:0}.tabs.boxed>details[open]>summary{background:var(--bg);z-index:calc(var(--z-raised) + 1)}.tabs.boxed>details[open]>summary:after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;height:2px;background:var(--bg)}.tabs.boxed>details::details-content{padding:var(--pad-l);border:var(--border-1);border-radius:0 0 var(--br-m) var(--br-m);margin-block-start:-1px}.tabs.pill{--pill-gap: var(--pad-xs);--pill-track-pad: var(--pad-xs);--pill-tab-count: var(--tab-count, 3);--pill-tab-height: calc(1lh + (var(--pad-s) * 1.5));--pill-track-height: calc( var(--pill-tab-height) + (var(--pill-track-pad) * 2) );--pill-tab-width: calc( ( 100% - (var(--pill-track-pad) * 2) - ((var(--pill-tab-count) - 1) * var(--pill-gap)) ) / var(--pill-tab-count) );--pill-thumb-width: var(--pill-tab-width);--pill-index: 0;--pill-thumb-offset: calc( var(--pill-track-pad) + (var(--pill-index) * (var(--pill-tab-width) + var(--pill-gap))) );position:relative;isolation:isolate;grid-template-rows:var(--pill-track-height) 1fr;column-gap:var(--pill-gap);row-gap:var(--pad-s)}.tabs.pill:after{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:var(--pill-track-height);border:var(--border-1);border-radius:var(--br-xxl);background:linear-gradient(180deg,var(--fg-05) 0%,var(--fg-1) 100%);box-shadow:inset 0 1px 0 var(--bg-4),inset 0 -1px 0 var(--fg-1);pointer-events:none;z-index:var(--z-base)}.tabs.pill:before{content:"";position:absolute;inset-block-start:var(--pill-track-pad);inset-inline-start:var(--pill-thumb-offset);inline-size:var(--pill-thumb-width);block-size:var(--pill-tab-height);border:var(--border-1);border-radius:calc(var(--br-xxl) - var(--pill-track-pad));background:linear-gradient(180deg,var(--bg) 0%,var(--bg-8) 100%);box-shadow:var(--shadow-1);pointer-events:none;transition:inset-inline-start var(--d-base) var(--ease-smooth),border-color var(--d-base) var(--ease-smooth),box-shadow var(--d-base) var(--ease-smooth);z-index:var(--z-raised)}.tabs.pill>details>summary{display:flex;align-items:center;justify-content:center;align-self:center;block-size:var(--pill-tab-height);min-block-size:var(--pill-tab-height);padding-inline:var(--pad-m);padding-block:0;border:0;border-bottom:0;border-radius:var(--br-xl);color:var(--fg-6);margin-block-end:0;position:relative;z-index:calc(var(--z-raised) + 1)}.tabs.pill>details>summary:hover{color:var(--fg-8)}.tabs.pill>details>summary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset-inset)}.tabs.pill>details[open]>summary{color:var(--fg);font-weight:var(--fw-semibold)}.tabs.pill>details::details-content{border:var(--border-1);border-radius:var(--br-l);box-shadow:var(--shadow-1)}.tabs.pill:has(>details:nth-of-type(1)[open]){--pill-index: 0}.tabs.pill:has(>details:nth-of-type(2)[open]){--pill-index: 1}.tabs.pill:has(>details:nth-of-type(3)[open]){--pill-index: 2}.tabs.pill:has(>details:nth-of-type(4)[open]){--pill-index: 3}.tabs.pill:has(>details:nth-of-type(5)[open]){--pill-index: 4}.tabs.pill:has(>details:nth-of-type(6)[open]){--pill-index: 5}.tabs.pill:has(>details:nth-of-type(7)[open]){--pill-index: 6}.tabs.pill:has(>details:nth-of-type(8)[open]){--pill-index: 7}.app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:var(--app-shell-min-height, 100dvh);height:100%;min-block-size:0;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-inline:var(--safe-left) var(--safe-right)}.app-shell>:is(header,main,footer){min-block-size:0}.app-shell>header{position:sticky;inset-block-start:0;z-index:var(--z-sticky);background:var(--bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-shell>main{overflow-y:auto;overscroll-behavior:contain;min-height:0}.app-shell>footer{position:sticky;inset-block-end:0;z-index:var(--z-sticky);background:var(--bg)}.bottom-nav{position:fixed;inset-block-end:calc(var(--safe-bottom) + var(--pad-s));inset-inline:var(--pad-m);display:flex;justify-content:space-around;background:var(--bg);border-radius:var(--br-xxl);box-shadow:var(--shadow-3);padding:var(--pad-xs) var(--pad-s);z-index:var(--z-sticky)}.bottom-nav :is(a,button){display:flex;flex-direction:column;align-items:center;gap:var(--pad-xs);padding:var(--pad-s);color:var(--fg-5);text-decoration:none;background:none;border:none;font:inherit;cursor:pointer;transition:color var(--d-fast) var(--ease-smooth)}.bottom-nav :is(a,button) svg{inline-size:24px;height:24px}.bottom-nav :is(a,button) span{--fl: -1}.bottom-nav :is(a,button):hover{color:var(--fg-7)}.bottom-nav :is(a,button)[aria-current=page],.bottom-nav :is(a,button).active{color:var(--primary)}.bottom-nav :is(a,button):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.bottom-nav.blur{background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.fab{--size: 56px;--button-icon-size: 24px;position:fixed;inset-block-end:calc(var(--safe-bottom) + var(--pad-l));inset-inline-end:calc(var(--safe-right) + var(--pad-l));z-index:var(--z-sticky);box-shadow:var(--shadow-4)}.fab:hover{box-shadow:var(--shadow-5)}.fab:active{box-shadow:var(--shadow-3)}.bottom-sheet{isolation:isolate}:where(.bottom-sheet,dialog.di-drawer){position:fixed;inset-block-end:0;inset-inline:0;max-height:80dvh;background:var(--bg);border-radius:var(--br-xl) var(--br-xl) 0 0;border:var(--border-1);border-bottom:none;padding:var(--pad-l);padding-bottom:calc(var(--pad-l) + var(--safe-bottom));box-shadow:var(--shadow-6);z-index:var(--z-modal)}:where(.bottom-sheet,dialog.di-drawer):before{content:"";display:block;inline-size:36px;height:4px;background:var(--fg-2);border-radius:2px;margin:0 auto var(--pad-m)}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bottom)}.safe-x{padding-inline:var(--safe-left) var(--safe-right)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.momentum-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.icon-rail{--rail-size: 4rem;display:flex;flex-direction:column;align-items:center;gap:var(--vs-xs);inline-size:var(--rail-size);padding-block:var(--pad-m);background:var(--fg-05);border-inline-end:var(--border-1);min-block-size:0}.icon-rail>.brand{inline-size:2.25rem;block-size:2.25rem;display:grid;place-items:center;border-radius:var(--br-m);background:var(--primary);color:var(--bg);margin-block-end:var(--vs-s)}.icon-rail>a,.icon-rail>button{position:relative;inline-size:2.5rem;block-size:2.5rem;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:var(--fg-5);border-radius:var(--br-m);cursor:pointer;transition:background var(--d-fast),color var(--d-fast),border-color var(--d-fast);padding:0}.icon-rail>a:hover,.icon-rail>button:hover{background:var(--fg-1);color:var(--fg)}.icon-rail>a[aria-current=page],.icon-rail>button[aria-pressed=true]{background:var(--bg);color:var(--primary);border-color:var(--fg-2);box-shadow:var(--shadow-1)}.icon-rail>a>.status,.icon-rail>button>.status{position:absolute;inset-block-end:4px;inset-inline-end:4px;inline-size:8px;block-size:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px var(--bg)}.icon-rail>.spacer{flex:1}.layout-rail{display:grid;grid-template-columns:auto auto 1fr;block-size:100%;min-block-size:0;container-type:inline-size;container-name:rail-shell}.layout-rail>*{min-block-size:0;overflow:hidden}.layout-rail>.chat-list{inline-size:18rem;border-inline-end:var(--border-1);background:var(--fg-05);display:flex;flex-direction:column;min-block-size:0}.layout-rail>.chat-list>header{padding:var(--pad-m);border-block-end:var(--border-1)}.layout-rail>.chat-list>.scroll{overflow-y:auto;padding:var(--pad-s)}.layout-rail.with-workbench{grid-template-columns:auto auto minmax(0,1fr) minmax(0,1fr)}.layout-rail .drawer-toggle{display:none}@container rail-shell (max-width: 767px){.layout-rail,.layout-rail.with-workbench{grid-template-columns:1fr;grid-template-rows:1fr;block-size:100%}.layout-rail>.icon-rail,.layout-rail>.chat-list,.layout-rail>.workbench-panel{display:none}.layout-rail .drawer-toggle{display:inline-flex}}.bubble.thinking{background:transparent;border:1px dashed var(--fg-2);color:var(--fg-5);font-style:italic}.bubble.streaming:after{content:"▍";display:inline-block;margin-inline-start:2px;color:var(--primary);animation:bubble-streaming-cursor 1s steps(2) infinite;--animation-reduced: none}@keyframes bubble-streaming-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.log-card{display:flex;flex-direction:column;gap:var(--vs-xs);padding:var(--pad-s) var(--pad-m);border:var(--border-1);border-radius:var(--br-m);background:var(--bg);font-size:var(--fs--1, .875rem)}.log-card>header{display:flex;align-items:center;gap:var(--vs-xs);color:var(--fg-6)}.log-card>header>.label{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8125rem}.log-card>header>.status{margin-inline-start:auto;color:var(--fg-4);font-size:.75rem}.log-card>pre{margin:0;font-size:.8125rem;color:var(--fg-6);overflow:hidden;white-space:pre-wrap}.toolbar{display:flex;align-items:center;gap:var(--vs-xs);flex-wrap:wrap}.toolbar>.spacer{flex:1}.toolbar>.separator{inline-size:1px;align-self:stretch;background:var(--fg-2);margin-inline:var(--pad-xs)}.reactions{--reaction-size: 1.35rem;inline-size:max-content;cursor:pointer}@supports (appearance: base-select){.reactions,.reactions::picker(select){appearance:base-select}.reactions{border:0;padding:0;background:none;box-shadow:none;font-size:var(--reaction-size);line-height:1}.reactions::picker-icon{display:none}.reactions button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--br-l);padding:var(--pad-s);background:transparent;color:inherit;font:inherit;line-height:1;cursor:pointer;transition:background-color var(--d-fast) var(--ease-smooth)}.reactions button:hover{background:var(--fg-05)}.reactions:focus-visible button,.reactions button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.reactions::picker(select){position-area:block-start;justify-self:anchor-center;position-try-fallbacks:flip-block;margin-block:var(--vs-xs);flex-direction:row;gap:var(--pad-xs);padding:var(--pad-xs);border:var(--border-1);border-radius:var(--br-xl);background:var(--bg);box-shadow:var(--shadow-4);opacity:0;translate:0 calc(-1 * var(--vs-xs));transition:opacity var(--d-fast) var(--ease-smooth),translate var(--d-fast) var(--ease-smooth),overlay var(--d-fast) allow-discrete,display var(--d-fast) allow-discrete}.reactions:open::picker(select){display:flex;opacity:1;translate:0 0}@starting-style{.reactions:open::picker(select){opacity:0;translate:0 calc(-1 * var(--vs-xs))}}.reactions option{display:flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;padding:0;border-radius:50%;font-size:calc(var(--reaction-size) * 1.25);line-height:1;cursor:pointer;transition:background-color var(--d-fast) var(--ease-smooth),scale var(--d-fast) var(--ease-bounce)}.reactions option::checkmark{display:none}.reactions option:hover,.reactions option:focus-visible{background:var(--fg-1);scale:1.15;outline:0}.reactions option:checked{background:var(--fg-05)}}.composer{display:flex;flex-direction:column;gap:var(--vs-xs);padding:var(--pad-s);border:var(--border-1);border-radius:var(--br-l);background:var(--bg);box-shadow:var(--shadow-2);transition:border-color var(--d-fast),box-shadow var(--d-fast)}.composer:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--fg-05),var(--shadow-2)}.composer>textarea,.composer>input[type=text]{border:0;padding:var(--pad-xs) var(--pad-s);resize:none;background:transparent;font:inherit;color:inherit;min-block-size:2.5rem}.composer>textarea:focus,.composer>input:focus{outline:0}.composer>.toolbar{padding-inline:var(--pad-xs)}.workbench-panel{display:flex;flex-direction:column;min-block-size:0;background:var(--bg);border-inline-start:var(--border-1)}.workbench-panel>header{display:flex;align-items:center;gap:var(--vs-s);padding:var(--pad-s) var(--pad-m);border-block-end:var(--border-1)}.workbench-panel>header>.tabs{display:flex;gap:2px;margin-inline-start:auto;padding:2px;background:var(--fg-05);border-radius:var(--br-m)}.workbench-panel>header>.tabs>button{padding:var(--pad-xs) var(--pad-s);border:0;background:transparent;border-radius:var(--br-s);font:inherit;font-size:.8125rem;color:var(--fg-5);cursor:pointer}.workbench-panel>header>.tabs>button[aria-pressed=true]{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-1)}.workbench-panel>.body{flex:1;overflow:auto;padding:var(--pad-l)}.chat-thread.flowing{max-inline-size:68ch;margin-inline:auto;padding-block:var(--vs-xl)}.chat-thread.flowing>.turn{display:grid;grid-template-columns:8ch 1fr;gap:var(--pad-m);padding-block:var(--vs-m);border-block-end:var(--border-1)}.chat-thread.flowing>.turn:last-child{border-block-end:0}.chat-thread.flowing>.turn>.who{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-5);padding-block-start:.25rem}.chat-thread.flowing>.turn>.body{min-inline-size:0}.chat-thread.flowing>.turn>.body>*+*{margin-block-start:var(--vs-s)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--vs-s);inline-size:100%;min-block-size:12rem;max-inline-size:48ch;margin-inline:auto;padding:var(--pad-xxxl);text-align:center;color:var(--fg-6)}.empty.compact{min-block-size:0;padding:var(--pad-xl)}.empty>*{margin:0}.empty>:is(.icon,svg){inline-size:2.5rem;block-size:2.5rem;color:var(--fg-4)}.empty>:is(h1,h2,h3,h4,h5,h6){color:var(--fg)}.empty>.form-actions{margin-block-start:var(--vs-s)}.skeleton{display:block;min-block-size:1rem;color:transparent;background:var(--fg-1);border-radius:var(--br-s);cursor:wait;-webkit-user-select:none;user-select:none;animation:skeleton-pulse 1.6s var(--ease-smooth) infinite alternate;--animation-reduced: none}.skeleton>*{visibility:hidden}.skeleton.text{inline-size:min(100%,32ch);block-size:.8em;min-block-size:0;border-radius:var(--br-xxl)}.skeleton.circle{inline-size:var(--size, 2.5rem);block-size:var(--size, 2.5rem);border-radius:50%}@keyframes skeleton-pulse{0%{opacity:.55}to{opacity:1}}.spinner{display:inline-block;inline-size:var(--size, 1.25rem);block-size:var(--size, 1.25rem);border:2px solid var(--fg-2);border-block-start-color:var(--primary);border-radius:50%;vertical-align:-.2em;animation:spinner-rotate .8s linear infinite;--animation-reduced: none}.spinner.s{--size: 1rem;border-width:1px}.spinner.l{--size: 2rem;border-width:3px}@keyframes spinner-rotate{to{rotate:1turn}}button[aria-busy=true]{position:relative;pointer-events:none;color:transparent}button[aria-busy=true]:after{content:"";position:absolute;inset:50% auto auto 50%;inline-size:1em;block-size:1em;border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%;color:var(--button-text, var(--fg));translate:-50% -50%;animation:spinner-rotate .8s linear infinite;--animation-reduced: none}.combobox{position:relative;display:grid;gap:var(--vs-xs);min-inline-size:0;anchor-scope:var(--anchor, --combobox)}.combobox>:is(input[role=combobox],.search){anchor-name:var(--anchor, --combobox)}.listbox{z-index:var(--z-overlay);display:grid;gap:2px;min-inline-size:max(100%,12rem);max-block-size:18rem;margin:0;padding:var(--pad-xs);overflow-y:auto;overscroll-behavior:contain;color:var(--fg);background:var(--bg);border:var(--border-1);border-radius:var(--br-m);box-shadow:var(--shadow-4)}.combobox>.listbox:not([popover]){position:absolute;inset-block-start:calc(100% + var(--vs-xs));inset-inline:0 auto;display:none}.combobox:is([aria-expanded=true],.open)>.listbox:not([popover]),.combobox>.listbox.open:not([popover]){display:grid}.listbox[popover]{position:absolute;position-anchor:var(--anchor, --combobox);position-area:block-end span-inline-end;inset:unset;margin-block-start:var(--vs-xs)}.listbox[hidden],.listbox[data-state=closed]{display:none}.option{display:flex;align-items:center;gap:var(--vs-s);inline-size:100%;min-block-size:2.5rem;margin:0;padding:var(--pad-s) var(--pad-m);color:var(--fg-7);font:inherit;text-align:start;text-decoration:none;background:transparent;border:0;border-radius:var(--br-s);box-shadow:none;cursor:pointer}.option:is(:hover,.active,[data-active=true]){color:var(--fg);background:var(--fg-1)}.option:is(.selected,[aria-selected=true]){color:var(--primary-opaque-8);background:var(--primary-opaque-1);font-weight:var(--fw-semibold)}.option:is(.disabled,[aria-disabled=true],:disabled){color:var(--fg-4);cursor:not-allowed;opacity:.65;pointer-events:none}.option:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset-inset)}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vs-xs);min-inline-size:0;min-block-size:2.75rem;padding:var(--pad-xs);color:var(--fg);background:var(--fg-05);border:var(--border-1);border-radius:var(--br-m)}.tag-input:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tag-input:is([aria-invalid=true],.error){border-color:var(--error-6)}.tag-input:has(input:disabled){opacity:.65;cursor:not-allowed}.tag-input>input{flex:1 1 8ch;min-inline-size:8ch;inline-size:auto;margin:0;padding:0 var(--pad-xs);background:transparent;border:0;box-shadow:none}.tag-input>input:focus{outline:0}.tag-input>.tag>button{display:inline-grid;place-items:center;margin:0;padding:0;color:currentColor;background:transparent;border:0;box-shadow:none;line-height:var(--lh-xs)}.date-picker{position:relative;display:grid;gap:var(--vs-xs);min-inline-size:0;anchor-scope:var(--anchor, --date-picker)}.date-picker>:is(button[popovertarget],input[type=date]){anchor-name:var(--anchor, --date-picker)}.calendar{inline-size:min(22rem,calc(100vi - var(--pad-xxl)));margin:0;padding:var(--pad-m);color:var(--fg);background:var(--bg);border:var(--border-1);border-radius:var(--br-l);box-shadow:var(--shadow-4)}.calendar[popover]{position:absolute;position-anchor:var(--anchor, --date-picker);position-area:block-end span-inline-end;inset:unset;margin-block-start:var(--vs-xs)}.calendar-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--vs-s);margin-block-end:var(--vs-s);text-align:center}.calendar-header>*{margin:0}.calendar-grid{table-layout:fixed;inline-size:100%;border-collapse:separate;border-spacing:2px}.calendar-grid :is(th,td){padding:0;text-align:center;border:0}.calendar-grid th{padding-block:var(--pad-xs);color:var(--fg-5);font-weight:var(--fw-medium);--fl: -1}.calendar-day{display:inline-grid;place-items:center;inline-size:100%;aspect-ratio:1;margin:0;padding:0;color:var(--fg-7);font:inherit;background:transparent;border:1px solid transparent;border-radius:var(--br-m);box-shadow:none}.calendar-day:is(:hover,[data-active=true]):not(:disabled){color:var(--fg);background:var(--fg-1)}.calendar-day[aria-current=date]{border-color:var(--primary)}.calendar-day:is([aria-pressed=true],[data-selected=true]){color:var(--white);background:var(--primary);border-color:var(--primary)}.calendar-day:is([data-range-start=true],[data-range-end=true]){border-radius:var(--br-xxl)}.calendar-day.outside{color:var(--fg-4)}.calendar-day:disabled{color:var(--fg-3);cursor:not-allowed;opacity:.65}.calendar-day:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset-inset)}.data-table{display:grid;gap:var(--vs-s);min-inline-size:0;container-type:inline-size}.data-table.compact :is(th,td){padding:var(--pad-xs) var(--pad-s)}.data-table.sticky>.table{max-block-size:min(70dvh,42rem);overflow:auto}.data-table.sticky thead th{position:sticky;inset-block-start:0;z-index:var(--z-raised);background:var(--bg);box-shadow:0 1px 0 var(--fg-2)}.data-table tbody tr:is(.selected,[aria-selected=true]){background:var(--primary-opaque-1)}.data-table tbody tr:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset-inset)}.data-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vs-s)}.data-table-toolbar>:first-child{flex:1 1 16rem}.data-table-sort{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--vs-xs);inline-size:100%;margin:0;padding:0;color:inherit;font:inherit;font-weight:var(--fw-semibold);text-align:start;background:transparent;border:0;box-shadow:none}th[aria-sort]>.data-table-sort:after{content:"↕";color:var(--fg-4)}th[aria-sort=ascending]>.data-table-sort:after{content:"↑";color:var(--fg)}th[aria-sort=descending]>.data-table-sort:after{content:"↓";color:var(--fg)}.data-table-actions{text-align:end;white-space:nowrap}.data-table-actions:not(:is(td,th)){display:flex;align-items:center;justify-content:flex-end;gap:var(--vs-xs)}.data-table-actions:is(td,th)>:is(a,button)+:is(a,button){margin-inline-start:var(--vs-xs)}.data-table-empty{padding:var(--pad-xxl);color:var(--fg-5);text-align:center}.data-table-loading{color:var(--fg-5)}.data-table-loading>td{padding-block:var(--pad-l)}@container (max-width: 36rem){.data-table-toolbar{align-items:stretch;flex-direction:column}.data-table-toolbar>*{flex:0 1 auto;inline-size:100%}}.kanban-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--layout-min-card-width, var(--min-card-width, 18rem)),1fr);align-items:start;gap:var(--layout-gap, var(--vs-base));inline-size:100%;padding-block-end:var(--pad-s);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;container-type:inline-size}.kanban-column{display:flex;flex-direction:column;gap:var(--vs-s);min-block-size:12rem;padding:var(--pad-s);background:var(--fg-05);border:var(--border-1);border-radius:var(--br-l);scroll-snap-align:start;transition:background-color var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth)}.kanban-column:is(.drag-over,[data-drag-over=true]){background:var(--primary-opaque-1);border-color:var(--primary)}.kanban-column-header{display:flex;align-items:center;gap:var(--vs-s)}.kanban-column-header>*{margin:0}.kanban-column-header>:first-child{flex:1}.kanban-card{cursor:grab;touch-action:manipulation;transition:border-color var(--d-fast) var(--ease-smooth),box-shadow var(--d-fast) var(--ease-smooth),opacity var(--d-fast) var(--ease-smooth),rotate var(--d-fast) var(--ease-smooth)}.kanban-card:active{cursor:grabbing}.kanban-card:is(.dragging,[data-dragging=true]){opacity:.55;rotate:1deg;box-shadow:var(--shadow-4)}.kanban-card:is(.keyboard-dragging,[data-keyboard-dragging=true]){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-color:var(--primary);box-shadow:var(--shadow-4)}.kanban-card:is(.selected,[aria-selected=true]){border-color:var(--primary);background:var(--primary-opaque-1)}.kanban-card:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.kanban-dropzone{display:grid;place-items:center;min-block-size:2.75rem;padding:var(--pad-s);color:var(--fg-5);text-align:center;border:1px dashed var(--fg-2);border-radius:var(--br-m);opacity:.65;transition:background-color var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth),opacity var(--d-fast) var(--ease-smooth)}.kanban-dropzone:is(.active,[data-drop-target=true]){color:var(--primary-opaque-8);background:var(--primary-opaque-1);border-color:var(--primary);opacity:1}.kanban-dropzone:is(.invalid,[data-drop-valid=false]){color:var(--error-opaque-8);background:var(--error-opaque-1);border-color:var(--error);opacity:1}@container (max-width: 36rem){.kanban-board{grid-auto-columns:min(18rem,85cqi)}}.toast-viewport{--toast-width: 22rem;--toast-offset: var(--pad-l);inset:auto;display:grid;gap:var(--vs-s);inline-size:min(var(--toast-width),calc(100vi - var(--toast-offset) * 2));max-inline-size:calc(100vi - var(--toast-offset) * 2);margin:0;padding:0;overflow:visible;pointer-events:none;color:var(--fg);background:transparent;border:0;z-index:var(--z-toast)}.toast-viewport[popover]{opacity:1;transition:opacity var(--d-fast) var(--ease-exit-swift),display var(--d-fast) var(--ease-exit-swift) allow-discrete,overlay var(--d-fast) var(--ease-exit-swift) allow-discrete}.toast-viewport[popover]:not(:popover-open){display:none;opacity:0}@starting-style{.toast-viewport[popover]:popover-open{opacity:0}}.toast-viewport:is(.bottom-end,:not([class*=top-]):not([class*=bottom-])),.toast-viewport[data-inline=end][data-block=end]{inset-inline-end:calc(var(--toast-offset) + var(--safe-right));inset-block-end:calc(var(--toast-offset) + var(--safe-bottom))}.toast-viewport.top-start,.toast-viewport[data-inline=start][data-block=start]{inset-inline-start:calc(var(--toast-offset) + var(--safe-left));inset-block-start:calc(var(--toast-offset) + var(--safe-top))}.toast-viewport.top-end,.toast-viewport[data-inline=end][data-block=start]{inset-inline-end:calc(var(--toast-offset) + var(--safe-right));inset-block-start:calc(var(--toast-offset) + var(--safe-top))}.toast-viewport.bottom-start,.toast-viewport[data-inline=start][data-block=end]{inset-inline-start:calc(var(--toast-offset) + var(--safe-left));inset-block-end:calc(var(--toast-offset) + var(--safe-bottom))}.toast-viewport:is(.top-center,.bottom-center),.toast-viewport[data-inline=center]{inset-inline-start:50%;translate:-50% 0}.toast-viewport.top-center,.toast-viewport[data-inline=center][data-block=start]{inset-block-start:calc(var(--toast-offset) + var(--safe-top))}.toast-viewport.bottom-center,.toast-viewport[data-inline=center][data-block=end]{inset-block-end:calc(var(--toast-offset) + var(--safe-bottom))}.toast-item{inline-size:100%;pointer-events:auto;opacity:1;translate:0;transition:opacity var(--d-base) var(--ease-enter-soft),translate var(--d-base) var(--ease-enter-soft)}@starting-style{.toast-item{opacity:0;translate:0 var(--vs-s)}}.toast{isolation:isolate}:where(.toast,.di-toast-slice){--toast-bg: var(--bg);--toast-fg: var(--fg);--toast-muted: color-mix(in oklab, var(--toast-fg) 72%, transparent);--toast-border: 0;--toast-radius: calc((var(--br-m) + var(--br-l)) / 2);--toast-shadow: var(--shadow-3);--toast-padding-block: var(--pad-m);--toast-padding-inline: var(--pad-m);--toast-font-size: .875rem;--toast-line-height: 1.35;--toast-title-weight: var(--fw-semibold);--toast-gap: calc(var(--vs-xs) / 2);--toast-tone: var(--primary);--toast-progress-color: var(--toast-tone);--toast-progress-track: color-mix( in oklab, var(--toast-fg) 20%, transparent );--toast-progress-size: calc(var(--vs-xs) / 2);--toast-duration: 5s;position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--toast-gap);inline-size:100%;margin:0;padding-block:var(--toast-padding-block);padding-inline:var(--toast-padding-inline);overflow:hidden;color:var(--toast-fg);background:var(--toast-bg);border:var(--toast-border);border-radius:var(--toast-radius);box-shadow:var(--toast-shadow)}:where(.toast,.di-toast-slice):has(>button[popovertargetaction=hide],>.toast-dismiss){padding-inline-end:calc(var(--toast-padding-inline) + 1.75rem + var(--vs-s))}:where(.toast.info,.di-toast-slice.info){--toast-tone: var(--primary)}:where(.toast.success,.di-toast-slice.success){--toast-tone: var(--success)}:where(.toast.warning,.di-toast-slice.warning){--toast-tone: var(--warning)}:where(.toast.error,.di-toast-slice.error){--toast-tone: var(--error)}.toast-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column:1 / -1;align-items:start;gap:var(--vs-s)}.toast-header>*{margin:0}.toast-body{grid-column:1 / -1}.toast-actions{display:flex;flex-wrap:wrap;grid-column:1 / -1;justify-content:flex-start;gap:var(--vs-xs)}.toast-dismiss{flex:none}:where(.toast,.di-toast-slice)>strong{grid-column:1}.toast-header>strong{grid-column:1}:where(.toast,.di-toast-slice)>strong,.toast-header>strong{min-inline-size:0;margin:0;font-size:var(--toast-font-size);font-weight:var(--toast-title-weight);line-height:var(--toast-line-height);letter-spacing:var(--ls-h3);overflow-wrap:anywhere}:where(.toast,.di-toast-slice)>p{grid-column:1}:where(.toast,.di-toast-slice)>p,.toast-body{min-inline-size:0;margin:0;color:var(--toast-muted);font-size:var(--toast-font-size);line-height:var(--toast-line-height);overflow-wrap:anywhere;text-wrap:pretty}:where(.toast,.di-toast-slice)>:is(a,button:not([popovertargetaction=hide]):not(.toast-dismiss)){grid-column:1;justify-self:start;inline-size:fit-content;max-inline-size:100%}:where(.toast,.di-toast-slice)>button[popovertargetaction=hide],.toast-dismiss{display:inline-grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;margin:0;padding:0;color:var(--toast-muted);font-size:1.125rem;font-weight:var(--fw-medium);line-height:1;background:transparent;border:0;border-radius:50%;box-shadow:none;translate:0 calc((1lh - 1.75rem)/2);transition:color var(--d-fast) var(--ease-smooth)}:where(.toast,.di-toast-slice)>button[popovertargetaction=hide],:where(.toast,.di-toast-slice)>.toast-dismiss{position:absolute;inset-block-start:var(--toast-padding-block);inset-inline-end:var(--toast-padding-inline)}.toast-header>.toast-dismiss{grid-column:2;grid-row:1;justify-self:end}:where(.toast,.di-toast-slice)>button[popovertargetaction=hide]:hover,.toast-dismiss:hover{color:var(--toast-fg)}:where(.toast,.di-toast-slice)>button[popovertargetaction=hide]:focus-visible,.toast-dismiss:focus-visible{color:var(--toast-fg);outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.toast-progress{position:absolute;inset-block-end:0;inset-inline:var(--toast-padding-inline);block-size:var(--toast-progress-size);overflow:hidden;background:var(--toast-progress-track);border-radius:var(--toast-radius)}.toast-progress:before{--animation-reduced: none;content:"";position:absolute;inset:0;background:var(--toast-progress-color);border-radius:inherit;transform-origin:left center;animation:toast-countdown var(--toast-duration) linear forwards}.toast-progress[data-paused=true]:before{animation-play-state:paused}.toast-progress:dir(rtl):before{transform-origin:right center}@keyframes toast-countdown{to{scale:0 1}}@media(forced-colors:active){select{appearance:auto;background-image:none;padding-inline-end:var(--pad-m)}input:is([type=checkbox],[type=radio]){accent-color:Highlight}input[type=checkbox].toggle{background:Canvas;border-color:ButtonText}input[type=checkbox].toggle:before{background:ButtonText}input[type=checkbox].toggle:checked{background:Highlight;border-color:Highlight}input[type=checkbox].toggle:checked:before{background:HighlightText}input[type=checkbox].toggle:disabled{border-color:GrayText}input[type=checkbox].toggle:disabled:before{background:GrayText}.chip{border-color:ButtonBorder}.chip:is([aria-pressed=true],.selected){background:Highlight;border-color:Highlight;color:HighlightText}.chip:is(:disabled,[aria-disabled=true]){border-color:GrayText;color:GrayText}.tag{border-color:CanvasText}a.tag{border-color:LinkText}button.tag{border-color:ButtonBorder}.tabs>details[open]>summary,.workbench-panel>header>.tabs>button[aria-pressed=true],.bottom-nav :is(a,button):is([aria-current=page],.active){border-block-end-color:Highlight;text-decoration:underline;text-decoration-color:Highlight;text-decoration-thickness:2px;text-underline-offset:.35em}.dropzone{border-color:CanvasText}.dropzone:has(input[type=file]:disabled){border-color:GrayText}.dropzone:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.dropzone.dragover:not(:has(input[type=file]:disabled)){border-color:Highlight;outline:2px solid Highlight;outline-offset:var(--focus-ring-offset)}.segmented-control,.popover,.dropdown-menu,.listbox,.tag-input,.calendar,.kanban-column{border-color:CanvasText}:where(.toast,.di-toast-slice){border:1px solid CanvasText}.segmented-control>label:has(input:checked),.option:is(.selected,[aria-selected=true]),.calendar-day:is([aria-pressed=true],[data-selected=true]),.data-table tbody tr:is(.selected,[aria-selected=true]),.kanban-card:is(.selected,[aria-selected=true]){color:HighlightText;background:Highlight;border-color:Highlight}.spinner{border-color:GrayText;border-block-start-color:Highlight}.skeleton{background:GrayText;border:1px solid CanvasText}.kanban-column:is(.drag-over,[data-drag-over=true]),.kanban-dropzone:is(.active,[data-drop-target=true]),.kanban-card:is(.keyboard-dragging,[data-keyboard-dragging=true]){border-color:Highlight;outline:2px solid Highlight;outline-offset:var(--focus-ring-offset)}.kanban-dropzone:is(.invalid,[data-drop-valid=false]){border-color:Mark;outline:2px solid Mark;outline-offset:var(--focus-ring-offset)}.toast-progress{background:CanvasText}.toast-progress:before{background:Highlight}dialog,[popover].drawer,.bottom-nav{border:1px solid CanvasText}.list-nav>:is(a,button),button.close,button.avatar{border:1px solid ButtonBorder}.sidebar-nav>:is([aria-current=page],.active),.sidebar-nav>details>:is(a[aria-current=page],a.active){outline:2px solid Highlight;outline-offset:-2px}.icon-rail>a[aria-current=page],.icon-rail>button[aria-pressed=true],.pagination [aria-current=page]{border-color:Highlight}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:var(--animation-reduced)!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background:transparent;color:CanvasText;font-size:12pt;line-height:var(--lh)}*,*:before,*:after{background:transparent;box-shadow:none;text-shadow:none}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:.8em}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}img{max-inline-size:100%;page-break-inside:avoid}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}p,blockquote,ul,ol,dl,table,pre{page-break-inside:avoid}.no-print{display:none}}