/* Paired outcome and first-sample trajectories; all styling stays inside this component. */
.agathos-sim-visuals{--viz-paper:#191d20;--viz-panel:#202529;--viz-line:#465054;--viz-quiet:#a9b6b9;--viz-ink:#e7eded;--viz-jade:#79cbb7;--viz-rose:#d895a7;--viz-control:#b4bfc7;--viz-tone:var(--viz-rose);min-width:0;color:var(--viz-ink);font-family:var(--ui-font,"Segoe UI","Microsoft YaHei",sans-serif);font-size:16px;line-height:1.55;margin:0 0 24px}
.agathos-sim-visuals[data-viz-tone=jade]{--viz-tone:var(--viz-jade)}
.agathos-sim-visuals *{box-sizing:border-box}
.agathos-sim-visuals [hidden]{display:none!important}
.agathos-sim-visuals .sim-viz-shell{position:relative;overflow:hidden;border:1px solid #52605f;border-radius:6px;background:linear-gradient(115deg,#26363255,transparent 47%),var(--viz-paper);box-shadow:0 8px 30px #00000016}
.agathos-sim-visuals .sim-viz-shell:before{content:"";position:absolute;inset:10px 10px auto auto;width:19px;height:19px;border-top:1px solid #8cb3a8;border-right:1px solid #8cb3a8;pointer-events:none}
.agathos-sim-visuals .sim-viz-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px 20px;border-bottom:1px solid var(--viz-line)}
.agathos-sim-visuals .sim-viz-kicker{color:#a9c6bd;font-size:12px;letter-spacing:.16em;line-height:1.3}
.agathos-sim-visuals h2{font-family:inherit!important;color:var(--viz-ink)!important;margin:7px 0 0!important;font-size:22px!important;font-weight:600;letter-spacing:.04em}
.agathos-sim-visuals .sim-viz-sample{color:var(--viz-ink);font-size:16px;text-align:right;white-space:nowrap}
.agathos-sim-visuals .sim-viz-sample>span{display:block;color:var(--viz-quiet);font-size:14px;margin-top:3px}
.agathos-sim-visuals .sim-viz-toolbar{display:flex;align-items:center;gap:18px;padding:18px 26px;border-bottom:1px solid var(--viz-line);background:#11171933}
.agathos-sim-visuals .sim-viz-tabs,.agathos-sim-visuals .sim-viz-switch{display:inline-flex;flex:none;gap:3px;padding:3px;border:1px solid var(--viz-line);border-radius:5px;background:#121719}
.agathos-sim-visuals button{font:inherit!important;letter-spacing:0!important;cursor:pointer;box-shadow:none!important;min-height:40px;transition:background .18s,border-color .18s,color .18s}
.agathos-sim-visuals .sim-viz-tabs>button,.agathos-sim-visuals .sim-viz-switch>button{border:1px solid transparent!important;border-radius:3px!important;color:var(--viz-quiet);background:transparent!important;padding:7px 14px!important;font-size:16px!important;line-height:1.4!important;white-space:nowrap}
.agathos-sim-visuals .sim-viz-tabs>button[aria-pressed=true]{color:#f4e2e7;background:#5b3c465c!important;border-color:#906876!important}
.agathos-sim-visuals[data-viz-tone=jade] .sim-viz-tabs>button[aria-pressed=true],.agathos-sim-visuals .sim-viz-switch>button[aria-pressed=true]{color:#d4f3e9;background:#335a5059!important;border-color:#618a7d!important}
.agathos-sim-visuals :is(button,select,input):focus-visible{outline:2px solid var(--viz-jade)!important;outline-offset:3px}
.agathos-sim-visuals .sim-viz-tabs>button:hover,.agathos-sim-visuals .sim-viz-switch>button:hover{color:#fff;background:#39434666!important}
.agathos-sim-visuals .sim-viz-caption{font-size:14px;line-height:1.55;color:var(--viz-quiet);margin:0}
.agathos-sim-visuals .sim-viz-body{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.3fr);align-items:start}
.agathos-sim-visuals .sim-viz-impact{padding:24px;border-right:1px solid var(--viz-line);min-width:0;background:#14211e25}
.agathos-sim-visuals .sim-viz-impact-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:19px}
.agathos-sim-visuals .sim-viz-impact-heading>div>span{display:block;font-size:14px;color:var(--viz-quiet)}
.agathos-sim-visuals .sim-viz-impact-heading strong{display:block;color:var(--viz-tone);font-family:inherit!important;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;font-size:24px!important;font-weight:600;letter-spacing:0!important;margin-top:6px;white-space:nowrap}
.agathos-sim-visuals .sim-viz-mean-label{color:var(--viz-quiet);font-size:12px;text-align:right;line-height:1.5}
.agathos-sim-visuals .sim-viz-scale{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0 12px;color:var(--viz-quiet);font-size:12px;margin-bottom:5px}
.agathos-sim-visuals .sim-viz-scale>span:nth-child(2){text-align:center}
.agathos-sim-visuals .sim-viz-scale>span:last-child{text-align:right}
.agathos-sim-visuals .sim-viz-rows{display:grid;gap:5px}
.agathos-sim-visuals .sim-viz-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;text-align:left;width:100%;min-width:0;padding:12px!important;border:1px solid transparent!important;border-radius:4px!important;background:transparent!important;color:var(--viz-ink)}
.agathos-sim-visuals .sim-viz-row:hover{background:#33403d42!important;border-color:#4a645b!important}
.agathos-sim-visuals .sim-viz-row[aria-pressed=true]{background:#2f403b70!important;border-color:#617e72!important;box-shadow:inset 3px 0 var(--viz-jade)!important}
.agathos-sim-visuals .sim-viz-row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:550}
.agathos-sim-visuals .sim-viz-row-number{color:var(--viz-tone);font-family:inherit!important;font-size:20px!important;font-variant-numeric:tabular-nums lining-nums;font-weight:550;white-space:nowrap;letter-spacing:0!important}
.agathos-sim-visuals .sim-viz-row.is-negative .sim-viz-row-number{color:#b8c7d1}
.agathos-sim-visuals .sim-viz-row-meta{grid-column:1/-1;color:var(--viz-quiet);font-size:12px;line-height:1.5}
.agathos-sim-visuals [data-viz-role=red]{color:var(--viz-rose)}
.agathos-sim-visuals [data-viz-role=buff]{color:var(--viz-jade)}
.agathos-sim-visuals .sim-viz-bar{grid-column:1/-1;position:relative;display:block;margin-top:6px;height:14px;background:linear-gradient(90deg,#748b9b0b,#83948810);border-block:1px solid #53606438}
.agathos-sim-visuals .sim-viz-bar-center{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:#8c9b9f7a}
.agathos-sim-visuals .sim-viz-bar-value{display:block;position:absolute;top:2px;bottom:2px;left:var(--viz-start);width:var(--viz-width);background:linear-gradient(90deg,color-mix(in srgb,var(--viz-tone),transparent 34%),var(--viz-tone));border-radius:2px;transform-origin:left center;animation:sim-viz-bar-in .32s ease both}
.agathos-sim-visuals .sim-viz-row.is-negative .sim-viz-bar-value{background:#8cabbf;transform-origin:right center}
.agathos-sim-visuals .sim-viz-impact-note{margin:17px 0 0;color:var(--viz-quiet);font-size:12px;line-height:1.7;border-top:1px solid #4b585547;padding-top:12px}
.agathos-sim-visuals .sim-viz-trajectory{padding:24px;min-width:0}
.agathos-sim-visuals .sim-viz-chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.agathos-sim-visuals .sim-viz-chart-heading>div:first-child{min-width:0}
.agathos-sim-visuals h3{font:600 20px/1.45 var(--ui-font,"Segoe UI","Microsoft YaHei",sans-serif)!important;color:var(--viz-ink)!important;letter-spacing:0!important;margin:0!important;overflow-wrap:anywhere}
.agathos-sim-visuals [data-viz-runner-meta]{display:block;color:var(--viz-quiet);font-size:12px;margin-top:4px}
.agathos-sim-visuals .sim-viz-switch>button{padding:6px 12px!important;min-height:34px;font-size:14px!important}
.agathos-sim-visuals .sim-viz-curve-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:17px 0 10px;color:var(--viz-quiet);font-size:12px;min-height:24px}
.agathos-sim-visuals .sim-viz-reference-wrap{display:flex;align-items:center;gap:8px;font-size:12px}
.agathos-sim-visuals .sim-viz-reference-wrap select{font:inherit!important;font-size:12px!important;letter-spacing:0!important;color:#d4dfdf;background:#202b2c;border:1px solid #536462;border-radius:3px;height:31px;min-height:31px;width:auto;padding:3px 24px 3px 8px}
.agathos-sim-visuals .sim-viz-legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0 0 12px;font-size:14px;color:var(--viz-quiet)}
.agathos-sim-visuals .sim-viz-legend>span{display:inline-flex;align-items:center;gap:7px}
.agathos-sim-visuals .sim-viz-legend b{font-weight:400}
.agathos-sim-visuals .sim-viz-legend i{display:inline-block;width:23px;height:0;border-top:2px solid var(--viz-jade)}
.agathos-sim-visuals .sim-viz-legend .sim-viz-key-control{border-color:var(--viz-control);border-top-style:dashed}
.agathos-sim-visuals .sim-viz-plot{min-width:0;position:relative;border:1px solid #50605b4d;border-radius:4px;padding:12px 0 0;background:linear-gradient(180deg,#354c4522,transparent 88%);overflow:hidden}
.agathos-sim-visuals .sim-viz-svg{width:100%;height:auto;display:block;overflow:visible;font-family:inherit;animation:sim-viz-appear .25s ease both}
.agathos-sim-visuals .sim-viz-svg text{font-family:inherit!important;letter-spacing:0!important}
.agathos-sim-visuals .sim-viz-grid-line{fill:none;stroke:#5c6f7147;stroke-width:1;vector-effect:non-scaling-stroke}
.agathos-sim-visuals .sim-viz-axis-label{fill:#b7c5c9;font-size:14px!important;font-variant-numeric:tabular-nums lining-nums}
.agathos-sim-visuals .sim-viz-unit-label{fill:#a8c4bb;font-size:14px!important}
.agathos-sim-visuals .sim-viz-watermark{fill:#b0bdbd;opacity:.56;font-size:12px!important;letter-spacing:.15em!important}
.agathos-sim-visuals :is(.sim-viz-line-full,.sim-viz-line-control){fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.agathos-sim-visuals .sim-viz-line-full{stroke:var(--viz-jade)}
.agathos-sim-visuals .sim-viz-line-control{stroke:var(--viz-control);stroke-dasharray:6 5;opacity:.85}
.agathos-sim-visuals .sim-viz-cursor-line{fill:none;stroke:#c9b3bb70;stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.agathos-sim-visuals :is(.sim-viz-dot-full,.sim-viz-dot-control){stroke:var(--viz-paper);stroke-width:2;vector-effect:non-scaling-stroke}
.agathos-sim-visuals .sim-viz-dot-full{fill:var(--viz-jade)}
.agathos-sim-visuals .sim-viz-dot-control{fill:var(--viz-control)}
.agathos-sim-visuals .sim-viz-pointer{cursor:crosshair;touch-action:pan-y}
.agathos-sim-visuals .sim-viz-scrubber{display:grid;grid-template-columns:auto minmax(50px,1fr) auto;align-items:center;gap:12px;margin:14px 0 0;font-size:12px;color:var(--viz-quiet)}
.agathos-sim-visuals .sim-viz-scrubber input{min-width:0;width:100%;accent-color:var(--viz-jade);height:26px;padding:0;background:transparent;cursor:pointer}
.agathos-sim-visuals .sim-viz-scrubber output{font-variant-numeric:tabular-nums lining-nums;font-size:16px;min-width:64px;text-align:right;color:#dbe6e4}
.agathos-sim-visuals .sim-viz-readout{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #4b585560}
.agathos-sim-visuals .sim-viz-readout>div{display:grid;gap:3px;min-width:0}
.agathos-sim-visuals .sim-viz-readout span{font-size:12px;color:var(--viz-quiet)}
.agathos-sim-visuals .sim-viz-readout strong{font-family:inherit!important;font-size:20px!important;line-height:1.45;letter-spacing:0!important;font-weight:550;font-variant-numeric:tabular-nums lining-nums;color:var(--viz-jade);white-space:nowrap}
.agathos-sim-visuals .sim-viz-readout .is-control strong{color:var(--viz-control)}
.agathos-sim-visuals .sim-viz-footnote{display:grid;gap:5px;border-top:1px solid var(--viz-line);padding:16px 26px;color:var(--viz-quiet);font-size:12px;line-height:1.7;background:#12191a50}
.agathos-sim-visuals .sim-viz-empty{font-size:14px;color:var(--viz-quiet);padding:24px;margin:0;text-align:center}
@keyframes sim-viz-bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sim-viz-appear{from{opacity:.3}to{opacity:1}}
@media(max-width:1100px){.agathos-sim-visuals .sim-viz-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.agathos-sim-visuals .sim-viz-body{grid-template-columns:minmax(280px,.82fr) minmax(0,1.25fr)}.agathos-sim-visuals .sim-viz-impact,.agathos-sim-visuals .sim-viz-trajectory{padding:20px}.agathos-sim-visuals .sim-viz-tabs>button{padding:8px 12px!important}}
@media(max-width:860px){.agathos-sim-visuals .sim-viz-body{grid-template-columns:1fr}.agathos-sim-visuals .sim-viz-impact{border-right:0;border-bottom:1px solid var(--viz-line)}.agathos-sim-visuals .sim-viz-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.agathos-sim-visuals .sim-viz-scale{display:none}.agathos-sim-visuals .sim-viz-row-number{font-size:20px!important}}
@media(max-width:560px){.agathos-sim-visuals .sim-viz-header{padding:20px 16px 17px;align-items:flex-start;gap:12px}.agathos-sim-visuals .sim-viz-kicker{font-size:10px;letter-spacing:.1em}.agathos-sim-visuals .sim-viz-sample{font-size:14px;padding-top:2px;max-width:105px;white-space:normal}.agathos-sim-visuals .sim-viz-sample>span{font-size:12px}.agathos-sim-visuals .sim-viz-toolbar{padding:14px 16px}.agathos-sim-visuals .sim-viz-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.agathos-sim-visuals .sim-viz-tabs>button{font-size:14px!important;padding:9px 4px!important;min-width:0}.agathos-sim-visuals .sim-viz-impact,.agathos-sim-visuals .sim-viz-trajectory{padding:19px 16px}.agathos-sim-visuals .sim-viz-rows{grid-template-columns:1fr}.agathos-sim-visuals .sim-viz-row{padding:11px 10px!important}.agathos-sim-visuals .sim-viz-chart-heading{gap:10px}.agathos-sim-visuals h3{font-size:20px!important}.agathos-sim-visuals .sim-viz-switch>button{padding:6px 10px!important;min-width:44px}.agathos-sim-visuals .sim-viz-legend{font-size:12px;gap:8px 15px}.agathos-sim-visuals .sim-viz-curve-tools{gap:9px}.agathos-sim-visuals .sim-viz-footnote{padding:15px 16px}.agathos-sim-visuals .sim-viz-readout{gap:8px}.agathos-sim-visuals .sim-viz-readout strong{font-size:20px!important}.agathos-sim-visuals .sim-viz-scrubber{gap:9px}}
@media(prefers-reduced-motion:reduce){.agathos-sim-visuals *{animation:none!important;transition:none!important}}

.agathos-sim-visuals .sim-viz-speedstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 13px}.agathos-sim-visuals .sim-viz-speedstats>div{padding:12px;border:1px solid #48605c;background:#21343155}.agathos-sim-visuals .sim-viz-speedstats span,.agathos-sim-visuals .sim-viz-speedstats small{display:block;color:#afc2c1;font-size:12px}.agathos-sim-visuals .sim-viz-speedstats strong{font-size:20px;white-space:nowrap;font-weight:550;display:block;color:#cfece1;margin:5px 0;font-variant-numeric:tabular-nums}.agathos-sim-visuals .sim-viz-hittypes{display:flex;flex-wrap:wrap;gap:7px 13px;font-size:14px;color:#d9a8b5;margin:0 0 10px}.agathos-sim-visuals .sim-viz-hittypes small{font-size:12px;color:#a5b8bb}.agathos-sim-visuals .sim-viz-chart-heading{flex-wrap:wrap}.agathos-sim-visuals .sim-viz-reference-wrap[hidden]{display:none!important}
@media(max-width:560px){.agathos-sim-visuals .sim-viz-speedstats{grid-template-columns:1fr}.agathos-sim-visuals .sim-viz-speedstats>div{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.agathos-sim-visuals .sim-viz-speedstats strong{margin:0}.agathos-sim-visuals .sim-viz-speedstats small{flex-basis:100%}}

.agathos-sim-visuals .sim-viz-current-delta{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #465955}.agathos-sim-visuals .sim-viz-current-delta strong{color:#e2b0be}