@import "https://fonts.googleapis.com/css2?family=Kanit:wght@500;600&family=Inconsolata:wght@400;500&display=swap";
:root{--color-ink:#282438;--color-ink-secondary:#524f5c;--color-accent:#db785e;--color-success:#7a8773;--color-lilac:#ccc7d6;--color-bg-page:#f6f3ec;--color-surface:#fff;--color-border:#ece7de;--color-accent-strong:#a84828;--color-accent-tint:#fbe7de;--color-success-strong:#5c6753;--color-success-tint:#eef1ea;--color-lilac-tint:#f0eef4;--color-text-muted:#8a8794;--color-error:#c0503f;--color-error-strong:#99332a;--color-error-tint:#fbe6e2;--color-warning:#c08a3e;--color-warning-strong:#855b1c;--color-warning-tint:#f9eeda;--color-info:#5c6480;--color-info-strong:#454c66;--color-info-tint:#eceef5;--modal-overlay:#28243866;--duration-instant:80ms;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--duration-progress:.48s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-standard:cubic-bezier(.2, 0, .2, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--font-heading:"Kanit", sans-serif;--font-body:"Inconsolata", monospace;--text-h1:22px;--text-h2:18px;--text-title:15px;--text-body:15px;--text-label:12px;--text-overline:11px;--leading-body:1.6;--text-brand-mark:16px;--radius-card:16px;--radius-control:10px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--border-hairline:1px solid var(--color-border);--control-height-primary:40px;--control-height-secondary:36px;--table-row-height:48px;--table-cell-padding-x:var(--space-4);--table-cell-padding-y:var(--space-2);--form-max-width:600px;--modal-width:540px;--layout-section-gap:32px;--layout-sidebar-width:240px;--layout-auth-form-width:380px;--avatar-size:32px;--card-max-width-narrow:480px;--skeleton-line-height:20px;--skeleton-block-height:72px;--skeleton-block-height-large:96px;--opacity-pulse-min:.55;--opacity-disabled:.7}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg-page);color:var(--color-ink-secondary);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body)}h1,h2,h3{font-family:var(--font-heading);color:var(--color-ink);margin:0;font-weight:500}a{color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-control)}