:root{--c-page: #efede7;--c-content: #f7f6f2;--c-surface: #ffffff;--c-surface-2: #f1efe8;--c-border: #e8e6de;--c-text: #2c2c2a;--c-text-muted: #5f5e5a;--c-text-faint: #97958d;--c-brand: #085041;--c-brand-active: #0f6e56;--c-brand-on: #e1f5ee;--c-brand-on-dim: #9fe1cb;--c-brand-hover: rgba(255, 255, 255, .08);--c-on-brand: #ffffff;--c-primary: #0f6e56;--c-primary-on: #ffffff;--c-scrim: rgba(20, 20, 18, .45);--cat-amber-bg: #faeeda;--cat-amber-fg: #854f0b;--cat-blue-bg: #e6f1fb;--cat-blue-fg: #185fa5;--cat-teal-bg: #e1f5ee;--cat-teal-fg: #0f6e56;--cat-coral-bg: #faece7;--cat-coral-fg: #993c1d;--cat-purple-bg: #eeedfe;--cat-purple-fg: #534ab7;--cat-pink-bg: #fbeaf0;--cat-pink-fg: #993556;--cat-red-bg: #fcebeb;--cat-red-fg: #a32d2d;--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--fs-sm: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 20px}:root[data-theme=dark]{--c-page: #161614;--c-content: #1f1f1d;--c-surface: #262624;--c-surface-2: #2f2f2c;--c-border: #34332e;--c-text: #eceae3;--c-text-muted: #b0aea4;--c-text-faint: #7e7c74;--c-brand: #085041;--c-brand-active: #0f6e56;--c-brand-on: #e1f5ee;--c-brand-on-dim: #9fe1cb;--c-brand-hover: rgba(255, 255, 255, .08);--c-on-brand: #ffffff;--c-primary: #0f6e56;--c-primary-on: #ffffff;--c-scrim: rgba(0, 0, 0, .6);--cat-amber-bg: #4a2e08;--cat-amber-fg: #fac775;--cat-blue-bg: #103351;--cat-blue-fg: #378add;--cat-teal-bg: #0e4a3b;--cat-teal-fg: #1d9e75;--cat-coral-bg: #4a1f12;--cat-coral-fg: #d85a30;--cat-purple-bg: #2c2663;--cat-purple-fg: #7f77dd;--cat-pink-bg: #4b1528;--cat-pink-fg: #d4537e;--cat-red-bg: #4a1a1a;--cat-red-fg: #e24b4a}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--fs-base);line-height:1.55;color:var(--c-text);background:var(--c-page);-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:500;margin:0}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}a{color:inherit;text-decoration:none}button{font-family:inherit}.ti{font-size:1.15em;line-height:1;vertical-align:-2px}::selection{background:var(--cat-teal-bg)}
