@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Hanken+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--ink-900: oklch(.145 .012 256);--ink-850: oklch(.17 .013 256);--ink-800: oklch(.195 .014 256);--ink-750: oklch(.225 .015 256);--ink-700: oklch(.262 .017 256);--ink-650: oklch(.305 .018 256);--ink-600: oklch(.355 .018 256);--ink-500: oklch(.43 .017 256);--paper-0: oklch(.985 .006 83);--paper-50: oklch(.972 .008 83);--paper-100:oklch(.952 .01 83);--paper-200:oklch(.922 .012 84);--paper-300:oklch(.882 .013 84);--paper-400:oklch(.8 .014 85);--vermilion-700: oklch(.56 .182 30);--vermilion-600: oklch(.62 .196 31);--vermilion-500: oklch(.665 .205 31);--vermilion-400: oklch(.715 .19 33);--vermilion-300: oklch(.785 .15 36);--vermilion-tint:oklch(.665 .205 31 / .14);--mint-600: oklch(.7 .13 182);--mint-500: oklch(.8 .135 180);--mint-400: oklch(.86 .13 178);--mint-300: oklch(.91 .095 177);--mint-tint:oklch(.86 .13 178 / .14);--green-500: oklch(.745 .15 152);--amber-500: oklch(.8 .14 78);--red-500: oklch(.62 .21 23);--sp-1: 2px;--sp-2: 4px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--sp-6: 20px;--sp-7: 24px;--sp-8: 32px;--sp-9: 40px;--sp-10: 48px;--sp-11: 64px;--sp-12: 80px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-2xl: 36px;--r-full: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-out-soft: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .12s;--t-base: .18s;--t-slow: .28s;--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-sans: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--fs-display: 64px;--lh-display: 1.02;--ls-display: -.022em;--fs-h1: 44px;--lh-h1: 1.06;--ls-h1: -.02em;--fs-h2: 32px;--lh-h2: 1.12;--ls-h2: -.016em;--fs-h3: 24px;--lh-h3: 1.18;--ls-h3: -.012em;--fs-h4: 19px;--lh-h4: 1.25;--ls-h4: -.008em;--fs-lg: 18px;--lh-lg: 1.5;--fs-body: 16px;--lh-body: 1.55;--fs-sm: 14px;--lh-sm: 1.5;--fs-xs: 13px;--lh-xs: 1.45;--fs-2xs: 11px;--lh-2xs: 1.4;--ls-2xs: .04em;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root,[data-theme=dark]{color-scheme:dark;--bg-canvas: var(--ink-900);--bg-surface: var(--ink-800);--bg-raised: var(--ink-700);--bg-overlay: var(--ink-750);--bg-inset: var(--ink-850);--bg-hover: oklch(1 0 0 / .05);--bg-active: oklch(1 0 0 / .09);--fg-1: oklch(.972 .006 83);--fg-2: oklch(.795 .01 256);--fg-3: oklch(.62 .012 256);--fg-4: oklch(.5 .012 256);--border-1: oklch(1 0 0 / .08);--border-2: oklch(1 0 0 / .14);--border-focus: var(--vermilion-500);--accent: var(--vermilion-500);--accent-hover: var(--vermilion-400);--accent-press: var(--vermilion-600);--accent-tint: var(--vermilion-tint);--on-accent: var(--ink-900);--accent-2: var(--mint-400);--accent-2-tint: var(--mint-tint);--on-accent-2: var(--ink-900);--success: var(--green-500);--warning: var(--amber-500);--danger: var(--red-500);--shadow-1: 0 1px 2px oklch(0 0 0 / .3), 0 2px 8px oklch(0 0 0 / .22);--shadow-2: 0 4px 14px oklch(0 0 0 / .34), 0 12px 34px oklch(0 0 0 / .3);--shadow-3: 0 10px 30px oklch(0 0 0 / .4), 0 30px 70px oklch(0 0 0 / .36);--glow-accent: 0 0 0 1px oklch(.665 .205 31 / .3), 0 6px 26px oklch(.665 .205 31 / .3);--glow-accent-2: 0 0 0 1px oklch(.86 .13 178 / .28), 0 6px 24px oklch(.86 .13 178 / .26)}[data-theme=light]{color-scheme:light;--bg-canvas: var(--paper-50);--bg-surface: var(--paper-0);--bg-raised: var(--paper-0);--bg-overlay: var(--paper-0);--bg-inset: var(--paper-100);--bg-hover: oklch(0 0 0 / .035);--bg-active: oklch(0 0 0 / .06);--fg-1: oklch(.225 .012 256);--fg-2: oklch(.4 .013 256);--fg-3: oklch(.53 .013 256);--fg-4: oklch(.64 .012 256);--border-1: oklch(0 0 0 / .09);--border-2: oklch(0 0 0 / .15);--border-focus: var(--vermilion-600);--accent: var(--vermilion-600);--accent-hover: var(--vermilion-500);--accent-press: var(--vermilion-700);--accent-tint: oklch(.665 .205 31 / .12);--on-accent: var(--paper-0);--accent-2: var(--mint-600);--accent-2-tint: oklch(.7 .13 182 / .14);--on-accent-2: var(--paper-0);--success: oklch(.62 .15 152);--warning: oklch(.68 .14 70);--danger: var(--red-500);--shadow-1: 0 1px 2px oklch(.42 .03 256 / .1), 0 2px 8px oklch(.42 .03 256 / .08);--shadow-2: 0 4px 14px oklch(.42 .03 256 / .12), 0 12px 30px oklch(.42 .03 256 / .1);--shadow-3: 0 10px 28px oklch(.42 .03 256 / .16), 0 28px 64px oklch(.42 .03 256 / .14);--glow-accent: 0 0 0 1px oklch(.62 .196 31 / .26), 0 6px 22px oklch(.62 .196 31 / .22);--glow-accent-2: 0 0 0 1px oklch(.7 .13 182 / .26), 0 6px 22px oklch(.7 .13 182 / .22)}.t-display{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display)}.t-h1{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1)}.t-h2{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2)}.t-h3{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}.t-h4{font-family:var(--font-display);font-weight:var(--fw-medium);font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4)}.t-lead{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-lg);line-height:var(--lh-lg);color:var(--fg-2)}.t-body{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-body);line-height:var(--lh-body)}.t-sm{font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-sm)}.t-xs{font-family:var(--font-sans);font-size:var(--fs-xs);line-height:var(--lh-xs)}.t-label{font-family:var(--font-mono);font-weight:var(--fw-medium);font-size:var(--fs-2xs);line-height:var(--lh-2xs);letter-spacing:var(--ls-2xs);text-transform:uppercase}.t-mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.fg-1{color:var(--fg-1)}.fg-2{color:var(--fg-2)}.fg-3{color:var(--fg-3)}.accent{color:var(--accent)}.accent-2{color:var(--accent-2)}
