@font-face{font-family:SN Pro;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/sn-pro.woff2)format("woff2")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-tight.woff2)format("woff2")}@font-face{font-family:Hanuman;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/source-serif-4.woff2)format("woff2")}@font-face{font-family:Sono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono.woff2)format("woff2")}@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/comfortaa.woff2)format("woff2")}:root{--tandem-font-sans:"SN Pro", "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tandem-font-serif:"Hanuman", "Source Serif Pro", Charter, "Iowan Old Style", Georgia, serif;--tandem-font-mono:"Sono", ui-monospace, "SF Mono", Menlo, monospace;--tandem-text-2xs:10px;--tandem-text-xs:11px;--tandem-text-sm:12px;--tandem-text-base:13px;--tandem-text-md:14px;--tandem-text-lg:17px;--tandem-text-xl:20px;--tandem-text-2xl:28px;--tandem-text-3xl:48px;--tandem-h1-font:var(--tandem-font-serif);--tandem-h1-size:calc(var(--tandem-text-lg) * 2);--tandem-h1-weight:600;--tandem-h1-leading:1.15;--tandem-h1-tracking:-.02em;--tandem-h2-font:var(--tandem-font-serif);--tandem-h2-size:calc(var(--tandem-text-lg) * 1.4);--tandem-h2-weight:600;--tandem-h2-leading:1.2;--tandem-h2-tracking:-.015em;--tandem-body-font:var(--tandem-font-sans);--tandem-body-size:var(--tandem-editor-font-size,17px);--tandem-body-leading:1.65;--tandem-ui-font:var(--tandem-font-sans);--tandem-ui-size:var(--tandem-text-base);--tandem-ui-leading:1.4;--tandem-code-font:var(--tandem-font-mono);--tandem-code-size:var(--tandem-text-sm);--tandem-editor-font-family:var(--tandem-font-sans);--tandem-editor-font-size:17px;--tandem-bg:oklch(98.5% .004 80);--tandem-surface:oklch(100% 0 0);--tandem-surface-muted:oklch(97.5% .005 80);--tandem-surface-sunk:oklch(96% .006 80);--tandem-fg:oklch(22% .012 280);--tandem-fg-muted:oklch(48% .008 280);--tandem-fg-subtle:oklch(54% .008 280);--tandem-fg-faint:oklch(50% .005 280);--tandem-border:oklch(92% .005 280);--tandem-border-strong:oklch(86% .006 280);--tandem-accent-h:275deg;--tandem-accent:oklch(.52 .16 var(--tandem-accent-h));--tandem-accent-fg:oklch(.99 .005 var(--tandem-accent-h));--tandem-accent-bg:oklch(.95 .03 var(--tandem-accent-h));--tandem-accent-fg-strong:oklch(.42 .18 var(--tandem-accent-h));--tandem-accent-border:oklch(.84 .1 var(--tandem-accent-h));--tandem-author-user:oklch(55% .14 245);--tandem-author-claude:#d97757;--tandem-author-claude-fg:oklch(24% .03 55);--tandem-claude-focus-bg:color-mix(in srgb, var(--tandem-author-claude) 10%, transparent);--tandem-claude-focus-border:color-mix(in srgb, var(--tandem-author-claude) 40%, transparent);--tandem-author-user-bg:color-mix(in srgb, var(--tandem-author-user) 10%, var(--tandem-surface));--tandem-author-claude-bg:color-mix(in srgb, var(--tandem-author-claude) 10%, var(--tandem-surface));--tandem-filetype-txt:oklch(62% .04 280);--tandem-filetype-html:oklch(55% .14 150);--tandem-success:oklch(55% .14 150);--tandem-success-fg:#fff;--tandem-success-fg-strong:#166534;--tandem-success-bg:color-mix(in srgb, var(--tandem-success) 10%, var(--tandem-surface));--tandem-success-border:color-mix(in srgb, var(--tandem-success) 40%, var(--tandem-border));--tandem-warning:oklch(62% .16 65);--tandem-warning-fg:#fff;--tandem-warning-fg-strong:#92400e;--tandem-warning-bg:color-mix(in srgb, var(--tandem-warning) 10%, var(--tandem-surface));--tandem-warning-border:color-mix(in srgb, var(--tandem-warning) 40%, var(--tandem-border));--tandem-error:oklch(55% .18 25);--tandem-error-fg:#fff;--tandem-error-fg-strong:#991b1b;--tandem-error-bg:color-mix(in srgb, var(--tandem-error) 10%, var(--tandem-surface));--tandem-error-border:color-mix(in srgb, var(--tandem-error) 40%, var(--tandem-border));--tandem-info:oklch(58% .2 258);--tandem-info-fg:#fff;--tandem-info-fg-strong:oklch(38% .16 258);--tandem-info-bg:color-mix(in srgb, var(--tandem-info) 10%, var(--tandem-surface));--tandem-info-border:color-mix(in srgb, var(--tandem-info) 40%, var(--tandem-border));--tandem-suggestion:oklch(52% .18 305);--tandem-suggestion-fg-strong:#5b21b6;--tandem-suggestion-bg:color-mix(in srgb, var(--tandem-suggestion) 10%, var(--tandem-surface));--tandem-suggestion-border:color-mix(in srgb, var(--tandem-suggestion) 40%, var(--tandem-border));--tandem-highlight-yellow:#ffeb3b4d;--tandem-highlight-green:#4caf504d;--tandem-highlight-blue:#2196f34d;--tandem-highlight-pink:#ec48994d;--tandem-space-1:4px;--tandem-space-2:8px;--tandem-space-3:12px;--tandem-space-4:16px;--tandem-space-5:24px;--tandem-space-6:32px;--tandem-space-7:48px;--tandem-r-1:2px;--tandem-r-2:4px;--tandem-r-3:6px;--tandem-r-4:8px;--tandem-r-5:12px;--tandem-r-pill:9999px;--tandem-r-circle:50%;--tandem-shadow-1:0 1px 2px #00000014;--tandem-shadow-2:0 8px 24px #0000001f;--tandem-shadow-3:0 20px 60px #0003;--tandem-shadow-4:0 16px 48px #0000002e;--c7-pill-shadow:0 1px 1px #0000000a, 0 6px 14px -6px #0000001a, 0 22px 38px -22px #00000029;--tandem-rail-shadow-left:4px 0 16px -8px #0000002e, 1px 0 1px #00000008;--tandem-rail-shadow-right:-4px 0 16px -8px #0000002e, -1px 0 1px #00000008;--tandem-page-bg:#e8e8e8;--tandem-page-paper:#fff;--tandem-page-shadow:0 2px 8px #00000026;--tandem-scrollbar-track:oklch(96% .006 80);--tandem-scrollbar-thumb:oklch(82% .005 280);--tandem-h-fmtbar:36px;--tandem-fmtbar-top:52px;--tandem-rail-top-clearance:52px;--tandem-status-clearance:36px;--tandem-status-clearance-total:calc(var(--tandem-status-clearance) + var(--tandem-space-5,24px));--tandem-z-base:1;--tandem-z-dropdown:10;--tandem-z-sticky:100;--tandem-z-overlay:900;--tandem-z-modal:1000;--tandem-z-toast:1100;--tandem-z-tooltip:10000;--tandem-z-titlebar:99999;--tandem-z-above-titlebar:100000;--tandem-swatch-light:oklch(100% 0 0);--tandem-swatch-dark:oklch(22% .012 280);--tandem-swatch-warm:oklch(94.5% .012 70);--tandem-fade-dist:16px;--tandem-selection-blurred-bg:color-mix(in srgb, var(--tandem-accent) 22%, transparent)}[data-theme=dark]{--tandem-bg:oklch(22% .012 280);--tandem-surface:oklch(27% .012 280);--tandem-surface-muted:oklch(25% .012 280);--tandem-surface-sunk:oklch(20% .012 280);--tandem-fg:oklch(94% .006 280);--tandem-fg-muted:oklch(74% .008 280);--tandem-fg-subtle:oklch(70% .008 280);--tandem-fg-faint:oklch(65% .008 280);--tandem-border:oklch(34% .01 280);--tandem-border-strong:oklch(42% .012 280);--tandem-accent:oklch(.72 .14 var(--tandem-accent-h));--tandem-accent-fg:oklch(.15 .01 var(--tandem-accent-h));--tandem-accent-bg:oklch(.3 .05 var(--tandem-accent-h));--tandem-accent-fg-strong:oklch(.85 .14 var(--tandem-accent-h));--tandem-accent-border:oklch(.45 .14 var(--tandem-accent-h));--tandem-author-user:oklch(72% .13 245);--tandem-author-claude:#e89a78;--tandem-author-claude-fg:oklch(24% .03 55);--tandem-claude-focus-bg:color-mix(in srgb, var(--tandem-author-claude) 10%, transparent);--tandem-claude-focus-border:color-mix(in srgb, var(--tandem-author-claude) 40%, transparent);--tandem-author-user-bg:#11243f;--tandem-author-claude-bg:#4d2419;--tandem-filetype-txt:oklch(79% .03 280);--tandem-filetype-html:oklch(72% .13 150);--tandem-success:#22c55e;--tandem-success-fg:#0f172a;--tandem-success-fg-strong:#bbf7d0;--tandem-success-bg:#052e16;--tandem-success-border:#14532d;--tandem-warning:#fbbf24;--tandem-warning-fg:#0f172a;--tandem-warning-fg-strong:#fde68a;--tandem-warning-bg:#451a03;--tandem-warning-border:#78350f;--tandem-error:#ef4444;--tandem-error-fg:#0f172a;--tandem-error-fg-strong:#fca5a5;--tandem-error-bg:#450a0a;--tandem-error-border:#7f1d1d;--tandem-info:#3b82f6;--tandem-info-fg:#0f172a;--tandem-info-fg-strong:#bfdbfe;--tandem-info-bg:#0c4a6e;--tandem-info-border:#0369a1;--tandem-suggestion:#a78bfa;--tandem-suggestion-fg-strong:#ddd6fe;--tandem-suggestion-bg:#2e1065;--tandem-suggestion-border:#4c1d95;--tandem-highlight-yellow:#ffdc0061;--tandem-highlight-green:#48c85061;--tandem-highlight-blue:#38a8ff61;--tandem-highlight-pink:#f050a061;--tandem-selection-blurred-bg:color-mix(in srgb, var(--tandem-accent) 32%, transparent);--tandem-scrollbar-track:oklch(16% .012 270);--tandem-scrollbar-thumb:oklch(38% .014 270);--tandem-page-bg:#2a2a2a;--tandem-page-paper:#1a1a1a;--tandem-page-shadow:0 2px 12px #0006;--tandem-rail-shadow-left:4px 0 18px -6px #0000008c, 1px 0 1px #00000040;--tandem-rail-shadow-right:-4px 0 18px -6px #0000008c, -1px 0 1px #00000040;--c7-pill-shadow:0 1px 1px #0000004d, 0 6px 14px -6px #0006, 0 22px 38px -22px #00000080}[data-theme=warm]{--tandem-bg:oklch(94.5% .012 70);--tandem-surface:oklch(97.5% .005 75);--tandem-surface-muted:oklch(96% .01 75);--tandem-surface-sunk:oklch(92% .014 65);--tandem-border:oklch(91% .006 75);--tandem-border-strong:oklch(84% .008 75);--tandem-fg:oklch(22% .012 280);--tandem-fg-muted:oklch(48% .008 280);--tandem-fg-subtle:oklch(54% .008 280);--tandem-fg-faint:oklch(50% .005 280);--tandem-scrollbar-track:oklch(94% .012 70);--tandem-scrollbar-thumb:oklch(78% .01 75);--tandem-page-bg:oklch(92.5% .012 70);--tandem-page-paper:oklch(98.5% .005 75);--tandem-page-shadow:0 2px 8px oklch(0% 0 0/.12);--c7-pill-shadow:0 1px 1px oklch(0% 0 0/.03), 0 4px 10px -4px oklch(0% 0 0/.1), 0 16px 30px -18px oklch(0% 0 0/.18)}[data-density=compact]{--tandem-space-1:2px;--tandem-space-2:6px;--tandem-space-3:10px;--tandem-space-4:12px;--tandem-space-5:16px;--tandem-space-6:24px;--tandem-space-7:36px}[data-density=spacious]{--tandem-space-1:6px;--tandem-space-2:12px;--tandem-space-3:16px;--tandem-space-4:24px;--tandem-space-5:32px;--tandem-space-6:48px;--tandem-space-7:64px}.tandem-floating-pill{background:var(--tandem-surface);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-pill);box-shadow:var(--c7-pill-shadow);-webkit-backdrop-filter:saturate(140%)blur(8px)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--tandem-font-sans);font-size:var(--tandem-text-base);line-height:var(--tandem-ui-leading);color:var(--tandem-fg);background:var(--tandem-bg);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased}.tandem-h1{font-family:var(--tandem-h1-font);font-size:var(--tandem-h1-size);font-weight:var(--tandem-h1-weight);line-height:var(--tandem-h1-leading);letter-spacing:var(--tandem-h1-tracking);color:var(--tandem-fg)}.tandem-h2{font-family:var(--tandem-h2-font);font-size:var(--tandem-h2-size);font-weight:var(--tandem-h2-weight);line-height:var(--tandem-h2-leading);letter-spacing:var(--tandem-h2-tracking);color:var(--tandem-fg)}.tandem-body{font-family:var(--tandem-body-font);font-size:var(--tandem-body-size);line-height:var(--tandem-body-leading);color:var(--tandem-fg)}.tandem-ui{font-family:var(--tandem-ui-font);font-size:var(--tandem-ui-size);line-height:var(--tandem-ui-leading)}.tandem-mono{font-family:var(--tandem-code-font);font-size:var(--tandem-code-size)}.tandem-label{font-family:var(--tandem-font-mono);font-size:var(--tandem-text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--tandem-fg-faint)}::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none;-ms-overflow-style:none}.tandem-fade-y{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--tandem-fade-dist), black calc(100% - var(--tandem-fade-dist)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--tandem-fade-dist), black calc(100% - var(--tandem-fade-dist)), transparent 100%)}.tandem-fade-x{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--tandem-fade-dist), black calc(100% - var(--tandem-fade-dist)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--tandem-fade-dist), black calc(100% - var(--tandem-fade-dist)), transparent 100%)}