:root{--paper: #ede8de;--paper-raised: #f8f5ee;--ink: #211a15;--ink-soft: #5b5147;--garnet: #6e1524;--garnet-soft: #8c2a3a;--gold: #a9814a;--mineral: #5e7159;--line: #d8d0c0;--line-strong: #c3b9a4;--ok: #3f7247;--warn: #9c6415;--danger: #a32a2a;--scope-bg: #171310;--scope-ink: #efe7da;--scope-line: #3a322a;--font-display: Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root{--paper: #171310;--paper-raised: #211b16;--ink: #efe7da;--ink-soft: #b9ac9a;--garnet: #c24a5c;--garnet-soft: #d96e7e;--gold: #c9a567;--mineral: #93a78d;--line: #3a322a;--line-strong: #4b4034;--ok: #6fae79;--warn: #d9a544;--danger: #e06a6a;--scope-bg: #0e0b09;--scope-ink: #efe7da;--scope-line: #332b23;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.45;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--garnet);outline-offset:2px;border-radius:3px}.terroir-grid>*,.console-grid>*,.aging-grid>*,.closure-grid>*,.scope-grid>*{min-width:0}.terroir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.console-grid{display:grid;grid-template-columns:220px 1fr;gap:22px}@media (max-width: 760px){.console-grid{grid-template-columns:1fr}}.readout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}@media (max-width: 640px){.readout-grid{grid-template-columns:1fr 1fr}}.aging-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 680px){.aging-grid{grid-template-columns:1fr}}.closure-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}@media (max-width: 640px){.closure-grid{grid-template-columns:1fr}}.scope-grid{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:center}@media (max-width: 680px){.scope-grid{grid-template-columns:1fr}}.brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.tank-badge{text-align:right;white-space:nowrap}@media (max-width: 520px){.tank-badge{text-align:left;white-space:normal;width:100%}}.phase-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}@media (max-width: 520px){.phase-stepper{grid-template-columns:1fr 1fr}}