@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg-light:#f5f3f1;--color-surface-light:#edeae7;--color-surface-alt-light:#e4e0dc;--color-border-light:#00000014;--color-fg-light:#1a1818;--color-fg2-light:#4a4644;--color-fg3-light:#7a7570;--color-bg-dark:#1a1818;--color-surface-dark:#252222;--color-surface-alt-dark:#2f2b2b;--color-border-dark:#ffffff14;--color-fg-dark:#ede9e6;--color-fg2-dark:#bdb8b4;--color-fg3-dark:#9a9490;--color-mauve:#b08c9a;--color-lilac:#9a96b4;--color-plum:#7a6375;--color-rose-tint:#d4bdc5;--color-mauve-dark:#c9a8b8;--color-lilac-dark:#b3b0ce}:root,[data-theme=light]{--bg:var(--color-bg-light);--surface:var(--color-surface-light);--surface-alt:var(--color-surface-alt-light);--border:var(--color-border-light);--fg:var(--color-fg-light);--fg2:var(--color-fg2-light);--fg3:var(--color-fg3-light);--accent:var(--color-mauve);--accent-secondary:var(--color-lilac);--accent-dark:var(--color-plum);--accent-tint:var(--color-rose-tint);--shadow-card:0 1px 3px #00000012, 0 4px 12px #0000000d;--shadow-elevated:0 8px 24px #0000001f;--shadow-card-hover:0 2px 6px #00000017, 0 8px 20px #00000014}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--color-bg-dark);--surface:var(--color-surface-dark);--surface-alt:var(--color-surface-alt-dark);--border:var(--color-border-dark);--fg:var(--color-fg-dark);--fg2:var(--color-fg2-dark);--fg3:var(--color-fg3-dark);--accent:var(--color-mauve-dark);--accent-secondary:var(--color-lilac-dark);--accent-dark:var(--color-rose-tint);--accent-tint:#b08c9a26;--shadow-card:0 1px 3px #0000004d, 0 4px 12px #0003;--shadow-elevated:0 8px 24px #0006;--shadow-card-hover:0 2px 6px #0006, 0 8px 20px #0000004d}}[data-theme=dark]{--bg:var(--color-bg-dark);--surface:var(--color-surface-dark);--surface-alt:var(--color-surface-alt-dark);--border:var(--color-border-dark);--fg:var(--color-fg-dark);--fg2:var(--color-fg2-dark);--fg3:var(--color-fg3-dark);--accent:var(--color-mauve-dark);--accent-secondary:var(--color-lilac-dark);--accent-dark:var(--color-rose-tint);--accent-tint:#b08c9a26;--shadow-card:0 1px 3px #0000004d, 0 4px 12px #0003;--shadow-elevated:0 8px 24px #0006;--shadow-card-hover:0 2px 6px #0006, 0 8px 20px #0000004d}:root{--font-display:"DM Serif Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:20px;--text-lg:24px;--text-xl:32px;--text-2xl:48px;--text-3xl:64px;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.03em;--tracking-wider:.06em;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--h1-font:var(--font-display);--h1-size:var(--text-3xl);--h1-weight:var(--weight-normal);--h1-leading:var(--leading-tight);--h1-tracking:var(--tracking-tight);--h2-font:var(--font-display);--h2-size:var(--text-2xl);--h2-weight:var(--weight-normal);--h2-leading:var(--leading-tight);--h2-tracking:var(--tracking-tight);--h3-font:var(--font-display);--h3-size:var(--text-xl);--h3-weight:var(--weight-normal);--h3-leading:var(--leading-snug);--h3-tracking:var(--tracking-normal);--h4-font:var(--font-body);--h4-size:var(--text-md);--h4-weight:var(--weight-semibold);--h4-leading:var(--leading-snug);--h4-tracking:var(--tracking-normal);--body-font:var(--font-body);--body-size:var(--text-base);--body-weight:var(--weight-normal);--body-leading:var(--leading-relaxed);--body-sm-size:var(--text-sm);--body-sm-leading:var(--leading-normal);--label-font:var(--font-body);--label-size:var(--text-xs);--label-weight:var(--weight-medium);--label-tracking:var(--tracking-wide);--code-font:var(--font-mono);--code-size:var(--text-sm);--code-weight:var(--weight-normal);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--max-width:1100px;--nav-height:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased}h1{font-family:var(--h1-font);font-size:var(--h1-size);font-weight:var(--h1-weight);line-height:var(--h1-leading);letter-spacing:var(--h1-tracking)}h2{font-family:var(--h2-font);font-size:var(--h2-size);font-weight:var(--h2-weight);line-height:var(--h2-leading);letter-spacing:var(--h2-tracking)}h3{font-family:var(--h3-font);font-size:var(--h3-size);font-weight:var(--h3-weight);line-height:var(--h3-leading)}h4{font-family:var(--h4-font);font-size:var(--h4-size);font-weight:var(--h4-weight);line-height:var(--h4-leading)}p{font-size:var(--body-size);line-height:var(--body-leading);color:var(--fg2)}code,pre{font-family:var(--code-font);font-size:var(--code-size)}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-dark)}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}.btn-primary{transition:background .15s,transform .15s!important}.btn-primary:hover{background:var(--accent-dark)!important}.btn-primary:active{transform:scale(.98)!important}.btn-secondary{transition:background .15s,border-color .15s!important}.btn-secondary:hover{background:var(--accent-tint)!important}.btn-ghost{transition:opacity .15s!important}.btn-ghost:hover{opacity:.65!important}.btn-icon{transition:opacity .15s!important}.btn-icon:hover{opacity:.65!important}