:root{--nord0: #2E3440;--nord1: #3B4252;--nord2: #434C5E;--nord3: #4C566A;--nord4: #D8DEE9;--nord5: #E5E9F0;--nord6: #ECEFF4;--nord7: #8FBCBB;--nord8: #88C0D0;--nord9: #81A1C1;--nord10: #5E81AC;--nord11: #BF616A;--nord12: #D08770;--nord13: #EBCB8B;--nord14: #A3BE8C;--nord15: #B48EAD}:root{--color-bg: #F2EFEA;--color-surface: #E9E5DF;--color-border: #D0CBC3;--color-text: var(--nord0);--color-text-secondary: var(--nord2);--color-accent: var(--nord10);--color-accent-light: color-mix(in srgb, var(--nord10) 12%, var(--nord6));--color-text-hover: var(--nord1);--color-error: var(--nord11);--color-error-bg: color-mix(in srgb, var(--nord11) 8%, var(--nord6));--color-rough: var(--nord3);--color-working: color-mix(in srgb, var(--nord13) 55%, var(--nord0));--color-settled: color-mix(in srgb, var(--nord14) 85%, var(--nord0));--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: clamp(2.5rem, 4vw, 3.5rem);--leading-tight: 1.2;--leading-normal: 1.6;--leading-relaxed: 1.75;--font-mono: "IBM Plex Mono", "Menlo", "Consolas", monospace;--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;--space-24: 6rem;--grid-cols: 12;--grid-gap: 1.5rem;--container-max: 1280px;--container-pad: clamp(1rem, 4vw, 2rem);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--duration-fast: .12s;--duration-normal: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--color-bg: var(--nord0);--color-surface: var(--nord1);--color-border: #606C7E;--color-text: var(--nord6);--color-text-secondary: var(--nord4);--color-accent: var(--nord8);--color-accent-light: color-mix(in srgb, var(--nord8) 15%, var(--nord0));--color-text-hover: var(--nord5);--color-error: var(--nord11);--color-error-bg: color-mix(in srgb, var(--nord11) 12%, var(--nord0));--color-rough: var(--nord4);--color-working: var(--nord13);--color-settled: var(--nord14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body{line-height:var(--leading-normal);min-height:100vh}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid transparent}.badge--notes{color:var(--color-text);background:color-mix(in srgb,var(--color-rough) 10%,var(--color-bg));border-color:var(--color-rough)}.badge--ideas{color:var(--color-text);background:color-mix(in srgb,var(--color-working) 10%,var(--color-bg));border-color:var(--color-working)}.badge--reflections{color:var(--color-text);background:color-mix(in srgb,var(--color-settled) 10%,var(--color-bg));border-color:var(--color-settled)}mark{background:var(--color-accent-light);color:var(--color-text);border-radius:var(--radius-sm);padding:0 2px}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.grid{display:grid;gap:var(--grid-gap)}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(min-width:1280px){.grid--auto{grid-template-columns:repeat(3,1fr)}}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--color-bg);color:var(--color-text);border:2px solid var(--color-accent);border-radius:var(--radius-sm);font-size:var(--text-sm);text-decoration:none;transition:top var(--duration-fast)}.skip-link:focus{top:var(--space-2)}