:root{--p-ink:#1f2422;--p-charcoal:#3a423f;--p-linen:#fbfafa;--p-surface-0:#fbfafa;--p-surface-50:#f7f8f7;--p-surface-100:#eff1f0;--p-surface-200:#dce0de;--p-surface-300:#bbc3bf;--p-surface-400:#9ba7a2;--p-surface-500:#788781;--p-surface-600:#606c67;--p-surface-700:#484e4b;--p-surface-800:#303634;--p-surface-900:#1f2322;--p-surface-950:#131615;--p-surface-1000:#0c0e0e;--p-moss:#7e8d6a;--p-bark:#5e564a;--p-ochre:#c08a4e;--p-signal:#b9543d;--p-moss-tint-12:#ecf0e5;--p-moss-tint-20:#e0e7d5;--p-bark-tint-12:#e9e5dc;--p-bark-tint-20:#dcd7cb;--p-ochre-tint-12:#f4e5d0;--p-ochre-tint-20:#edd7b6;--p-signal-tint-12:#f1d9cf;--p-signal-tint-20:#eccabb;--p-moss-tint-d:#2d3329;--p-bark-tint-d:#2a2622;--p-ochre-tint-d:#3a2d1b;--p-signal-tint-d:#3a201a;--color-surface-canvas:var(--p-surface-50);--color-surface-subtle:var(--p-surface-100);--color-surface-raised:var(--p-surface-0);--color-surface-popover:var(--p-surface-0);--color-skeleton:var(--p-surface-200);--color-surface-sunken:var(--p-surface-100);--color-surface-field:var(--color-surface-canvas);--color-surface-inverse:var(--p-surface-950);--color-surface-overlay:#1b1b1a8c;--color-surface-tint-brand:var(--p-surface-100);--color-text-primary:var(--p-ink);--color-text-secondary:var(--p-charcoal);--color-text-muted:var(--p-surface-700);--color-text-subtle:var(--p-surface-600);--color-text-disabled:#1f24225c;--color-text-inverse:var(--p-surface-50);--color-text-link:var(--p-surface-600);--color-text-link-hover:var(--p-surface-700);--color-text-on-accent:var(--p-surface-50);--color-text-on-warning:var(--p-ink);--color-border-subtle:var(--p-surface-200);--color-border-default:var(--p-surface-300);--color-border-strong:var(--p-surface-400);--color-border-emphasis:var(--p-surface-500);--color-border-focus:var(--p-surface-500);--color-border-inverse:var(--p-surface-800);--color-action-primary-bg:var(--p-surface-950);--color-action-primary-bg-hover:var(--p-surface-800);--color-action-primary-bg-pressed:var(--p-surface-900);--color-action-primary-bg-disabled:var(--p-surface-200);--color-action-primary-fg:var(--p-surface-50);--color-action-primary-fg-disabled:#1f242266;--color-action-secondary-bg:var(--p-surface-0);--color-action-secondary-bg-hover:var(--p-surface-50);--color-action-secondary-bg-pressed:var(--p-surface-100);--color-action-secondary-border:var(--p-surface-300);--color-action-secondary-border-hover:var(--p-surface-500);--color-action-secondary-fg:var(--p-ink);--color-action-secondary-fg-disabled:var(--p-surface-400);--color-action-ghost-fg:var(--p-surface-600);--color-action-ghost-fg-hover:var(--p-ink);--color-action-ghost-bg-hover:transparent;--color-action-danger-bg:var(--p-signal);--color-action-danger-bg-hover:#a0492f;--color-action-danger-bg-pressed:#884028;--color-action-danger-fg:var(--p-surface-50);--color-focus-ring:var(--p-surface-500);--color-focus-ring-shadow:0 0 0 3px #9393894d;--color-selection-bg:var(--p-surface-100);--color-selection-fg:var(--p-ink);--color-status-info-bg:var(--p-surface-50);--color-status-info-fg:var(--p-surface-700);--color-status-info-border:var(--p-surface-200);--color-status-info-solid:var(--p-surface-500);--color-status-success-bg:var(--p-moss-tint-12);--color-status-success-fg:#4f5b3f;--color-status-success-border:var(--p-moss-tint-20);--color-status-success-solid:var(--p-moss);--color-status-warning-bg:var(--p-ochre-tint-12);--color-status-warning-fg:#6f4f25;--color-status-warning-border:var(--p-ochre-tint-20);--color-status-warning-solid:var(--p-ochre);--color-status-danger-bg:var(--p-signal-tint-12);--color-status-danger-fg:#883820;--color-status-danger-border:var(--p-signal-tint-20);--color-status-danger-solid:var(--p-signal);--color-status-neutral-bg:var(--p-bark-tint-12);--color-status-neutral-fg:var(--p-bark);--color-status-neutral-border:var(--p-bark-tint-20);--color-status-neutral-solid:var(--p-bark);--color-accent:var(--p-surface-200);--color-accent-muted:var(--p-surface-300);--color-accent-strong:var(--p-surface-600);--color-accent-on:var(--p-surface-50);--color-chart-1:var(--p-surface-500);--color-chart-2:var(--p-moss);--color-chart-3:var(--p-ochre);--color-chart-4:var(--p-bark);--color-chart-5:var(--p-signal);--color-chart-6:var(--p-surface-300);--color-chart-7:var(--p-charcoal);--color-chart-8:var(--p-surface-400);--color-shadow-sm:0 1px 2px #1f24220d;--color-shadow-md:0 4px 14px #1f242212;--color-shadow-lg:0 14px 36px #1f242217;--color-shadow-xl:0 24px 60px #1f24221f;--background:var(--color-surface-canvas);--foreground:var(--color-text-primary);--card:var(--color-surface-raised);--card-foreground:var(--color-text-primary);--popover:var(--color-surface-popover);--popover-foreground:var(--color-text-primary);--primary:var(--color-action-primary-bg);--primary-foreground:var(--color-action-primary-fg);--secondary:var(--color-action-secondary-bg);--secondary-foreground:var(--color-action-secondary-fg);--muted:var(--color-surface-raised);--muted-foreground:var(--color-text-muted);--accent:var(--p-surface-200);--accent-foreground:var(--color-text-primary);--destructive:var(--color-action-danger-bg);--destructive-foreground:var(--color-action-danger-fg);--border:var(--color-border-default);--input:var(--color-border-strong);--ring:var(--color-border-focus);--radius:var(--r-md);--chart-1:var(--color-chart-1);--chart-2:var(--color-chart-2);--chart-3:var(--color-chart-3);--chart-4:var(--color-chart-4);--chart-5:var(--color-chart-5)}[data-theme=dark]{--color-surface-canvas:var(--p-surface-1000);--color-surface-subtle:var(--p-surface-950);--color-surface-raised:var(--p-surface-900);--color-surface-popover:var(--p-surface-900);--color-skeleton:var(--p-surface-950);--color-surface-sunken:var(--p-surface-1000);--color-surface-field:var(--color-surface-canvas);--color-surface-inverse:var(--p-surface-50);--color-surface-overlay:#000000a6;--color-surface-tint-brand:#93938924;--color-text-primary:var(--p-surface-50);--color-text-secondary:var(--p-surface-200);--color-text-muted:#b6bbb1;--color-text-subtle:var(--p-surface-400);--color-text-disabled:#f5f3ec52;--color-text-inverse:var(--p-ink);--color-text-link:var(--p-surface-300);--color-text-link-hover:var(--p-surface-200);--color-text-on-accent:var(--p-surface-50);--color-text-on-warning:var(--p-ink);--color-border-subtle:var(--p-surface-900);--color-border-default:var(--p-surface-800);--color-border-strong:var(--p-surface-700);--color-border-emphasis:var(--p-surface-300);--color-border-focus:var(--p-surface-600);--color-border-inverse:var(--p-surface-200);--color-action-primary-bg:var(--p-surface-100);--color-action-primary-bg-hover:var(--p-surface-50);--color-action-primary-bg-pressed:var(--p-surface-200);--color-action-primary-bg-disabled:#f5f3ec1a;--color-action-primary-fg:var(--p-surface-900);--color-action-primary-fg-disabled:#f5f3ec52;--color-action-secondary-bg:transparent;--color-action-secondary-bg-hover:#f5f3ec0f;--color-action-secondary-bg-pressed:#f5f3ec1a;--color-action-secondary-border:#f5f3ec33;--color-action-secondary-border-hover:var(--p-surface-300);--color-action-secondary-fg:var(--p-surface-50);--color-action-secondary-fg-disabled:#f5f3ec52;--color-action-ghost-fg:var(--p-surface-300);--color-action-ghost-fg-hover:var(--p-surface-50);--color-action-danger-bg:#c9624c;--color-action-danger-bg-hover:#d87560;--color-action-danger-bg-pressed:#b8553f;--color-action-danger-fg:var(--p-surface-50);--color-focus-ring:var(--p-surface-600);--color-focus-ring-shadow:0 0 0 2px #bdbdb62e;--color-selection-bg:#bdbdb64d;--color-selection-fg:var(--p-surface-50);--color-status-info-bg:#9393892e;--color-status-info-fg:#c4c4bc;--color-status-info-border:#bdbdb64d;--color-status-info-solid:var(--p-surface-300);--color-status-success-bg:var(--p-moss-tint-d);--color-status-success-fg:#bfcda4;--color-status-success-border:#7e8d6a5c;--color-status-success-solid:var(--p-moss);--color-status-warning-bg:var(--p-ochre-tint-d);--color-status-warning-fg:#e2bb87;--color-status-warning-border:#c08a4e5c;--color-status-warning-solid:var(--p-ochre);--color-status-danger-bg:var(--p-signal-tint-d);--color-status-danger-fg:#e89880;--color-status-danger-border:#b9543d66;--color-status-danger-solid:var(--p-signal);--color-status-neutral-bg:var(--p-bark-tint-d);--color-status-neutral-fg:#c7beae;--color-status-neutral-border:#5e564a66;--color-status-neutral-solid:var(--p-bark);--color-accent:var(--p-surface-300);--color-accent-muted:var(--p-surface-500);--color-accent-strong:var(--p-surface-100);--color-accent-on:var(--p-ink);--color-chart-1:var(--p-surface-300);--color-chart-2:#a4b58a;--color-chart-3:#d4a36c;--color-chart-4:#8c8270;--color-chart-5:#d87560;--color-chart-6:var(--p-surface-500);--color-chart-7:var(--p-surface-200);--color-chart-8:var(--p-surface-400);--color-shadow-sm:0 1px 2px #0000004d;--color-shadow-md:0 4px 14px #0000005c;--color-shadow-lg:0 14px 36px #00000070;--color-shadow-xl:0 24px 60px #0000008c;--background:var(--color-surface-canvas);--foreground:var(--color-text-primary);--card:var(--color-surface-raised);--card-foreground:var(--color-text-primary);--popover:var(--color-surface-popover);--popover-foreground:var(--color-text-primary);--primary:var(--color-action-primary-bg);--primary-foreground:var(--color-action-primary-fg);--secondary:var(--color-action-secondary-bg);--secondary-foreground:var(--color-action-secondary-fg);--muted:var(--color-surface-raised);--muted-foreground:var(--color-text-muted);--accent:var(--p-surface-900);--accent-foreground:var(--color-text-primary);--destructive:var(--color-action-danger-bg);--destructive-foreground:var(--color-action-danger-fg);--border:var(--color-border-default);--input:var(--color-border-strong);--ring:var(--color-border-focus);--radius:var(--r-md);--chart-1:var(--color-chart-1);--chart-2:var(--color-chart-2);--chart-3:var(--color-chart-3);--chart-4:var(--color-chart-4);--chart-5:var(--color-chart-5)}@font-face{font-family:Regular X;src:url(/fonts/RegularX-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Regular X;src:url(/fonts/RegularX-LightItalic.woff2)format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Regular X;src:url(/fonts/RegularX-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Regular X;src:url(/fonts/RegularX-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Regular X;src:url(/fonts/RegularX-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Regular X;src:url(/fonts/RegularX-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Regular X;src:url(/fonts/RegularX-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Regular X;src:url(/fonts/RegularX-ExtraBold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Regular X;src:url(/fonts/RegularX-Black.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--font-display:"Regular X", system-ui, sans-serif;--font-body:"Regular X", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--w-light:300;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--w-extrabold:800;--w-black:900;--fs-display-xl:clamp(4.5rem, 11vw, 9rem);--fs-display-lg:clamp(3.5rem, 8vw, 6.5rem);--fs-display-md:clamp(2.75rem, 6vw, 4.5rem);--fs-display-sm:clamp(2.25rem, 5vw, 3.5rem);--fs-headline-lg:2.5rem;--fs-headline-md:2rem;--fs-headline-sm:1.5rem;--fs-title-lg:1.375rem;--fs-title-md:1.125rem;--fs-body-lg:1.125rem;--fs-body-md:1rem;--fs-body-sm:.875rem;--fs-caption-lg:.8125rem;--fs-caption-md:.75rem;--fs-caption-sm:.6875rem;--fs-mono-md:.7812rem;--fs-mono-sm:.6875rem;--fs-blurb-lg:1.625rem;--fs-blurb-md:1.25rem;--lh-tight:.95;--lh-snug:1.1;--lh-normal:1.45;--lh-relaxed:1.6;--lh-loose:1.7;--ls-tightest:-.045em;--ls-tight:-.025em;--ls-snug:-.012em;--ls-normal:0;--ls-wide:.04em;--ls-eyebrow:.14em;--ls-mono:.02em;--ls-smcap:.06em}.t-title-md{font-family:var(--font-body);font-weight:var(--w-medium);font-size:var(--fs-title-md);letter-spacing:var(--ls-normal);line-height:1.4}.t-caption{font-family:var(--font-body);font-weight:var(--w-regular);font-size:var(--fs-caption-md);line-height:1.45}.t-eyebrow{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-caption-sm);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;line-height:1.45}.t-mono{font-family:var(--font-mono);font-weight:400;font-size:var(--fs-mono-md);letter-spacing:var(--ls-mono);line-height:1.5}.t-blurb-lg{font-family:var(--font-display);font-weight:var(--w-light);font-style:italic;font-size:var(--fs-blurb-lg);letter-spacing:var(--ls-snug);line-height:1.45}.t-blurb-md{font-family:var(--font-display);font-weight:var(--w-light);font-style:italic;font-size:var(--fs-blurb-md);line-height:1.5}.t-lnum{font-feature-settings:"lnum", "kern"}.t-ss01{font-feature-settings:"ss01"}.t-ss02{font-feature-settings:"ss02"}:root{--display:"Regular X", system-ui, sans-serif;--sans:"Regular X", system-ui, sans-serif;--mono:"IBM Plex Mono", "SF Mono", monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--r-sm:4px;--r-md:8px;--r-lg:14px;--r-xl:20px;--max-w:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background:var(--color-surface-canvas);color:var(--color-text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;font-weight:400;line-height:1.6;transition:background-color .4s,color .4s}::selection{background:var(--p-surface-100);color:var(--p-ink)}[data-theme=dark] ::selection{color:var(--p-surface-50);background:#93a5934d}a{color:var(--color-text-link);border-bottom:1px solid;text-decoration:none;transition:color .2s}a:hover{color:var(--color-text-link-hover)}a.inline-flex,a.block{border-bottom:none}a.inline-flex[aria-current=page],a.inline-flex[data-active]{border-bottom:1px solid}.wrap{max-width:var(--max-w);padding:0 var(--s-7);margin:0 auto}@media (width<=720px){.wrap{padding:0 var(--s-5)}}.section{padding:var(--s-10) 0;border-bottom:1px solid var(--color-border-subtle);container-type:inline-size}.section:last-of-type,.part-page>div:last-child>.section{border-bottom:none}@container (width<=640px){.subsection{margin-top:var(--s-7)}.section-head{margin-bottom:var(--s-6)}.demo{padding:var(--s-5)}}@media (width<=640px){.section{padding:var(--s-8) 0}}.g-2{grid-template-columns:1fr 1fr;display:grid}.g-3{grid-template-columns:repeat(3,1fr);display:grid}.g-4{grid-template-columns:repeat(4,1fr);display:grid}.g-6{grid-template-columns:repeat(6,1fr);display:grid}.g-8{grid-template-columns:repeat(8,1fr);display:grid}.g-label{grid-template-columns:var(--g-label-w,200px) 1fr;align-items:start;display:grid}.g-scale{grid-template-columns:var(--g-a,140px) 1fr var(--g-c,80px);align-items:center;display:grid}@container (width<=900px){.g-3,.g-4{grid-template-columns:1fr 1fr}.g-6,.g-8{grid-template-columns:repeat(4,1fr)}}@container (width<=640px){.g-2,.g-3,.g-4,.g-label{grid-template-columns:1fr}.g-6{grid-template-columns:repeat(3,1fr)}.g-8{grid-template-columns:repeat(4,1fr)}.g-scale{grid-template-columns:1fr auto}.g-scale>:nth-child(2){display:none}}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.hero{padding:var(--s-10) 0 var(--s-9);border-bottom:1px solid var(--color-border-subtle);position:relative;overflow:hidden}.hero-grid{gap:var(--s-8);grid-template-columns:220px 1fr;align-items:start;display:grid}@container (width<=900px){.hero-grid{gap:var(--s-5);grid-template-columns:1fr}}.hero-num{font-family:var(--display);letter-spacing:-.04em;color:var(--color-accent);font-size:6rem;font-weight:300;line-height:1}.hero-num small{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);margin-top:var(--s-3);font-size:.6875rem;font-weight:400;display:block}.hero-title{font-family:var(--display);letter-spacing:-.04em;margin:0 0 var(--s-5);color:var(--color-text-primary);font-size:clamp(3.5rem,9vw,7.75rem);font-weight:300;line-height:.95}.hero-tag{font-family:var(--display);color:var(--color-text-muted);max-width:56ch;margin:0 0 var(--s-7);font-size:1.375rem;font-style:italic;font-weight:300;line-height:1.45}.hero-meta{gap:var(--s-6);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);flex-wrap:wrap;font-size:.6875rem;display:flex}.hero-meta span:not(:last-child):after{content:"·";margin-left:var(--s-6);color:var(--color-text-subtle)}.hero-ribbon{margin-top:var(--s-8);border-radius:var(--r-md);height:96px;box-shadow:var(--color-shadow-md);grid-template-columns:repeat(20,1fr);display:grid;overflow:hidden}.hero-ribbon span{height:100%;display:block}@media (width<=720px){.hero-ribbon{height:64px}}.section-head{gap:var(--s-8);margin-bottom:var(--s-8);grid-template-columns:220px 1fr;align-items:start;display:grid}@container (width<=900px){.section-head{gap:var(--s-4);grid-template-columns:1fr}}.section-num{font-family:var(--display);letter-spacing:-.03em;color:var(--color-accent-muted);font-size:3.5rem;font-weight:300;line-height:1}.section-num small{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);margin-top:var(--s-3);font-size:.625rem;font-weight:400;display:block}.section-title{font-family:var(--display);letter-spacing:-.03em;margin:0 0 var(--s-4);color:var(--color-text-primary);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:300;line-height:1.05}.section-blurb{font-family:var(--display);color:var(--color-text-muted);max-width:60ch;margin:0;font-size:1.125rem;font-weight:300;line-height:1.55}.subsection{margin-top:var(--s-9)}.subsection-eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--s-3);font-size:.6875rem}.subsection-title{font-family:var(--display);letter-spacing:-.02em;margin:0 0 var(--s-4);color:var(--color-text-primary);font-size:2rem;font-weight:400;line-height:1.15}.subsection-desc{font-size:var(--fs-body-md);color:var(--color-text-secondary);max-width:64ch;margin:0 0 var(--s-6);line-height:1.65}.swatch-grid{gap:var(--s-4);display:grid}.swatch-grid.cols-5{grid-template-columns:repeat(5,1fr)}.swatch-grid.cols-4{grid-template-columns:repeat(4,1fr)}.swatch-grid.cols-3{grid-template-columns:repeat(3,1fr)}@container (width<=1000px){.swatch-grid.cols-5,.swatch-grid.cols-4,.swatch-grid.cols-3{grid-template-columns:repeat(2,1fr)}}.swatch{border-radius:var(--r-md);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);transition:transform .3s,box-shadow .3s;overflow:hidden}.swatch:hover{box-shadow:var(--color-shadow-md);transform:translateY(-2px)}.swatch-tile{aspect-ratio:4/3;position:relative}.swatch-tile.dark-text{color:var(--p-ink)}.swatch-tile.light-text{color:var(--p-surface-50)}.swatch-tile-name{top:var(--s-4);left:var(--s-4);font-family:var(--display);letter-spacing:-.01em;font-size:1.375rem;font-weight:400;position:absolute}.swatch-tile-hex{bottom:var(--s-4);left:var(--s-4);font-family:var(--mono);letter-spacing:.06em;opacity:.85;font-size:.6875rem;position:absolute}.swatch-meta{padding:var(--s-4) var(--s-4) var(--s-5);color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5}.swatch-meta-row{font-family:var(--mono);color:var(--color-text-muted);border-bottom:1px dashed var(--color-border-subtle);letter-spacing:.04em;justify-content:space-between;padding:4px 0;font-size:.6875rem;display:flex}.swatch-meta-row:last-of-type{border-bottom:none}.swatch-meta-role{font-style:italic;font-family:var(--display);margin-top:var(--s-3);color:var(--color-text-muted);font-size:.875rem;font-weight:300}.ramp-strip{border-radius:var(--r-md);height:220px;box-shadow:var(--color-shadow-md);margin-bottom:var(--s-3);display:grid;overflow:hidden}.ramp-strip:last-of-type{margin-bottom:var(--s-5)}.ramp-step{padding:var(--s-4);font-family:var(--mono);letter-spacing:.06em;flex-direction:column;justify-content:space-between;font-size:.6875rem;transition:flex .3s;display:flex;position:relative}.ramp-step .step-num{font-family:var(--display);letter-spacing:-.01em;font-size:1.75rem;font-style:italic;font-weight:300;line-height:1}@media (width<=1100px){.ramp-strip{height:180px}.ramp-step{padding:var(--s-3) var(--s-2);font-size:.5625rem}.ramp-step .step-num{font-size:1.25rem}}@media (width<=700px){.ramp-strip{height:140px}.ramp-step{padding:var(--s-2) 6px;letter-spacing:0;font-size:.5rem}.ramp-step .step-num{font-size:.9rem}}.ramp-table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.75rem}.ramp-table th,.ramp-table td{text-align:left;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--color-border-subtle)}.ramp-table th{letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6562rem;font-weight:500}.ramp-table .swatch-dot{vertical-align:middle;width:14px;height:14px;margin-right:var(--s-3);border:1px solid var(--color-border-subtle);border-radius:3px;display:inline-block}.ramp-table td:first-child{color:var(--color-text-primary);font-weight:500}.ramp-table .role{font-family:var(--display);color:var(--color-text-muted);font-size:.8438rem;font-style:italic;font-weight:300}.token-table{border-collapse:collapse;width:100%;font-family:var(--mono);border:1px solid var(--color-border-default);border-radius:var(--r-md);font-size:.7812rem;overflow:hidden}.token-table th,.token-table td{text-align:left;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.token-table thead th{background:var(--color-surface-subtle);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-default);font-size:.6562rem;font-weight:500}.token-table tbody tr:last-child td{border-bottom:none}.token-table tbody tr:hover{background:var(--color-surface-tint-brand)}.token-table .token-name{color:var(--color-text-primary);font-weight:500}.token-table .token-ref{color:var(--color-text-muted)}.token-table .token-desc{font-family:var(--display);color:var(--color-text-muted);font-size:.875rem;font-style:italic;font-weight:300}.token-table .chip{vertical-align:middle;border:1px solid var(--color-border-subtle);width:22px;height:22px;margin-right:var(--s-3);border-radius:4px;display:inline-block}.token-table .group-row td{background:var(--color-surface-canvas);font-family:var(--display);color:var(--color-accent);letter-spacing:0;text-transform:none;padding:var(--s-5) var(--s-4) var(--s-3);border-top:1px solid var(--color-border-default);font-size:1rem;font-style:italic;font-weight:400}.token-table .group-row:first-child td{border-top:none}.btn{align-items:center;gap:var(--s-2);font-family:var(--sans);letter-spacing:-.005em;border-radius:var(--r-sm);cursor:pointer;border:1px solid #0000;padding:9px 18px;font-size:.8438rem;font-weight:500;line-height:1.2;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.btn:focus-visible{box-shadow:var(--color-focus-ring-shadow);outline:none}.btn-primary{background:var(--color-action-primary-bg);color:var(--color-action-primary-fg)}.btn-primary:hover,.btn-primary.btn-hover{background:var(--color-action-primary-bg-hover)}.btn-primary:active,.btn-primary.btn-pressed{background:var(--color-action-primary-bg-pressed)}.btn-primary:disabled,.btn-primary[disabled]{background:var(--color-action-primary-bg-disabled);color:var(--color-action-primary-fg-disabled);cursor:not-allowed}.btn-secondary{background:var(--color-action-secondary-bg);color:var(--color-action-secondary-fg);border-color:var(--color-action-secondary-border)}.btn-secondary:hover,.btn-secondary.btn-hover{background:var(--color-action-secondary-bg-hover);border-color:var(--color-action-secondary-border-hover)}.btn-secondary:active,.btn-secondary.btn-pressed{background:var(--color-action-secondary-bg-pressed)}.btn-secondary:disabled,.btn-secondary[disabled]{color:var(--color-action-secondary-fg-disabled);border-color:var(--color-border-subtle);cursor:not-allowed;background:0 0}.btn-ghost{color:var(--color-action-ghost-fg);background:0 0;border-color:#0000;padding:9px 4px}.btn-ghost:hover,.btn-ghost.btn-hover{color:var(--color-action-ghost-fg-hover)}.btn-ghost:disabled,.btn-ghost[disabled]{color:var(--color-text-disabled);cursor:not-allowed}.btn-danger{background:var(--color-action-danger-bg);color:var(--color-action-danger-fg)}.btn-danger:hover,.btn-danger.btn-hover{background:var(--color-action-danger-bg-hover)}.btn-danger:active,.btn-danger.btn-pressed{background:var(--color-action-danger-bg-pressed)}.btn-danger:disabled,.btn-danger[disabled]{background:var(--color-status-danger-border);color:var(--color-text-disabled);cursor:not-allowed}.status-banner{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);border:1px solid;font-size:.8438rem;line-height:1.45;display:flex}.status-banner strong{margin-right:4px;font-weight:500}.status-dot{border-radius:999px;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-info{background:var(--color-status-info-bg);color:var(--color-status-info-fg);border-color:var(--color-status-info-border)}.status-info .status-dot{background:var(--color-status-info-solid)}.status-success{background:var(--color-status-success-bg);color:var(--color-status-success-fg);border-color:var(--color-status-success-border)}.status-success .status-dot{background:var(--color-status-success-solid)}.status-warning{background:var(--color-status-warning-bg);color:var(--color-status-warning-fg);border-color:var(--color-status-warning-border)}.status-warning .status-dot{background:var(--color-status-warning-solid)}.status-danger{background:var(--color-status-danger-bg);color:var(--color-status-danger-fg);border-color:var(--color-status-danger-border)}.status-danger .status-dot{background:var(--color-status-danger-solid)}.status-neutral{background:var(--color-status-neutral-bg);color:var(--color-status-neutral-fg);border-color:var(--color-status-neutral-border)}.status-neutral .status-dot{background:var(--color-status-neutral-solid)}.chip-status{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;padding:3px 10px;font-size:.6562rem;font-weight:500;display:inline-flex}.chip-info{background:var(--color-status-info-bg);color:var(--color-status-info-fg);border-color:var(--color-status-info-border)}.chip-success{background:var(--color-status-success-bg);color:var(--color-status-success-fg);border-color:var(--color-status-success-border)}.chip-warning{background:var(--color-status-warning-bg);color:var(--color-status-warning-fg);border-color:var(--color-status-warning-border)}.chip-danger{background:var(--color-status-danger-bg);color:var(--color-status-danger-fg);border-color:var(--color-status-danger-border)}.chip-neutral{background:var(--color-status-neutral-bg);color:var(--color-status-neutral-fg);border-color:var(--color-status-neutral-border)}.a11y-matrix{border-collapse:separate;border-spacing:2px;width:100%;font-family:var(--mono);background:var(--color-surface-subtle);border-radius:var(--r-md);padding:2px;font-size:.6875rem;overflow:hidden}.a11y-matrix th,.a11y-matrix td{text-align:center;padding:var(--s-3) var(--s-2);vertical-align:middle;background:var(--color-surface-canvas);font-weight:400}.a11y-matrix th{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6562rem;font-weight:500}.a11y-matrix th.row-head{text-align:left;padding-left:var(--s-4);white-space:nowrap}.a11y-matrix td.text-cell{text-align:left;padding-left:var(--s-4);font-family:var(--sans);color:var(--color-text-primary);white-space:nowrap;font-size:.7812rem;font-weight:500}.a11y-matrix td.text-cell .swatch-dot{vertical-align:middle;border:1px solid var(--color-border-subtle);border-radius:2px;width:12px;height:12px;margin-right:8px;display:inline-block}.a11y-matrix .ratio{font-size:.75rem;font-weight:500}.a11y-matrix .grade{letter-spacing:.08em;opacity:.78;font-size:.5938rem;display:block}.a11y-matrix .aaa{background:var(--color-status-success-bg);color:var(--color-status-success-fg)}.a11y-matrix .aa{background:var(--color-status-info-bg);color:var(--color-status-info-fg)}.a11y-matrix .aalg{background:var(--color-status-warning-bg);color:var(--color-status-warning-fg)}.a11y-matrix .fail{background:var(--color-status-danger-bg);color:var(--color-status-danger-fg);opacity:.65}.proportion-bar{border-radius:var(--r-md);height:64px;margin:var(--s-5) 0 var(--s-3);grid-template-columns:70fr 20fr 10fr;display:grid;overflow:hidden}.proportion-bar>div{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.75rem;display:flex}.download-grid{gap:var(--s-5);grid-template-columns:1fr 1fr;display:grid}@container (width<=720px){.download-grid{grid-template-columns:1fr}}.dl-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--r-lg);padding:var(--s-7);box-shadow:var(--color-shadow-sm);transition:transform .3s,box-shadow .3s,border-color .3s}.dl-card:hover{box-shadow:var(--color-shadow-md);border-color:var(--color-border-emphasis);transform:translateY(-2px)}.dl-card-eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6562rem}.dl-card-name{font-family:var(--display);letter-spacing:-.02em;margin:var(--s-3) 0 var(--s-3);color:var(--color-text-primary);font-size:2.25rem;font-weight:300}.dl-card-desc{color:var(--color-text-secondary);font-size:var(--fs-body-md);margin:0 0 var(--s-5);line-height:1.6}.code-block{background:var(--color-surface-sunken);border-radius:var(--r-sm);padding:var(--s-4);font-family:var(--mono);color:var(--color-text-primary);margin:0 0 var(--s-4);border:1px solid var(--color-border-subtle);font-size:.75rem;line-height:1.55;overflow-x:auto}.code-block .c-comment{color:var(--color-text-muted);font-style:italic}.code-block .c-keyword{color:var(--p-surface-600)}.code-block .c-token{color:var(--p-bark)}[data-theme=dark] .code-block .c-keyword{color:var(--p-surface-300)}[data-theme=dark] .code-block .c-token{color:var(--p-ochre)}.demo{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--r-lg);padding:var(--s-7);box-shadow:var(--color-shadow-sm)}.demo-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--s-5);font-size:.6562rem;display:inline-block}footer{padding:var(--s-9) 0 var(--s-10);text-align:center;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem}footer .dim{color:var(--color-text-subtle)}.t-display-xl{font-family:var(--display);font-weight:var(--w-light);font-size:var(--fs-display-xl);line-height:var(--lh-tight);letter-spacing:var(--ls-tightest)}.t-display-lg{font-family:var(--display);font-weight:var(--w-light);font-size:var(--fs-display-lg);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}.t-display-md{font-family:var(--display);font-weight:var(--w-light);font-size:var(--fs-display-md);letter-spacing:var(--ls-tight);line-height:1.05}.t-display-sm{font-family:var(--display);font-weight:var(--w-light);font-size:var(--fs-display-sm);letter-spacing:var(--ls-tight);line-height:1.08}.t-headline-lg{font-family:var(--display);font-weight:var(--w-regular);font-size:var(--fs-headline-lg);line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}.t-headline-md{font-family:var(--display);font-weight:var(--w-medium);font-size:var(--fs-headline-md);letter-spacing:var(--ls-snug);line-height:1.15}.t-headline-sm{font-family:var(--display);font-weight:var(--w-medium);font-size:var(--fs-headline-sm);letter-spacing:var(--ls-snug);line-height:1.2}.t-title-lg{font-family:var(--sans);font-weight:var(--w-medium);font-size:var(--fs-title-lg);letter-spacing:var(--ls-snug);line-height:1.3}.t-title-md{font-family:var(--sans);font-weight:var(--w-medium);font-size:var(--fs-title-md);line-height:1.4}.t-body-lg{font-family:var(--sans);font-weight:var(--w-regular);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed)}.t-body-md{font-family:var(--sans);font-weight:var(--w-regular);font-size:var(--fs-body-md);line-height:var(--lh-relaxed)}.t-body-sm{font-family:var(--sans);font-weight:var(--w-regular);font-size:var(--fs-body-sm);line-height:1.55}.t-caption{font-family:var(--sans);font-weight:var(--w-regular);font-size:var(--fs-caption-md);color:var(--color-text-muted);line-height:1.45}.t-eyebrow{font-family:var(--mono);font-weight:500;font-size:var(--fs-caption-sm);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--color-text-muted)}.t-mono{font-family:var(--mono);font-weight:400;font-size:var(--fs-mono-md);letter-spacing:var(--ls-mono)}.t-blurb-lg{font-family:var(--display);font-weight:var(--w-light);font-style:italic;font-size:var(--fs-blurb-lg);letter-spacing:var(--ls-snug);color:var(--color-text-muted);line-height:1.45}.t-blurb-md{font-family:var(--display);font-weight:var(--w-light);font-style:italic;font-size:var(--fs-blurb-md);color:var(--color-text-muted);line-height:1.5}.t-smcap{font-feature-settings:"smcp", "kern";letter-spacing:var(--ls-smcap)}.t-tnum{font-feature-settings:"tnum", "kern"}.t-onum{font-feature-settings:"onum", "kern"}.t-frac{font-feature-settings:"frac", "kern"}.t-sups{font-feature-settings:"sups"}.t-subs{font-feature-settings:"subs"}.part-divider{padding:var(--s-10) 0 var(--s-9);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-sunken);container-type:inline-size}.part-divider .wrap{gap:var(--s-8);grid-template-columns:220px 1fr;align-items:end;display:grid}@container (width<=900px){.part-divider .wrap{gap:var(--s-3);grid-template-columns:1fr}}.part-eyebrow{font-family:var(--mono);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem}.part-num{font-family:var(--display);font-weight:var(--w-light);letter-spacing:var(--ls-tight);color:var(--color-accent);font-size:clamp(6rem,14vw,10.5rem);line-height:.9}.part-num small{font-family:var(--mono);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--color-text-muted);margin-top:var(--s-3);font-size:.6875rem;font-weight:400;display:block}.part-title{font-family:var(--display);font-weight:var(--w-light);letter-spacing:var(--ls-tight);margin:0 0 var(--s-4);color:var(--color-text-primary);font-size:clamp(2.5rem,6vw,5rem);line-height:1}.part-blurb{font-family:var(--display);font-style:italic;font-weight:var(--w-light);max-width:56ch;color:var(--color-text-muted);margin:0;font-size:1.375rem;line-height:1.45}.logo-svg path{fill:var(--logo-fill,var(--color-text-primary));transition:fill .4s}.logo-stage{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--r-lg);padding:var(--s-10) var(--s-6);box-shadow:var(--color-shadow-md);place-items:center;display:grid;position:relative;overflow:hidden}.logo-stage svg{width:280px;max-width:70%;height:auto}.logo-tile-grid{gap:var(--s-4);grid-template-columns:repeat(2,1fr);display:grid}@container (width<=720px){.logo-tile-grid{grid-template-columns:1fr}}.logo-tile{border-radius:var(--r-md);padding:var(--s-9) var(--s-6);border:1px solid var(--color-border-subtle);place-items:center;display:grid;position:relative;overflow:hidden}.logo-tile svg{width:140px;height:auto}.logo-tile .tile-meta{bottom:var(--s-3);left:var(--s-4);font-family:var(--mono);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;opacity:.6;font-size:.6562rem;position:absolute}.misuse-tile{background:var(--color-surface-raised);padding:var(--s-7) var(--s-5)}.misuse-tile svg{width:110px}.weight-row{gap:var(--s-5);padding:var(--s-5) 0;border-top:1px solid var(--color-border-subtle);grid-template-columns:200px 1fr 80px;align-items:baseline;display:grid}.weight-row:last-child{border-bottom:1px solid var(--color-border-subtle)}.weight-row .weight-label{font-family:var(--mono);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem}.weight-row .weight-label strong{font-family:var(--display);font-weight:var(--w-medium);letter-spacing:0;text-transform:none;color:var(--color-text-primary);margin-top:4px;font-size:.9062rem;display:block}.weight-row .weight-spec{font-family:var(--display);letter-spacing:var(--ls-tight);color:var(--color-text-primary);font-size:3.5rem;line-height:1.05}.weight-row .weight-num{font-family:var(--mono);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--color-text-muted);text-align:right;font-size:.6875rem}@container (width<=720px){.weight-row{gap:var(--s-2);grid-template-columns:1fr}.weight-row .weight-spec{font-size:2.5rem}}.scale-ramp{border-top:1px solid var(--color-border-subtle)}.scale-row{gap:var(--s-5);padding:var(--s-4) 0;border-bottom:1px solid var(--color-border-subtle);grid-template-columns:180px 1fr 140px;align-items:baseline;display:grid}@container (width<=720px){.scale-row{gap:var(--s-2);grid-template-columns:1fr}}.scale-token{font-family:var(--mono);color:var(--color-text-primary);letter-spacing:0;font-size:.7188rem}.scale-token small{letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--color-text-muted);margin-top:4px;font-size:.625rem;display:block}.scale-meta{font-family:var(--mono);color:var(--color-text-muted);text-align:right;white-space:nowrap;font-size:.6562rem}:focus-visible{box-shadow:var(--color-focus-ring-shadow)!important;outline:none!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([cmdk-input]),textarea,select{appearance:none;background-color:var(--color-surface-field)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-strong)!important}[data-side]{background-color:var(--color-surface-popover)!important;border-color:var(--color-border-strong)!important;box-shadow:var(--color-shadow-lg)!important}[cmdk-root]{background-color:var(--color-surface-popover)!important;color:var(--color-text-primary)!important}[cmdk-input-wrapper]{background-color:var(--color-surface-popover)!important;border-bottom-color:var(--color-border-strong)!important}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Regular X,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:IBM Plex Mono,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{border-color:var(--border)}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-14{top:3.5rem}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.-mt-6{margin-top:-1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[4\.5rem\]{height:4.5rem}.h-\[calc\(100vh-3\.5rem\)\]{height:calc(100vh - 3.5rem)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[250px\]{max-height:250px}.max-h-\[300px\]{max-height:300px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1{width:.25rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-5\/6{width:83.3333%}.w-52{width:13rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[200px\]{width:200px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-11{min-width:2.75rem}.min-w-9{min-width:2.25rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:max-content}.max-w-sm{max-width:24rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-1\/2{flex-basis:50%}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-\[var\(--color-status-success-border\)\]{border-color:var(--color-status-success-border)}.border-\[var\(--color-status-warning-border\)\]{border-color:var(--color-status-warning-border)}.border-action-secondary-border{border-color:var(--color-action-secondary-border)}.border-border-emphasis{border-color:var(--color-border-emphasis)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-destructive{border-color:var(--destructive)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.bg-\[var\(--color-bg\)\]{background-color:var(--color-bg)}.bg-\[var\(--color-status-success-bg\)\]{background-color:var(--color-status-success-bg)}.bg-\[var\(--color-status-warning-bg\)\]{background-color:var(--color-status-warning-bg)}.bg-accent{background-color:var(--accent)}.bg-action-danger-bg{background-color:var(--color-action-danger-bg)}.bg-action-primary-bg{background-color:var(--color-action-primary-bg)}.bg-action-secondary-bg{background-color:var(--color-action-secondary-bg)}.bg-background{background-color:var(--background)}.bg-black\/40{background-color:#0006}.bg-black\/80{background-color:#000c}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-skeleton{background-color:var(--color-skeleton)}.bg-surface-canvas{background-color:var(--color-surface-canvas)}.bg-surface-field{background-color:var(--color-surface-field)}.bg-surface-tint-brand{background-color:var(--color-surface-tint-brand)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:IBM Plex Mono,monospace}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--color-status-success-fg\)\]{color:var(--color-status-success-fg)}.text-\[var\(--color-status-warning-fg\)\]{color:var(--color-status-warning-fg)}.text-action-danger-fg{color:var(--color-action-danger-fg)}.text-action-ghost-fg{color:var(--color-action-ghost-fg)}.text-action-primary-fg{color:var(--color-action-primary-fg)}.text-action-secondary-fg{color:var(--color-action-secondary-fg)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted{color:var(--muted)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary{color:var(--secondary)}.text-text-muted{color:var(--color-text-muted)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-text-subtle{color:var(--color-text-subtle)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.hover\:border-action-secondary-border-hover:hover{border-color:var(--color-action-secondary-border-hover)}.hover\:border-border-emphasis:hover{border-color:var(--color-border-emphasis)}.hover\:bg-\[var\(--color-status-success-bg\)\]:hover{background-color:var(--color-status-success-bg)}.hover\:bg-\[var\(--color-status-warning-bg\)\]:hover{background-color:var(--color-status-warning-bg)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-action-danger-bg-hover:hover{background-color:var(--color-action-danger-bg-hover)}.hover\:bg-action-primary-bg-hover:hover{background-color:var(--color-action-primary-bg-hover)}.hover\:bg-action-secondary-bg-hover:hover{background-color:var(--color-action-secondary-bg-hover)}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-surface-raised:hover{background-color:var(--color-surface-raised)}.hover\:bg-surface-subtle:hover{background-color:var(--color-surface-subtle)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-action-ghost-fg-hover:hover{color:var(--color-action-ghost-fg-hover)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-text-secondary:hover{color:var(--color-text-secondary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-border-focus:focus-visible{--tw-ring-color:var(--color-border-focus)}.focus-visible\:ring-destructive:focus-visible{--tw-ring-color:var(--destructive)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.active\:bg-action-danger-bg-pressed:active{background-color:var(--color-action-danger-bg-pressed)}.active\:bg-action-primary-bg-pressed:active{background-color:var(--color-action-primary-bg-pressed)}.active\:bg-action-secondary-bg-pressed:active{background-color:var(--color-action-secondary-bg-pressed)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:border-input:hover:disabled{border-color:var(--input)}.group.toaster .group-\[\.toaster\]\:\!border-\[var\(--color-status-danger-border\)\]{border-color:var(--color-status-danger-border)!important}.group.toaster .group-\[\.toaster\]\:\!border-\[var\(--color-status-success-border\)\]{border-color:var(--color-status-success-border)!important}.group.toaster .group-\[\.toaster\]\:border-border{border-color:var(--border)}.group.toast .group-\[\.toast\]\:bg-muted{background-color:var(--muted)}.group.toast .group-\[\.toast\]\:bg-primary{background-color:var(--primary)}.group.toaster .group-\[\.toaster\]\:\!bg-\[var\(--color-status-danger-bg\)\]{background-color:var(--color-status-danger-bg)!important}.group.toaster .group-\[\.toaster\]\:\!bg-\[var\(--color-status-success-bg\)\]{background-color:var(--color-status-success-bg)!important}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:var(--background)}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:var(--muted-foreground)}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:var(--primary-foreground)}.group.toaster .group-\[\.toaster\]\:\!text-\[var\(--color-status-danger-fg\)\]{color:var(--color-status-danger-fg)!important}.group.toaster .group-\[\.toaster\]\:\!text-\[var\(--color-status-success-fg\)\]{color:var(--color-status-success-fg)!important}.group.toaster .group-\[\.toaster\]\:text-foreground{color:var(--foreground)}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\[data-slot\=card-action\]\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[selected\=\'true\'\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open],.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open]{background-color:var(--accent)}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (width>=640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (width>=768px){.md\:absolute{position:absolute}.md\:sticky{position:sticky}.md\:hidden{display:none}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:basis-1\/3{flex-basis:33.3333%}.md\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:self-start{align-self:flex-start}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (width>=1024px){.lg\:flex{display:flex}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:h-2\.5>svg{height:.625rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-2\.5>svg{width:.625rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{outline-offset:2px;outline:2px solid #0000}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{outline-offset:2px;outline:2px solid #0000}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}