@import "https://fonts.googleapis.com/css2?family=Anuphan:wght@300;400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=DM+Mono:wght@400;500&display=swap";:root{--clay-50:#faf6f1;--clay-100:#f3e9dd;--clay-200:#e7d5c1;--clay-300:#d4b89c;--clay-400:#b68e68;--clay-500:#8a6240;--clay-600:#6b4423;--clay-700:#543620;--clay-800:#3d2a1b;--clay-900:#2a1d13;--stone-0:#fff;--stone-50:#faf9f7;--stone-100:#f4f2ee;--stone-200:#e9e5df;--stone-300:#d8d2c8;--stone-400:#b3ab9e;--stone-500:#8a8174;--stone-600:#645c50;--stone-700:#443e36;--stone-800:#2b2722;--stone-900:#1a1714;--green-50:#e9f4ee;--green-100:#cde7d8;--green-500:#1a7a45;--green-600:#156338;--amber-50:#fbf1dd;--amber-100:#f6e2b8;--amber-500:#b5830c;--amber-600:#946a07;--red-50:#fbebe9;--red-100:#f5d2cd;--red-500:#c0392b;--red-600:#9e2c20;--bg-app:var(--stone-50);--bg-subtle:var(--stone-100);--surface-card:var(--stone-0);--surface-sand:var(--clay-100);--surface-sand-soft:var(--clay-50);--surface-inverse:var(--clay-800);--text-primary:var(--stone-800);--text-secondary:var(--stone-600);--text-tertiary:var(--stone-500);--text-on-brand:#fff;--text-on-sand:var(--clay-700);--brand:var(--clay-600);--brand-hover:var(--clay-700);--brand-press:var(--clay-800);--brand-soft:var(--clay-100);--brand-tint:var(--clay-50);--on-brand:#fff;--border-subtle:var(--stone-200);--border-default:var(--stone-300);--border-strong:var(--stone-400);--ring:#6b442347;--ring-offset:var(--stone-0);--success:var(--green-500);--success-soft:var(--green-50);--warning:var(--amber-500);--warning-soft:var(--amber-50);--danger:var(--red-500);--danger-soft:var(--red-50);--star:#e0a83e;--font-sans:"Anuphan", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Newsreader", "Anuphan", Georgia, serif;--font-mono:"DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tighter:-.02em;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.08em;--tracking-code:.12em;--type-display:var(--fw-medium) var(--text-3xl)/var(--leading-tight) var(--font-display);--type-h1:var(--fw-semibold) var(--text-2xl)/var(--leading-tight) var(--font-sans);--type-h2:var(--fw-semibold) var(--text-xl)/var(--leading-snug) var(--font-sans);--type-h3:var(--fw-semibold) var(--text-lg)/var(--leading-snug) var(--font-sans);--type-body:var(--fw-regular) var(--text-base)/var(--leading-normal) var(--font-sans);--type-label:var(--fw-medium) var(--text-sm)/var(--leading-snug) var(--font-sans);--type-caption:var(--fw-regular) var(--text-xs)/var(--leading-snug) var(--font-sans);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--radius-full:50%;--border-hairline:1px solid var(--border-subtle);--border-thin:1px solid var(--border-default);--shadow-xs:0 1px 2px #2a1d130d;--shadow-sm:0 1px 3px #2a1d1312, 0 1px 2px #2a1d130a;--shadow-md:0 4px 16px #2a1d1314;--shadow-lg:0 12px 30px #2a1d131a;--shadow-xl:0 24px 56px #2a1d1324;--shadow-focus:0 0 0 3px var(--ring);--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-inout:cubic-bezier(.45, 0, .25, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--z-base:1;--z-sticky:100;--z-overlay:500;--z-modal:1000;--z-toast:1500;--container-app:420px;--container-wide:680px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}:where(h1,h2,h3,h4,p,figure){margin:0}:where(button){font-family:inherit}:where(a){color:var(--brand);text-decoration:none}::selection{background:var(--clay-200);color:var(--clay-800)}.tnum{font-variant-numeric:tabular-nums}