@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--green-50: #F4F8EC;--green-100: #E6F0D4;--green-200: #CDE0A9;--green-300: #AECB76;--green-400: #8FB54C;--green-500: #6E9A32;--green-600: #5C8329;--green-700: #486620;--green-800: #38501A;--green-900: #2C3F16;--teal-50: #ECF4F3;--teal-100: #CFE5E3;--teal-300: #6FB0AC;--teal-500: #2E7D78;--teal-700: #205E5A;--teal-900: #143C39;--n-0: #FFFFFF;--n-50: #F7F8F6;--n-100: #EFF1ED;--n-200: #E1E4DF;--n-300: #C9CDC7;--n-400: #A7ADA6;--n-500: #7E847D;--n-600: #5C625B;--n-700: #424742;--n-800: #2A2E2A;--n-900: #15171A;--ink: #0B0C0D;--fg-1: var(--n-900);--fg-2: var(--n-700);--fg-3: var(--n-500);--fg-4: var(--n-400);--fg-on-green: #FFFFFF;--fg-accent: var(--green-700);--bg-1: var(--n-0);--bg-2: var(--n-50);--bg-3: var(--n-100);--bg-inverse: var(--green-900);--bg-brand: var(--green-500);--border-1: var(--n-200);--border-2: var(--n-300);--border-strong: var(--n-400);--focus-ring: color-mix(in srgb, var(--green-500) 55%, transparent);--success: #4E8A1F;--success-bg: #EAF3DD;--warning: #B7791F;--warning-bg: #F8EFD7;--danger: #B33A2B;--danger-bg: #F7E2DE;--info: var(--teal-500);--info-bg: var(--teal-50);--font-sans: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Consolas", monospace;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--w-extrabold: 800;--t-display: 600 clamp(2.6rem, 1.6rem + 3.6vw, 4rem)/1.06 var(--font-sans);--t-h1: 700 clamp(2rem, 1.4rem + 2.4vw, 3rem)/1.12 var(--font-sans);--t-h2: 700 clamp(1.6rem, 1.2rem + 1.4vw, 2.25rem)/1.18 var(--font-sans);--t-h3: 600 1.5rem/1.25 var(--font-sans);--t-h4: 600 1.25rem/1.3 var(--font-sans);--t-lead: 400 1.25rem/1.6 var(--font-sans);--t-body: 400 1rem/1.65 var(--font-sans);--t-small: 400 .875rem/1.55 var(--font-sans);--t-caption: 500 .75rem/1.4 var(--font-sans);--t-overline: 600 .75rem/1.2 var(--font-sans);--t-mono: 400 .875rem/1.55 var(--font-mono);--track-tight: -.02em;--track-normal: 0;--track-overline: .14em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(20,23,26,.06);--shadow-sm: 0 1px 3px rgba(20,23,26,.08), 0 1px 2px rgba(20,23,26,.04);--shadow-md: 0 4px 12px rgba(20,23,26,.08), 0 2px 4px rgba(20,23,26,.04);--shadow-lg: 0 12px 32px rgba(20,23,26,.12), 0 4px 8px rgba(20,23,26,.05);--shadow-brand: 0 10px 28px rgba(46,63,22,.22);--container: 1200px;--ease-standard: cubic-bezier(.22, .61, .36, 1);--ease-emphasis: cubic-bezier(.16, 1, .3, 1)}.ds-prose{color:var(--fg-2);font:var(--t-body)}.ds-prose h1{font:var(--t-h1);color:var(--fg-1);letter-spacing:var(--track-tight);margin:0 0 .4em}.ds-prose h2{font:var(--t-h2);color:var(--fg-1);letter-spacing:var(--track-tight);margin:1.4em 0 .4em}.ds-prose h3{font:var(--t-h3);color:var(--fg-1);margin:1.2em 0 .3em}.ds-prose h4{font:var(--t-h4);color:var(--fg-1);margin:1em 0 .3em}.ds-prose p{font:var(--t-body);margin:0 0 1em;max-width:68ch}.ds-prose .lead{font:var(--t-lead);color:var(--fg-2)}.ds-prose small{font:var(--t-small);color:var(--fg-3)}.ds-prose a{color:var(--green-700);text-underline-offset:2px}.ds-prose code{font:var(--t-mono);background:var(--bg-3);padding:.12em .4em;border-radius:var(--radius-xs)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:var(--t-body);color:var(--fg-2);background:var(--bg-2);-webkit-font-smoothing:antialiased}button{font-family:var(--font-sans)}h1,h2,h3,h4{color:var(--fg-1);margin:0;letter-spacing:var(--track-tight)}.overline{font:var(--t-overline);letter-spacing:var(--track-overline);text-transform:uppercase;color:var(--green-700)}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.workspace{display:grid;grid-template-columns:320px 1fr 380px;gap:var(--space-4);padding:var(--space-4);min-height:0;overflow:hidden}.region{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden}.region__head{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-1)}.region__title{font:var(--t-h4);color:var(--fg-1)}.region__body{padding:var(--space-4);overflow-y:auto;min-height:0}.region__body--flush{padding:0;overflow:hidden;flex:1}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:var(--bg-1);border-bottom:1px solid var(--border-1)}.header__brand{display:flex;align-items:center;gap:var(--space-4)}.header__brand img{height:30px;display:block}.header__divider{width:1px;height:26px;background:var(--border-2)}.header__title{font:var(--t-h4);color:var(--fg-1)}.header__title small{display:block;font:var(--t-caption);color:var(--fg-3);text-transform:none;letter-spacing:0}.btn{font:var(--t-small);font-weight:var(--w-semibold);border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background .15s var(--ease-standard),transform .12s var(--ease-standard);display:inline-flex;align-items:center;gap:var(--space-2)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--green-500);color:var(--fg-on-green);box-shadow:var(--shadow-brand)}.btn--primary:hover{background:var(--green-600)}.btn--ghost{background:transparent;border-color:var(--border-2);color:var(--fg-1)}.btn--ghost:hover{background:var(--green-50);border-color:var(--green-300)}.btn--subtle{background:var(--bg-3);color:var(--fg-1)}.btn--subtle:hover{background:var(--n-200)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--t-caption);font-weight:var(--w-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-1)}.badge--ok{background:var(--success-bg);color:var(--success);border-color:transparent}.badge--warn{background:var(--warning-bg);color:var(--warning);border-color:transparent}.badge--danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}.badge--info{background:var(--info-bg);color:var(--teal-700);border-color:transparent}.badge--neutral{background:var(--bg-3);color:var(--fg-2)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.muted{color:var(--fg-3)}.mono{font:var(--t-mono)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-3)}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.pgroup{border:1px solid var(--border-1);border-radius:var(--radius-sm);overflow:hidden}.pgroup__head{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--bg-2);border:none;cursor:pointer;padding:var(--space-3) var(--space-3)}.pgroup__head:hover{background:var(--green-50)}.pgroup__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-4)}.slider{display:flex;flex-direction:column;gap:6px}.slider__label{font:var(--t-small);color:var(--fg-2)}.slider__value{font:var(--t-mono);color:var(--fg-accent);font-weight:var(--w-semibold)}.slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:var(--radius-pill);background:var(--n-200);outline:none;margin:0}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--green-500);border:2px solid var(--n-0);box-shadow:var(--shadow-sm);cursor:pointer}.slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--green-500);border:2px solid var(--n-0);box-shadow:var(--shadow-sm);cursor:pointer}.slider input[type=range]:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}.opt-metric{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-sm)}.opt-metric__label{font:var(--t-caption);color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}.opt-metric__value{font:var(--t-h4);color:var(--fg-1)}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.chart-card{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:var(--space-3)}.chart-card__title{font:var(--t-caption);font-weight:var(--w-semibold);color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.constraint-chip{display:inline-flex;align-items:center;gap:6px;font:var(--t-caption);font-weight:var(--w-semibold);padding:4px 10px;border-radius:var(--radius-pill)}.constraint-chip--on{background:var(--warning-bg);color:var(--warning)}.constraint-chip--off{background:var(--bg-3);color:var(--fg-4)}.tip{border-left:3px solid var(--green-300);background:var(--green-50);padding:var(--space-3);border-radius:var(--radius-xs);font:var(--t-small);color:var(--fg-2)}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15171a73;display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-1);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-1);padding:var(--space-5);max-width:560px;width:100%;animation:modalIn .2s var(--ease-emphasis)}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.help-list{margin:var(--space-3) 0 var(--space-4);padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);font:var(--t-small);color:var(--fg-2)}.help-list li{line-height:1.5}@media (prefers-reduced-motion: reduce){.modal{animation:none}}@media (max-width: 1100px){.workspace{grid-template-columns:1fr;grid-template-rows:auto auto auto;overflow:auto}}