:root{--green-900:#395723;--green-800:#4c5c3f;--green-700:#526e39;--green-600:#667c55;--green-500:#83a06c;--green-400:#adc586;--green-300:#afcaaf;--green-200:#c5dbbf;--green-100:#e1f3e7;--editor-950:#080c10;--editor-900:#0d1117;--editor-800:#161b22;--editor-700:#1c2128;--editor-600:#22272e;--editor-500:#30363d;--editor-400:#3d444d;--fg-100:#e1f3e7;--fg-200:#d4d4d4;--fg-300:#afcaaf;--fg-400:#849e6f;--fg-500:#4e5350;--fg-600:#41463d;--color-yellow:#ebc17a;--color-orange:#c78547;--color-red:#f07178;--color-blue:#769baa;--color-cyan:#9ac2be;--color-magenta:#b06698;--color-bg:var(--editor-800);--color-bg-secondary:var(--editor-900);--color-bg-inset:var(--editor-700);--color-surface:var(--editor-700);--color-surface-raised:var(--editor-600);--color-overlay:#0009;--color-text-primary:var(--fg-200);--color-text-secondary:#aab4bf;--color-text-muted:var(--fg-400);--color-text-disabled:var(--fg-600);--color-text-inverse:var(--editor-800);--color-text-on-accent:#fff;--color-border:var(--editor-500);--color-border-strong:var(--editor-400);--color-border-focus:var(--green-500);--color-accent:var(--green-500);--color-accent-hover:var(--green-400);--color-accent-active:var(--green-600);--color-accent-subtle:#2a3027;--color-accent-subtle-hover:#323829;--color-accent-text:var(--green-400);--color-accent-text-hover:var(--green-100);--color-signal:var(--color-yellow);--color-signal-hover:var(--color-orange);--color-signal-subtle:#2a2318;--color-signal-text:var(--color-yellow);--color-danger:var(--color-red);--color-danger-subtle:#2a1a1b;--color-code-bg:var(--editor-900);--color-code-surface:var(--editor-700);--color-code-text:var(--fg-200);--color-code-comment:var(--editor-400);--color-code-keyword:var(--green-400);--color-code-border:var(--editor-500);--font-display:"Fraunces",Georgia,serif;--font-body:"IBM Plex Sans",system-ui,sans-serif;--font-mono:"IBM Plex Mono","JetBrains Mono",monospace;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:1rem;--font-size-md:1.0625rem;--font-size-lg:1.1875rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.4;--line-height-base:1.6;--line-height-relaxed:1.8;--letter-spacing-tight:-.025em;--letter-spacing-snug:-.015em;--letter-spacing-normal:0em;--letter-spacing-wide:.05em;--letter-spacing-wider:.1em;--letter-spacing-widest:.2em;--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-20:80px;--space-24:96px;--space-32:128px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 4px #0000003d,0 1px 2px #00000029;--shadow-md:0 4px 12px #0000004d,0 1px 3px #0000002e;--shadow-lg:0 8px 24px #0000005c,0 2px 6px #0003;--shadow-xl:0 16px 48px #00000070,0 4px 12px #0000003d;--shadow-inset:inset 0 1px 3px #0003;--shadow-focus:0 0 0 3px #83a06c59;--transition-fast:.1s ease;--transition-base:.16s ease;--transition-slow:.26s ease;--transition-slower:.4s ease;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--content-width-sm:640px;--content-width-md:768px;--content-width-lg:1024px;--content-width-xl:1280px;--content-width-2xl:1440px;--header-height:64px}[data-theme=light]{--color-bg:#fefefe;--color-bg-secondary:#f1f1f1;--color-bg-inset:#e8e8e8;--color-surface:#fff;--color-surface-raised:#f8f8f8;--color-text-primary:#1e1e1e;--color-text-secondary:#526e39;--color-text-muted:#667c55;--color-text-disabled:#a7b69f;--color-text-inverse:#fefefe;--color-border:#dfdfdf;--color-border-strong:#c8c8c8;--color-border-focus:#526e39;--color-accent:#526e39;--color-accent-hover:#395723;--color-accent-active:#4c5c3f;--color-accent-subtle:#eaf3e5;--color-accent-subtle-hover:#d8ead0;--color-accent-text:#526e39;--color-accent-text-hover:#395723;--color-signal:#d6b24f;--color-signal-hover:#b8923a;--color-signal-subtle:#fdf5e0;--color-signal-text:#8a6f2e;--color-danger:#c0383f;--color-danger-subtle:#fdecea;--shadow-xs:0 1px 2px #1e1e1e0f;--shadow-sm:0 1px 4px #1e1e1e14,0 1px 2px #1e1e1e0a;--shadow-md:0 4px 12px #1e1e1e1a,0 1px 3px #1e1e1e0f;--shadow-lg:0 8px 24px #1e1e1e1f,0 2px 6px #1e1e1e0f;--shadow-xl:0 16px 48px #1e1e1e26,0 4px 12px #1e1e1e14;--shadow-focus:0 0 0 3px #526e394d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg);transition:background-color var(--transition-slow),color var(--transition-slow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-snug);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg);font-family:var(--font-body)}h6{font-size:var(--font-size-base);font-family:var(--font-body);font-weight:var(--font-weight-semibold)}p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:68ch}a{color:var(--color-accent-text);text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}a:hover{color:var(--color-accent-text-hover);text-decoration-color:currentColor}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px;border-radius:var(--radius-xs)}strong,b{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}small{font-size:var(--font-size-sm);color:var(--color-text-muted)}.label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-text-muted)}.display{font-family:var(--font-display);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:1.05}code,kbd,samp{font-family:var(--font-mono);font-size:.875em}:not(pre)>code{background:var(--color-accent-subtle);color:var(--color-accent-text);border-radius:var(--radius-xs);border:1px solid var(--color-accent-subtle);padding:.15em .4em}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);background:var(--color-code-bg);color:var(--color-code-text);border:1px solid var(--color-code-border);border-radius:var(--radius-md);padding:var(--space-6)var(--space-8);tab-size:2;overflow-x:auto}blockquote{border-left:3px solid var(--color-accent);padding:var(--space-3)var(--space-6);background:var(--color-accent-subtle);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--color-text-secondary);font-style:italic}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8)0}.btn{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);border:1.5px solid #0000;padding:.5625rem 1.125rem;line-height:1;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{color:var(--color-accent-text);border-color:var(--color-accent);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-accent-subtle);border-color:var(--color-accent-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-inset);color:var(--color-text-primary)}.btn-sm{font-size:var(--font-size-xs);border-radius:var(--radius-sm);padding:.375rem .75rem}.btn-lg{font-size:var(--font-size-base);border-radius:var(--radius-lg);padding:.75rem 1.5rem}.tag{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000;align-items:center;padding:.2rem .6rem;display:inline-flex}.tag-green{background:var(--color-accent-subtle);color:var(--color-accent-text);border-color:var(--green-600)}.tag-yellow{background:var(--color-signal-subtle);color:var(--color-signal-text);border-color:var(--color-yellow)}.tag-muted{background:var(--color-bg-inset);color:var(--color-text-muted);border-color:var(--color-border)}.input,input[type=text],input[type=email],input[type=search],input[type=url],input[type=password],textarea,select{width:100%;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;padding:.5rem .75rem;display:block}.input:focus,input:focus,textarea:focus,select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-disabled)}.container{width:100%;max-width:var(--content-width-xl);padding-left:var(--space-6);padding-right:var(--space-6);margin-left:auto;margin-right:auto}.section{padding-top:var(--space-24);padding-bottom:var(--space-24)}.section-sm{padding-top:var(--space-16);padding-bottom:var(--space-16)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:border-color var(--transition-slow),box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-inset{background:var(--color-bg-inset);border-color:var(--color-border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--editor-900)}::-webkit-scrollbar-thumb{background:var(--editor-500);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--green-600)}::selection{color:var(--fg-100);background:#83a06c54}
body{overflow-x:hidden}@media print{header,nav,footer,.no-print{display:none!important}body{color:#111!important;background:#fff!important}a{color:inherit;text-decoration:none}.MuiChip-root{color:#333!important;background:0 0!important;border:1px solid #ccc!important}section{page-break-inside:avoid}}