@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Google+Sans+Display:wght@400;500;600;700&display=swap";:root{--purple-500: #7C6EF6;--purple-400: #9589FF;--purple-300: #A78BFA;--purple-wash: rgba(124, 110, 246, .1);--purple-edge: rgba(124, 110, 246, .2);--ink-950: #0E0F13;--ink-900: #12131A;--ink-850: #16171D;--ink-800: #1E1F27;--ink-700: #262730;--fog-50: #F0F0F3;--fog-300: #9B9CA7;--fog-500: #5F6070;--green-400: #34D399;--red-400: #F87171;--amber-400: #FBBF24;--blue-400: #60A5FA;--bg-base: var(--ink-950);--bg-surface: var(--ink-850);--bg-surface-raised: var(--ink-800);--bg-surface-overlay: var(--ink-700);--bg-input: var(--ink-900);--fg1: var(--fog-50);--fg2: var(--fog-300);--fg3: var(--fog-500);--fg-on-accent: #FFFFFF;--text-primary: var(--fg1);--text-secondary: var(--fg2);--text-tertiary: var(--fg3);--accent-primary: var(--purple-500);--accent-primary-hover: var(--purple-400);--accent-primary-subtle: var(--purple-wash);--accent-primary-edge: var(--purple-edge);--accent-green: var(--green-400);--accent-red: var(--red-400);--accent-amber: var(--amber-400);--accent-blue: var(--blue-400);--border-default: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .03);--border-focus: rgba(124, 110, 246, .65);--chart-1: var(--purple-500);--chart-2: var(--green-400);--chart-3: var(--blue-400);--chart-4: var(--amber-400);--chart-5: var(--red-400);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-3xl: 16px;--radius-pill: 100px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--shadow-card: 0 1px 3px rgba(0,0,0,.4);--shadow-mockup: 0 20px 60px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.04);--shadow-hero: 0 24px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04);--shadow-cta: 0 4px 24px rgba(124,110,246,.35);--shadow-cta-hover: 0 8px 32px rgba(124,110,246,.5);--glow-accent: 0 0 0 1px color-mix(in oklab, var(--accent-primary) 45%, transparent), 0 0 36px color-mix(in oklab, var(--accent-primary) 32%, transparent);--font: "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Google Sans Display", "Google Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--font-weight-medium: var(--fw-medium);--fs-display-xl: clamp(36px, 5vw, 56px);--fs-display-lg: clamp(28px, 4vw, 48px);--fs-display-md: clamp(26px, 3.5vw, 40px);--fs-display-sm: clamp(20px, 2.5vw, 28px);--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 16px;--fs-2xl: 18px;--lh-tight: 1.15;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.65;--lh-body: 1.6;--tracking-tight: -.03em;--tracking-snug: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-wider: .08em}@theme inline{ --color-bg-base: var(--bg-base); --color-bg-surface: var(--bg-surface); --color-bg-surface-raised: var(--bg-surface-raised); --color-bg-surface-overlay: var(--bg-surface-overlay); --color-text-primary: var(--text-primary); --color-text-secondary: var(--text-secondary); --color-text-tertiary: var(--text-tertiary); --color-accent-primary: var(--accent-primary); --color-accent-primary-hover: var(--accent-primary-hover); --color-accent-green: var(--accent-green); --color-accent-red: var(--accent-red); --color-accent-amber: var(--accent-amber); --color-accent-blue: var(--accent-blue); --color-border-default: var(--border-default); }@layer base{*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font);background-color:var(--bg-base);color:var(--text-primary);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100%}#root{min-height:100%}}.h1-hero{font-family:var(--font-display);font-size:var(--fs-display-xl);font-weight:var(--fw-bold);line-height:1.1;letter-spacing:var(--tracking-tight);color:var(--fg1)}.h2-section{font-family:var(--font-display);font-size:var(--fs-display-md);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);color:var(--fg1)}.h3-row{font-family:var(--font-display);font-size:var(--fs-display-sm);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);color:var(--fg1)}.h4-card{font-family:var(--font);font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:1.3;color:var(--fg1)}.eyebrow{font-family:var(--font);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent-primary)}.lede{font-family:var(--font);font-size:var(--fs-2xl);line-height:var(--lh-relaxed);color:var(--fg2)}.p,p.p{font-family:var(--font);font-size:var(--fs-lg);line-height:var(--lh-body);color:var(--fg2)}.body-sm{font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--fg2)}.meta{font-family:var(--font);font-size:var(--fs-sm);color:var(--fg3)}.tag{font-family:var(--font);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.02em;padding:2px 6px;border-radius:var(--radius-xs)}.quote{font-style:italic;color:var(--fg2);border-left:2px solid var(--accent-primary);padding-left:var(--space-3);font-size:var(--fs-base);line-height:1.5}code,.code{font-family:var(--font-mono);font-size:var(--fs-sm);background:var(--bg-surface-raised);border:1px solid var(--border-default);padding:2px 6px;border-radius:var(--radius-xs);color:var(--fg1)}.admin-input{background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:6px;padding:6px 10px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .12s ease}.admin-input:focus{border-color:var(--accent-primary)}.admin-input:disabled{opacity:.6;cursor:not-allowed}.prose{max-width:68ch;margin:0 auto;padding:var(--space-12) var(--space-6);color:var(--fg1);font-family:var(--font);font-size:17px;line-height:var(--lh-relaxed)}.prose h1{font-family:var(--font-display);font-size:var(--fs-display-lg);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.prose h2{font-family:var(--font-display);font-size:var(--fs-display-sm);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);margin-top:var(--space-12);margin-bottom:var(--space-3)}.prose h3{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);margin-top:var(--space-8);margin-bottom:var(--space-2)}.prose p,.prose ul,.prose ol,.prose blockquote{margin-bottom:var(--space-5);color:var(--fg2)}.prose a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--accent-primary-hover)}.prose ul,.prose ol{padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose blockquote{border-left:2px solid var(--accent-primary);padding-left:var(--space-4);color:var(--fg2);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-surface-raised);border:1px solid var(--border-default);padding:1px 6px;border-radius:var(--radius-xs);color:var(--fg1)}.prose pre{background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-5)}.prose pre code{background:transparent;border:0;padding:0}.prose hr{border:0;border-top:1px solid var(--border-default);margin:var(--space-10) 0}.prose figure{margin:var(--space-10) 0;text-align:center}.prose figure img,.prose figure svg{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:var(--radius-lg)}.prose figcaption{margin-top:var(--space-3);font-size:var(--fs-sm, 14px);color:var(--fg2);font-style:italic;line-height:1.5;max-width:60ch;margin-inline:auto}.prose img:not(figure img){display:block;max-width:100%;height:auto;margin:var(--space-10) auto;border-radius:var(--radius-lg)}.post-list{max-width:68ch;margin:0 auto;padding:var(--space-12) var(--space-6)}.post-list-item{display:block;padding:var(--space-6) 0;border-bottom:1px solid var(--border-default);text-decoration:none;color:inherit}.post-list-item:last-child{border-bottom:0}.post-list-item h2{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--fg1);margin-bottom:var(--space-2)}.post-list-item p{color:var(--fg2);margin-bottom:var(--space-2)}.post-list-item .meta{color:var(--fg3);font-size:var(--fs-sm)}.byline{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border-default);color:var(--fg3);font-size:var(--fs-sm)}.byline strong{color:var(--fg1);font-weight:var(--fw-semibold)}.blog-nav{padding:var(--space-6);display:flex;justify-content:space-between;align-items:center;max-width:960px;margin:0 auto}.blog-nav a{color:var(--fg2);text-decoration:none;font-size:var(--fs-sm)}.blog-nav a:hover{color:var(--fg1)}.blog-nav .brand{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--fg1);font-size:var(--fs-xl)}