@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#e8f0eb;font-synthesis:none;--bg:#070a0b;--panel:#0d1213;--panel-2:#111819;--line:#22302c;--muted:#789088;--accent:#43d997;--accent-soft:#173d31;--red:#fa7771;--yellow:#d7bd72;--mono:"DM Mono", monospace;background:#070a0b;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 92% -20%, #183629 0, transparent 35%), var(--bg);min-width:320px;margin:0}button,input,select{font:inherit}button{color:inherit}.app-shell{max-width:1680px;min-height:100vh;margin:0 auto;padding:0 34px 40px}.topbar{border-bottom:1px solid var(--line);height:70px;font:11px var(--mono);color:#c9d5cd;letter-spacing:.08em;justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:10px;font-weight:500;display:flex}.brand-mark{border:1px solid var(--accent);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:17px;display:grid}.brand small{color:var(--muted);margin-left:5px;font-size:9px}.topbar-actions{color:var(--muted);align-items:center;gap:15px;display:flex}.live-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:50%}.icon-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;place-items:center;padding:7px;display:grid}.hero-row{justify-content:space-between;align-items:end;gap:25px;padding:42px 0 28px;display:flex}.eyebrow{color:var(--muted);font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0 0 9px}h1,h2,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:12px;font-size:clamp(30px,4vw,54px);font-weight:600;line-height:.95}h2{letter-spacing:-.025em;margin:0;font-size:17px;font-weight:600}.subtitle{color:#9aa9a1;max-width:550px;margin:0;font-size:14px;line-height:1.5}.hero-actions{gap:12px;min-width:350px;display:grid}.hero-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:22px;min-width:350px;padding:13px 0;display:flex}.hero-stats div{gap:6px;display:grid}.hero-stats span{color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.hero-stats strong{font:16px var(--mono)}.reset-session-button{color:#ffe4df;cursor:pointer;min-height:42px;font:11px var(--mono);letter-spacing:.12em;background:linear-gradient(135deg,#6f2c2a,#3c1b1d);border:1px solid #b76560;justify-content:center;align-items:center;gap:9px;display:flex;box-shadow:0 0 0 1px #fa77711f,0 8px 22px #00000038}.reset-session-button:hover{border-color:var(--red);background:linear-gradient(135deg,#8b3936,#502022)}.workspace{grid-template-columns:410px minmax(0,1fr);align-items:start;gap:18px;display:grid}.control-column,.dashboard-column{gap:18px;min-width:0;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(150deg,#16211ff0,#0a0f10f7);padding:21px;box-shadow:0 16px 50px #00000026}.panel-heading{justify-content:space-between;align-items:start;gap:15px;margin-bottom:18px;display:flex}.heading-actions,.chart-actions{align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}.accent{color:var(--accent)}.positive{color:var(--accent)!important}.negative{color:var(--red)!important}.warning{color:var(--yellow)!important}.help-button{width:29px;height:29px;color:var(--accent);cursor:pointer;background:#0a1211;border:1px solid #365248;place-items:center;padding:0;display:grid}.help-button:hover{background:var(--accent-soft);border-color:var(--accent)}.help-button:focus-visible,.help-close:focus-visible,.help-done:focus-visible,.reset-session-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field-label{color:#92a39a;font:10px var(--mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:15px 0 7px;display:flex}.field-label span{color:#8da097}.field-label strong{color:var(--accent);font:11px var(--mono)}.sizing-note{color:#718178;font:10px var(--mono);margin:8px 0 0;line-height:1.4}.input-wrap{height:38px;color:var(--muted);font:13px var(--mono);background:#080d0e;border:1px solid #293b35;align-items:center;padding:0 11px;display:flex}.input-wrap input{color:#e9f3ec;background:0 0;border:0;outline:0;width:100%;padding-left:8px}.input-wrap:focus-within{border-color:var(--accent)}.side-toggle{border:1px solid #293b35;grid-template-columns:1fr 1fr;margin-top:15px;display:grid}.side-toggle button{color:var(--muted);cursor:pointer;font:11px var(--mono);letter-spacing:.1em;background:#0b1112;border:0;padding:11px}.side-toggle button.selected{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.flip-button,.play-button{background:var(--accent);color:#06110b;cursor:pointer;letter-spacing:.08em;border:0;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.flip-button{width:100%;height:43px;margin-top:9px}.flip-button span{font:9px var(--mono);opacity:.65;margin-left:auto;padding-right:13px}.result-line{border-bottom:1px solid var(--line);font:10px var(--mono);justify-content:space-between;padding:12px 1px 11px;display:flex}.result-line span{color:var(--red)}.result-line strong{font-size:12px}input[type=range]{appearance:none;width:100%;height:3px;accent-color:var(--accent);cursor:pointer;background:#2d433a;outline:0}input[type=range]:disabled{opacity:.4;cursor:not-allowed}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);border:2px solid #07100c;border-radius:50%}.mode-row{grid-template-columns:1.1fr 1fr;margin-top:16px;display:grid}.play-button{min-height:42px}.mode-row select,.select-wrap select{color:#99aaa0;border:1px solid var(--line);background:#111a19;outline:0;padding:0 10px;font-size:11px}.keyboard-hints{color:#718178;font:9px var(--mono);justify-content:space-between;margin-top:14px;display:flex}.keyboard-hints kbd{color:#cad5cd;border:1px solid #38483f;margin-right:3px;padding:2px 4px}.tp-header,.tp-row{grid-template-columns:48px 32px 1.2fr 1fr 1fr;align-items:center;gap:9px;display:grid}.tp-header{color:var(--muted);font:9px var(--mono);letter-spacing:.1em;margin:17px 0 7px}.tp-row{margin:6px 0}.tp-row.disabled{opacity:.38}.tp-name{color:#b4c5ba;font:10px var(--mono);letter-spacing:.05em}.check{width:19px;height:19px;color:var(--accent);cursor:pointer;background:0 0;border:1px solid #4b6258;padding:0;font-size:12px}.check.checked{background:var(--accent-soft);border-color:var(--accent)}.compact-input{height:33px;color:var(--muted);font:10px var(--mono);background:#080d0e;border:1px solid #293b35;align-items:center;padding:0 7px;display:flex}.compact-input input{color:#e8f0eb;width:100%;min-width:0;font:11px var(--mono);background:0 0;border:0;outline:0}.compact-input:focus-within{border-color:var(--accent)}.panel-note{color:#73867d;margin-bottom:8px;font-size:12px;line-height:1.45}.coverage-callout{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:12px;margin-top:16px;padding-top:13px;display:flex}.coverage-callout div{gap:5px;display:grid}.coverage-callout span{color:var(--muted);font:9px var(--mono)}.coverage-callout strong{font:17px var(--mono)}.coverage-callout p{color:#718178;text-align:right;max-width:145px;margin:0;font-size:10px;line-height:1.35}.switch{cursor:pointer;background:#0b1111;border:1px solid #385148;border-radius:20px;width:40px;height:22px;padding:2px}.switch span{background:#657870;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block}.switch.on{border-color:var(--accent);background:var(--accent-soft)}.switch.on span{background:var(--accent);transform:translate(16px)}.milking-options{border-top:1px solid var(--line);padding-top:5px}.mini-number{width:54px;color:var(--accent);border:1px solid var(--line);text-align:right;font:11px var(--mono);background:#080d0e;outline:0;padding:5px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-card{border:1px solid var(--line);background:#0d1314;align-content:space-between;min-height:124px;padding:17px;display:grid}.metric-card strong{font:24px var(--mono);letter-spacing:-.06em}.metric-card small{color:#73847c;font:10px var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chart-panel{padding:21px 23px 16px}.chart-heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.chart-heading h2 span{color:var(--muted);font:11px var(--mono)}.chart-legend{color:var(--muted);font:9px var(--mono);align-items:center;gap:7px;display:flex}.legend-line{width:18px;height:2px;margin-left:8px;display:inline-block}.legend-line.actual{background:var(--accent)}.legend-line.expected{border-top:1px dashed #789088}.svg-chart{height:260px;margin-top:18px;padding-left:58px;position:relative}.svg-chart svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#20302b;stroke-width:1px;stroke-dasharray:2 5}.actual-line{stroke:var(--accent);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round}.expected-line{stroke:#6f877e;stroke-width:1.2px;stroke-dasharray:5 5}.axis-labels{color:#718178;width:51px;font:9px var(--mono);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;bottom:0;left:0}.chart-footer{border-top:1px solid var(--line);color:var(--muted);font:11px var(--mono);justify-content:space-between;gap:12px;padding-top:14px;line-height:1.35;display:flex}.chart-footer strong{color:#d4e1d8;font-weight:400}.chart-footer input{width:44px;color:var(--accent);text-align:right;font:12px var(--mono);background:0 0;border:0;outline:0}.lower-grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.compact-chart,.stats-panel{min-height:312px}.outcome-bars{gap:12px;margin-top:22px;display:grid}.bar-label{font:10px var(--mono);color:#b6c4ba;justify-content:space-between;display:flex}.bar-label strong{color:var(--muted);font-weight:400}.bar-track{background:#17231f;height:7px;margin:6px 0 4px}.bar-fill{height:100%}.positive-fill{background:var(--accent);box-shadow:0 0 10px #43d99740}.negative-fill{background:var(--red)}.outcome-bar small{color:#64766d;font:9px var(--mono)}.readout-list{border-top:1px solid var(--line);margin-top:17px}.readout{color:#82958b;font:10px var(--mono);border-bottom:1px solid #192622;justify-content:space-between;padding:9px 0;display:flex}.readout strong{color:#dae5dd;font-weight:400}.select-wrap{border:1px solid var(--line);height:35px;color:var(--muted);align-items:center;gap:8px;margin-top:14px;padding:0 9px;display:flex}.select-wrap select{border:0;width:100%;padding:0}.stop-slider{color:var(--muted);font:10px var(--mono);grid-template-columns:1fr auto;gap:7px;margin-top:12px;display:grid}.stop-slider strong{color:var(--accent);font-weight:400}.stop-slider input{grid-column:1/-1}.study-strip{background:linear-gradient(90deg,#10261d,#0c1413);border:1px solid #245340;align-items:center;gap:14px;min-height:68px;padding:13px 16px;display:flex}.study-icon{width:30px;height:30px;color:var(--accent);border:1px solid #38795e;place-items:center;display:grid}.study-strip span{color:#94a79c;font-size:11px}.study-value{color:var(--accent);font:17px var(--mono);white-space:nowrap;margin-left:auto}.settings-popover{z-index:3;background:#121b1a;border:1px solid #36564a;gap:8px;width:220px;padding:15px;display:grid;position:fixed;top:58px;right:34px;box-shadow:0 15px 30px #0008}.settings-popover strong{font-size:12px}.settings-popover span{color:var(--muted);font:10px var(--mono);line-height:1.4}.settings-popover button{color:var(--accent);font:10px var(--mono);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.help-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#010505c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.help-modal{background:linear-gradient(150deg,#12211c,#0a1111);border:1px solid #39785d;width:min(560px,100%);max-height:min(720px,90vh);padding:24px;overflow:auto;box-shadow:0 24px 80px #0000008c}.help-modal-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.help-modal h2{font-size:25px}.help-close{color:#b7c9bd;cursor:pointer;background:#0a1211;border:1px solid #365248;width:30px;height:30px;font-size:24px;line-height:1}.help-intro{color:#c8d6cc;margin:20px 0 12px;font-size:14px;line-height:1.55}.help-modal ul{color:#92a79a;margin:0;padding-left:19px;font-size:13px;line-height:1.65}.help-modal li{padding:6px 0}.help-done{background:var(--accent);color:#06110b;cursor:pointer;border:0;min-height:38px;margin-top:20px;padding:0 18px;font-weight:600}@media (width<=1180px){.workspace{grid-template-columns:350px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.secondary-metric-grid{grid-template-columns:repeat(4,1fr)}.lower-grid{grid-template-columns:1fr}}@media (width<=820px){.app-shell{padding:0 16px 28px}.topbar{height:58px}.brand small,.topbar-actions{display:none}.hero-row{padding:30px 0 24px;display:block}.hero-actions{min-width:0;margin-top:22px}.hero-stats{min-width:0}.workspace{grid-template-columns:1fr}.control-column{order:2}.dashboard-column{order:1}.metric-card{min-height:112px}.metric-card strong{font-size:21px}.chart-footer{flex-wrap:wrap}.panel{padding:17px}}@media (width<=480px){.metric-grid,.secondary-metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:12px}.metric-card strong{font-size:18px}.metric-card small{font-size:8px}.hero-stats strong{font-size:12px}.tp-header,.tp-row{grid-template-columns:40px 26px 1fr 1fr 1fr;gap:5px}.coverage-callout{display:block}.coverage-callout p{text-align:left;margin-top:8px}.svg-chart{padding-left:50px}.chart-legend{display:none}}.help-anchor{z-index:20;display:inline-flex;position:relative}.help-tooltip{color:#c8d6cc;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(150deg,#12211c,#0a1111);border:1px solid #39785d;width:310px;padding:14px 15px;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;box-shadow:0 18px 45px #00000080}.tooltip-right .help-tooltip{top:-4px;left:calc(100% + 10px);transform:translate(-5px)}.tooltip-up .help-tooltip{bottom:calc(100% + 10px);right:0;transform:translateY(5px)}.help-anchor:hover .help-tooltip,.help-anchor:focus-within .help-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.help-tooltip strong{color:var(--accent);font:12px var(--mono);letter-spacing:.08em;text-transform:uppercase;display:block}.help-tooltip p{color:#c8d6cc;margin:10px 0 7px;font-size:12px;line-height:1.45}.help-tooltip ul{color:#92a79a;margin:0;padding-left:17px;font-size:11px;line-height:1.45}.help-tooltip li{padding:3px 0}@media (width<=820px){.tooltip-right .help-tooltip{top:calc(100% + 10px);left:auto;right:0;transform:translateY(-5px)}.help-anchor:hover .help-tooltip,.help-anchor:focus-within .help-tooltip{transform:translate(0)}}.svg-chart svg{overflow:hidden}.svg-chart{height:280px}.svg-chart .x-axis-label,.svg-chart .x-axis-title{fill:#718178;font:9px var(--mono);letter-spacing:.06em}.svg-chart .x-axis-title{letter-spacing:.12em;font-size:8px}.axis-labels{bottom:30px}.chart-controls{border-top:1px solid #192622;justify-content:space-between;align-items:end;gap:18px;margin-top:14px;padding:9px 0 0 58px;display:flex}.chart-controls label{color:var(--muted);font:9px var(--mono);letter-spacing:.08em;gap:5px;display:grid}.chart-controls select{border:1px solid var(--line);color:#c7d5cc;min-width:100px;height:29px;font:10px var(--mono);background:#111a19;outline:0;padding:0 8px}.chart-zoom-control{flex:1;max-width:360px}.chart-zoom-control input{margin-top:4px}.compact-input input:read-only{color:#82958b;cursor:not-allowed}.secondary-metric-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.compact-metric-card{min-height:96px;padding:12px}.compact-metric-card .eyebrow{letter-spacing:.08em;white-space:normal;min-height:2.4em;margin-bottom:5px;font-size:8px;line-height:1.2}.compact-metric-card strong{letter-spacing:-.05em;font-size:17px}.compact-metric-card small{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:8px;line-height:1.3;display:-webkit-box;overflow:hidden}.preset-button{color:var(--accent);cursor:pointer;font:9px var(--mono);letter-spacing:.1em;background:#10231c;border:1px solid #315447;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.preset-button:hover{background:var(--accent-soft);border-color:var(--accent)}.presets-popover{z-index:5;background:linear-gradient(150deg,#12211c,#0a1111);border:1px solid #39785d;width:min(410px,100vw - 32px);max-height:min(620px,100vh - 82px);padding:16px;position:fixed;top:58px;right:75px;overflow:auto;box-shadow:0 18px 45px #0000008c}.milking-options{border-top:1px solid var(--line);gap:10px;padding-top:10px;display:grid}.add-config{background:#0a1111;border:1px solid #293b35;padding:10px}.add-config.disabled{opacity:.48}.add-config-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.add-config-heading strong{color:#dce8df;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.add-config-heading label{color:var(--muted);font:9px var(--mono);align-items:center;gap:5px;display:inline-flex}.add-config-heading input{accent-color:var(--accent)}.add-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.add-grid label{color:#84978d;font:9px var(--mono);gap:5px;line-height:1.2;display:grid}.add-grid select{color:#c7d5cc;min-width:0;height:31px;font:9px var(--mono);background:#111a19;border:1px solid #293b35;outline:0;padding:0 6px}.mini-input{height:31px;color:var(--muted);background:#080d0e;border:1px solid #293b35;align-items:center;padding:0 6px;display:flex}.mini-input:focus-within,.add-grid select:focus{border-color:var(--accent)}.mini-input input{color:#e8f0eb;width:100%;min-width:0;font:10px var(--mono);background:0 0;border:0;outline:0}.mini-input span{font:9px var(--mono)}.popover-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.popover-heading div{gap:5px;display:grid}.popover-heading strong{color:#e8f0eb;font-size:14px}.popover-heading span,.preset-footnote{color:#82958b;font:10px var(--mono);line-height:1.4}.popover-close{color:#9aada2;cursor:pointer;background:0 0;border:0;padding:0;font-size:24px;line-height:1}.preset-save-form{grid-template-columns:1fr auto;gap:7px;margin-top:15px;display:grid}.preset-save-form input{color:#e8f0eb;min-width:0;height:34px;font:10px var(--mono);background:#080d0e;border:1px solid #293b35;outline:0;padding:0 9px}.preset-save-form input:focus{border-color:var(--accent)}.preset-save-form button{background:var(--accent);color:#06110b;cursor:pointer;font:9px var(--mono);letter-spacing:.05em;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.preset-notice{color:var(--accent);font:10px var(--mono);margin:10px 0 0}.preset-list{border-top:1px solid var(--line);margin-top:13px}.preset-row{border-bottom:1px solid #192622;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.preset-row>div:first-child{gap:4px;min-width:0;display:grid}.preset-row strong{color:#d8e5dc;font:11px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preset-row span{color:#718178;font:9px var(--mono)}.preset-row-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.preset-row-actions button{color:var(--accent);cursor:pointer;font:9px var(--mono);background:#10231c;border:1px solid #315447;padding:6px 8px}.preset-row-actions button:hover{background:var(--accent-soft);border-color:var(--accent)}.preset-row-actions .delete-preset{color:var(--red);border-color:#5b3635;padding:5px 7px}.preset-footnote{margin:13px 0 0}@media (width<=820px){.presets-popover{right:16px}}