*{margin:0;padding:0;box-sizing:border-box}:root{--hue-blue: 230;--bg-1: oklch(.98 .004 var(--hue-blue));--bg-2: oklch(.95 .006 var(--hue-blue));--bg-3: oklch(.9 .008 var(--hue-blue));--bg-4: oklch(.86 .01 var(--hue-blue));--bg-5: oklch(.82 .012 var(--hue-blue));--bg-hover: oklch(.88 .009 var(--hue-blue));--bg-pressed: oklch(.84 .01 var(--hue-blue));--text-1: oklch(.18 .015 var(--hue-blue));--text-2: oklch(.3 .012 var(--hue-blue));--text-3: oklch(.42 .01 var(--hue-blue));--text-4: oklch(.55 .008 var(--hue-blue));--text-5: oklch(.66 .006 var(--hue-blue));--blue-1: oklch(.62 .1 var(--hue-blue));--blue-2: oklch(.57 .085 var(--hue-blue));--blue-3: oklch(.52 .07 var(--hue-blue));--blue-hover: oklch(.6 .095 var(--hue-blue));--blue-pressed: oklch(.5 .08 var(--hue-blue));--blue-disabled: oklch(.8 .015 var(--hue-blue));--success: oklch(.7 .12 170);--success-bg: oklch(.92 .05 170);--warning: oklch(.82 .12 85);--warning-bg: oklch(.94 .06 85);--error: oklch(.65 .16 30);--error-bg: oklch(.92 .06 30);--border-1: oklch(.82 .004 var(--hue-blue));--border-2: oklch(.72 .006 var(--hue-blue));--border-3-strong: oklch(.55 .008 var(--hue-blue));--focus-ring: var(--blue-2);--focus-shadow: 0 0 0 2px oklch(.57 .085 var(--hue-blue) / .55);--shadow-sm: 0 1px 2px oklch(0 0 0 / .12);--shadow-md: 0 4px 12px oklch(0 0 0 / .16);--shadow-lg: 0 12px 32px oklch(0 0 0 / .2);--shadow-sm-hover: 0 2px 4px oklch(0 0 0 / .14);--shadow-md-hover: 0 6px 18px oklch(0 0 0 / .18);--shadow-lg-hover: 0 16px 42px oklch(0 0 0 / .22);--btn-primary-bg: var(--blue-1);--btn-primary-bg-hover: var(--blue-hover);--btn-primary-bg-pressed: var(--blue-pressed);--btn-primary-text: white;--btn-subtle-bg: var(--bg-4);--btn-subtle-bg-hover: var(--bg-hover);--btn-subtle-border: var(--border-1);--btn-outline-border: var(--blue-3);--btn-outline-hover-bg: var(--bg-3);--btn-ghost-text: var(--text-2);--btn-ghost-hover-bg: var(--bg-3);--card-bg: var(--bg-3);--card-border: var(--border-1);--card-hover-bg: var(--bg-4);--input-bg: var(--bg-2);--input-border: var(--border-1);--input-focus-border: var(--blue-2);--table-header-bg: var(--bg-4);--table-row-hover-bg: var(--bg-5);--btn-primary-text-disabled: var(--text-5);--btn-primary-bg-disabled: var(--blue-disabled);--btn-subtle-text: var(--text-2);--btn-subtle-text-hover: var(--text-1);--btn-subtle-text-disabled: var(--text-5);--btn-subtle-bg-disabled: var(--bg-3);--btn-outline-text: var(--blue-1);--btn-outline-text-hover: var(--blue-2);--btn-outline-text-disabled: var(--text-5);--btn-outline-bg-disabled: transparent;--btn-outline-border-disabled: var(--border-1);--btn-ghost-text-hover: var(--text-1);--btn-ghost-text-pressed: var(--text-1);--btn-ghost-text-disabled: var(--text-5);--btn-ghost-bg-disabled: transparent;--input-text: var(--text-1);--input-placeholder-text: var(--text-5);--input-label-text: var(--text-2);--input-bg-hover: var(--bg-3);--input-border-hover: var(--border-2);--input-bg-disabled: var(--bg-3);--input-text-disabled: var(--text-5);--input-border-disabled: var(--border-1);--input-border-error: var(--error);--input-text-error: var(--error);--input-border-success: var(--success);--card-text: var(--text-2);--card-title-text: var(--text-1);--card-subtitle-text: var(--text-4);--card-shadow: var(--shadow-md);--table-bg: var(--bg-3);--table-border: var(--border-1);--table-header-text: var(--text-2);--table-row-bg: var(--bg-3);--table-row-text: var(--text-2);--table-row-border: var(--border-1);--table-row-bg-striped: var(--bg-4);--link-text: var(--blue-1);--link-text-hover: var(--blue-2);--link-text-visited: oklch(.48 .08 var(--hue-blue));--link-text-active: var(--blue-3);--modal-bg: var(--bg-3);--modal-shadow: var(--shadow-lg);--modal-overlay-bg: oklch(0 0 0 / .55);--divider-color: var(--border-1)}.dark{--bg-1: oklch(.14 .006 var(--hue-blue));--bg-2: oklch(.18 .007 var(--hue-blue));--bg-3: oklch(.22 .008 var(--hue-blue));--bg-4: oklch(.27 .009 var(--hue-blue));--bg-5: oklch(.32 .011 var(--hue-blue));--bg-hover: oklch(.3 .01 var(--hue-blue));--bg-pressed: oklch(.25 .009 var(--hue-blue));--text-1: oklch(.93 .003 var(--hue-blue));--text-2: oklch(.83 .0025 var(--hue-blue));--text-3: oklch(.73 .002 var(--hue-blue));--text-4: oklch(.65 .0018 var(--hue-blue));--text-5: oklch(.57 .0015 var(--hue-blue));--blue-1: oklch(.78 .11 var(--hue-blue));--blue-2: oklch(.72 .1 var(--hue-blue));--blue-3: oklch(.66 .09 var(--hue-blue));--border-1: oklch(.32 .005 var(--hue-blue));--border-2: oklch(.42 .0065 var(--hue-blue));--border-3-strong: oklch(.56 .008 var(--hue-blue));--shadow-sm: 0 1px 2px oklch(0 0 0 / .45);--shadow-md: 0 4px 18px oklch(0 0 0 / .55);--shadow-lg: 0 12px 42px oklch(0 0 0 / .65);--btn-primary-text-disabled: var(--text-5);--btn-primary-bg-disabled: var(--bg-4);--btn-subtle-text: var(--text-2);--btn-subtle-text-hover: var(--text-1);--btn-subtle-text-disabled: var(--text-5);--btn-subtle-bg-disabled: var(--bg-3);--btn-outline-text: var(--blue-1);--btn-outline-text-hover: var(--blue-2);--btn-outline-text-disabled: var(--text-5);--btn-outline-bg-disabled: transparent;--btn-outline-border-disabled: var(--border-2);--btn-ghost-text-hover: var(--text-1);--btn-ghost-text-pressed: var(--text-1);--btn-ghost-text-disabled: var(--text-5);--btn-ghost-bg-disabled: transparent;--input-bg-hover: var(--bg-3);--input-border-hover: var(--border-2);--table-row-bg-striped: var(--bg-4);--link-text: var(--blue-1);--link-text-hover: var(--blue-2);--link-text-visited: oklch(.7 .05 var(--hue-blue));--link-text-active: var(--blue-3);--modal-bg: var(--bg-2);--modal-shadow: var(--shadow-lg);--modal-overlay-bg: oklch(0 0 0 / .65);--divider-color: var(--border-2)}