main{max-width:1440px;padding:30px 36px 0;margin:auto}.intro{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:22px}.eyebrow{color:var(--ink);text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:9px}.intro h1{font-size:38px;margin:0 0 8px}.intro p:last-child{color:var(--muted);margin:0;font-size:16px}.btn{border:1px solid var(--line);border-radius:4px;padding:9px 13px;background:var(--card);color:var(--ink);font-size:14px;font-weight:600;min-height:40px}.btn:hover{background:var(--card)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.quiet{background:transparent}.btn.small{font-size:13px;padding:7px 10px;min-height:34px}.topbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.modes{display:flex;gap:4px}.modes .btn{background:transparent;border-color:transparent}.modes .btn.active{background:var(--accent-soft);color:var(--accent)}.topbar-note{font-size:13px;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(380px,1.1fr) minmax(420px,1.2fr);gap:22px}.instrument{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:23px;min-width:0}.instrument-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.instrument-heading h2{font-size:18px;margin:0}.clock{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.instrument-stage{display:grid;grid-template-columns:minmax(160px,1fr) 130px;gap:34px;padding:25px 10px 5px;min-height:370px}.level-column{display:flex;flex-direction:column}.readout{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:12px}.readout b{font-size:38px;letter-spacing:-.05em;font-variant-numeric:tabular-nums;line-height:1}.readout small{font-size:12px;color:var(--muted);line-height:1.5;text-align:right}.tank{height:246px;position:relative;background:repeating-linear-gradient(to bottom,var(--card) 0,var(--card) calc(20% - 1px),var(--surface) calc(20% - 1px),var(--surface) 20%);border:2px solid var(--accent-line);border-top:0;border-radius:0 0 18px 18px;overflow:hidden}/* A translucent signal fill must retain its hue in both themes; only shadows use shadow-ink. */
.tank-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 12%,transparent));border-top:2px solid var(--accent);transition:height .16s}.target-band{position:absolute;bottom:45%;height:10%;width:100%;background:color-mix(in srgb,var(--good) 12%,transparent);border-top:1px dashed var(--good);border-bottom:1px dashed var(--good)}.target-label{position:absolute;left:10px;bottom:calc(50% + 6px);font-size:12px;color:var(--muted);background:color-mix(in srgb, var(--card) 60.0%, transparent);border-radius:4px;padding:2px 5px}.actual-level{position:absolute;width:100%;border-top:3px solid var(--warn);transition:bottom .16s}.actual-level span{position:absolute;right:5px;bottom:4px;font-size:12px;color:var(--warn);background:var(--card);padding:1px 5px;border-radius:3px}.tank-caption{font-size:12px;color:var(--muted);margin-top:9px;text-align:center}.gate-column{display:flex;flex-direction:column;align-items:center}.gate-label{font-size:14px;font-weight:700;margin-bottom:4px}.gate-number{font-size:27px;font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.gate-unit{font-size:12px;color:var(--muted);margin-bottom:13px}.gate-track{height:222px;width:40px;border:1px solid var(--line);border-radius:4px;background:repeating-linear-gradient(to top,var(--card) 0,var(--card) calc(8.333% - 1px),var(--accent-soft) calc(8.333% - 1px),var(--accent-soft) 8.333%);position:relative}.gate-fill{position:absolute;bottom:0;width:100%;border-radius:0 0 4px 4px;background:var(--accent-soft);pointer-events:none}.gate-handle{touch-action:none;position:absolute;left:50%;transform:translate(-50%,50%);height:44px;width:90px;max-width:none;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:var(--on-accent);box-shadow:0 3px 5px color-mix(in srgb, var(--shadow-ink) 12.5%, transparent);cursor:ns-resize;font-size:16px;font-weight:700;user-select:none}.gate-handle:active{background:var(--accent);box-shadow:0 5px 14px color-mix(in srgb, var(--shadow-ink) 25.1%, transparent)}.gate-handle:disabled{cursor:default;opacity:.65}.gate-buttons{display:flex;gap:5px;margin-top:23px}.gate-buttons .btn{min-width:42px;font-size:16px}.control-caption{font-size:13px;color:var(--muted);margin:14px 0 18px;min-height:39px}.run-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.run-controls .btn{flex:1;white-space:nowrap}.reveal-control{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:16px}.reveal-control label{font-size:14px;display:flex;align-items:center;gap:9px}.reveal-control span{font-size:12px;color:var(--muted)}.scrub{margin-top:18px}.scrub label{display:flex;justify-content:space-between;gap:12px;font-size:14px}.scrub input{width:100%;margin:14px 0 0}.right-column{display:grid;gap:18px;align-content:start;min-width:0}.trace{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:22px 20px 17px;min-width:0}.trace h2{font-size:18px;margin:0 0 8px}.trace p{font-size:13px;color:var(--muted);margin:0 0 14px}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:6px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:14px;height:3px;background:var(--accent);display:inline-block}.legend .actual i{background:var(--warn)}.legend .baseline i{background:var(--muted)}.chart{height:224px;width:100%;min-width:0}.chart svg{display:block;width:100%;height:224px;overflow:visible}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid var(--line);padding-top:15px;margin-top:7px}.metric b{display:block;font-size:23px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.metric small{font-size:11px;color:var(--muted)}.withheld{font-size:13px;color:var(--muted);background:var(--card);border-radius:4px;padding:13px;margin-top:10px}.settings{border:1px solid var(--line);border-radius:4px;background:var(--card);padding:22px}.settings h2{font-size:18px;margin-bottom:7px}.settings-intro{color:var(--muted);font-size:13px;margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 23px}.setting label{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:650}.setting output{color:var(--accent);font-variant-numeric:tabular-nums}.setting input{width:100%;margin:13px 0 2px}.setting small{font-size:12px;color:var(--muted);display:block}.setting.full{grid-column:1/-1}.setting select{width:100%;margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);font-size:14px}.comparison-note{font-size:13px;color:var(--muted);margin:16px 0 0;padding-top:15px;border-top:1px solid var(--line)}.baseline-controls{margin-top:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.baseline-controls span{font-size:12px;color:var(--muted)}.assumptions{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.assumptions summary{font-size:15px;font-weight:650;cursor:pointer}.assumptions-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.assumptions p{font-size:14px;color:var(--muted);line-height:1.65}.assumptions code{font-size:12px;overflow-wrap:anywhere;background:var(--accent-soft);padding:3px}.save-note{font-size:12px;color:var(--muted);margin:20px 0 0}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--on-accent);font-size:13px;border-radius:4px;padding:10px 17px;max-width:calc(100vw - 40px);pointer-events:none;opacity:0;transition:opacity .15s;z-index:20}#notice.show{opacity:1}@media(max-width:950px){main{padding:25px 22px 0}.layout{grid-template-columns:1fr}.instrument-stage{grid-template-columns:1fr 160px;gap:55px;max-width:540px;margin:auto}.intro{align-items:flex-start}.intro h1{font-size:33px}.topbar-note{display:none}.right-column{grid-template-columns:1fr 1fr;align-items:start}.settings-grid{grid-template-columns:1fr}.instrument{padding:20px}.assumptions-grid{gap:20px}}@media(max-width:700px){main{padding:25px 20px 0}.intro{flex-direction:column;gap:13px;margin-bottom:18px}.intro h1{font-size:32px}.intro p:last-child{font-size:15px}.topbar{padding:10px 0}.modes .btn{padding:8px 12px}.layout{gap:16px}.instrument{padding:18px 16px}.instrument-stage{grid-template-columns:minmax(135px,1fr) 100px;gap:27px;padding:25px 0 0;min-height:366px}.gate-handle{width:75px}.readout b{font-size:33px}.readout small{font-size:11px}.instrument-heading h2{font-size:17px}.right-column{grid-template-columns:1fr}.run-controls .btn{font-size:13px;padding:9px}.settings-grid{grid-template-columns:1fr 1fr;gap:18px}.setting label{font-size:13px}.reveal-control{align-items:flex-start;flex-direction:column;gap:7px}.metrics{gap:8px}.metric b{font-size:21px}.assumptions-grid{grid-template-columns:1fr;gap:6px}.trace{padding:19px 16px}.settings{padding:19px 16px}.control-caption{font-size:13px}.clock{font-size:12px}}

.chart.is-scrubbable{touch-action:pan-y;cursor:ew-resize}