:root{--color-bg: oklch(.985 .003 240);--color-bg-dim: oklch(.94 .006 240);--color-surface: oklch(.998 .001 240);--color-ink: oklch(.2 .01 240);--color-ink-soft: oklch(.5 .01 240);--color-ink-faint: oklch(.75 .01 240);--color-border: oklch(.9 .006 240);--color-accent: oklch(.55 .14 260);--color-accent-ink: oklch(.35 .1 260);--color-accent-soft: oklch(.9 .03 260);--color-accent-contrast: oklch(.99 .003 240);--color-chip-bg: oklch(.93 .006 240);--color-chip-ink: oklch(.4 .01 240);--color-danger: oklch(.5 .15 30);--color-danger-soft: oklch(.92 .025 30);--color-danger-ink: oklch(.42 .09 30);--focus-ring: 0 0 0 3px oklch(.55 .14 260 / 35%);--font-display: "Sora", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.625rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--content-width: 42rem;--wide-width: 60rem;--radius-xs: 7px;--radius-sm: 10px;--radius-md: 12px;--radius-full: 999px;--space-1: .5rem;--space-2: .875rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem}html[data-theme=dark]{--color-bg: oklch(.19 .012 250);--color-bg-dim: oklch(.15 .01 250);--color-surface: oklch(.24 .013 250);--color-ink: oklch(.95 .005 240);--color-ink-soft: oklch(.68 .01 240);--color-ink-faint: oklch(.45 .01 240);--color-border: oklch(1 0 0 / 10%);--color-accent: oklch(.72 .13 265);--color-accent-ink: oklch(.92 .02 265);--color-accent-soft: oklch(.34 .07 265 / 55%);--color-accent-contrast: oklch(.16 .02 250);--color-chip-bg: oklch(.28 .013 250);--color-chip-ink: oklch(.82 .01 240);--color-danger: oklch(.68 .16 30);--color-danger-soft: oklch(.32 .06 30 / 55%);--color-danger-ink: oklch(.88 .05 30);--focus-ring: 0 0 0 3px oklch(.72 .13 265 / 40%)}@media (prefers-color-scheme: dark){html:not([data-theme=light]):not([data-theme=dark]){--color-bg: oklch(.19 .012 250);--color-bg-dim: oklch(.15 .01 250);--color-surface: oklch(.24 .013 250);--color-ink: oklch(.95 .005 240);--color-ink-soft: oklch(.68 .01 240);--color-ink-faint: oklch(.45 .01 240);--color-border: oklch(1 0 0 / 10%);--color-accent: oklch(.72 .13 265);--color-accent-ink: oklch(.92 .02 265);--color-accent-soft: oklch(.34 .07 265 / 55%);--color-accent-contrast: oklch(.16 .02 250);--color-chip-bg: oklch(.28 .013 250);--color-chip-ink: oklch(.82 .01 240);--color-danger: oklch(.68 .16 30);--color-danger-soft: oklch(.32 .06 30 / 55%);--color-danger-ink: oklch(.88 .05 30);--focus-ring: 0 0 0 3px oklch(.72 .13 265 / 40%)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.01em;margin:0 0 var(--space-2) 0;color:var(--color-ink)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--space-2) 0;max-width:68ch}a{color:var(--color-accent)}button,input,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:.6rem 1.1rem;font-weight:600;transition:transform .08s ease,background-color .15s ease}button:active{transform:translateY(1px)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary,.btn-secondary,.btn-danger{display:inline-block;cursor:pointer;border-radius:var(--radius-sm);padding:.6rem 1.1rem;font-weight:600;text-decoration:none;text-align:center;transition:transform .08s ease,background-color .15s ease,filter .15s ease}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:translateY(1px)}.btn-primary{background:var(--color-accent);color:var(--color-accent-contrast);border:none}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:var(--color-chip-bg);color:var(--color-ink);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-ink-faint)}.btn-danger{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
