:root{--spx-low:#1d7a57;--spx-mid:#a35f00;--spx-high:var(--ecg);--spx-monitor:#04121f;--spx-trace:#43f0a3}.spx-band-low{--spx-band:var(--spx-low)}.spx-band-mid{--spx-band:var(--spx-mid)}.spx-band-high{--spx-band:var(--spx-high)}.spx-result{border-left:4px solid var(--spx-band,var(--line));background:color-mix(in oklab, var(--spx-band,var(--graphite)) 7%, white)}.spx-result-num{color:var(--spx-band,var(--navy));font-variant-numeric:tabular-nums}.spx-chip-band{background:color-mix(in oklab, var(--spx-band) 14%, white);color:var(--spx-band)}.spx-toggle{text-align:left;border:1px solid var(--line);background:#fff;border-radius:.9rem;align-items:center;gap:.75rem;width:100%;min-height:48px;padding:.6rem .85rem;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.spx-toggle[aria-pressed=true]{border-color:var(--burgundy);background:color-mix(in oklab, var(--burgundy) 7%, white)}.spx-toggle:active{transform:scale(.99)}.spx-toggle .spx-box{border:1.5px solid color-mix(in oklab, var(--graphite) 45%, transparent);color:#fff;border-radius:.4rem;flex:none;place-items:center;width:1.35rem;height:1.35rem;font-size:.8rem;display:grid}.spx-toggle[aria-pressed=true] .spx-box{background:var(--burgundy);border-color:var(--burgundy)}.spx-pts{font-variant-numeric:tabular-nums;color:color-mix(in oklab, var(--graphite) 60%, transparent);flex:none;margin-left:auto;font-weight:600}.spx-toggle[aria-pressed=true] .spx-pts{color:var(--burgundy)}@media (hover:hover){.spx-toggle:hover{border-color:color-mix(in oklab, var(--burgundy) 55%, transparent)}}.spx-input{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#fff;border-radius:.9rem;width:100%;min-height:48px;padding:0 .9rem;font-size:1.0625rem}.spx-input:focus{outline:2px solid var(--ecg);outline-offset:1px}.spx-seg{background:var(--ice);border-radius:999px;padding:3px;display:inline-flex}.spx-seg button{min-height:40px;color:color-mix(in oklab, var(--graphite) 75%, transparent);border-radius:999px;padding:0 1rem;font-size:.9375rem;font-weight:500}.spx-seg button[aria-pressed=true]{color:var(--navy);background:#fff;box-shadow:0 1px 4px #071b2e1f}.spx-answer{border:1.5px solid var(--line);text-align:left;background:#fff;border-radius:1rem;align-items:center;gap:.75rem;width:100%;min-height:56px;padding:.75rem 1rem;font-weight:500;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.spx-answer:active:not(:disabled){transform:scale(.99)}@media (hover:hover){.spx-answer:hover:not(:disabled){border-color:var(--navy)}}.spx-answer[data-state=right]{border-color:var(--spx-low);background:color-mix(in oklab, var(--spx-low) 10%, white)}.spx-answer[data-state=wrong]{border-color:var(--spx-high);background:color-mix(in oklab, var(--spx-high) 9%, white)}.spx-answer[data-state=dim]{opacity:.55}.spx-key{background:var(--ice);width:1.75rem;height:1.75rem;color:var(--navy);border-radius:.55rem;flex:none;place-items:center;font-size:.8125rem;font-weight:600;display:grid}@keyframes spx-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.spx-pop{animation:.28s cubic-bezier(.16,1,.3,1) spx-pop}.spx-range{width:100%;height:44px;accent-color:var(--ecg-light);cursor:pointer;background:0 0}.spx-range:focus-visible{outline:2px solid var(--ecg-light);outline-offset:2px}.spx-chip{min-height:40px;color:var(--navy);border:1px solid color-mix(in oklab, var(--navy) 18%, transparent);background:#fff;border-radius:999px;padding:0 .95rem;font-size:.875rem;font-weight:500;transition:border-color .15s,background-color .15s,transform .15s}.spx-chip:active{transform:scale(.98)}.spx-chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}@media (hover:hover){.spx-chip:hover:not([aria-pressed=true]){border-color:var(--navy)}}.spx-chip:focus-visible{outline:2px solid var(--ecg);outline-offset:2px}.spx-seg-fill .spx-seg{width:100%;display:flex}.spx-seg-fill .spx-seg button{flex:1 1 0;min-width:0;padding:.35rem .5rem;line-height:1.2}.spx-seg button:disabled{cursor:not-allowed}.spx-stat{background:var(--ice);color:var(--navy)}.spx-stat-warn{background:color-mix(in oklab, var(--spx-mid) 12%, white);color:var(--spx-mid)}.spx-stat-alert{background:color-mix(in oklab, var(--spx-high) 10%, white);color:var(--spx-high)}.spx-finding{border-left:4px solid var(--spx-tone);background:color-mix(in oklab, var(--spx-tone) 8%, white);color:var(--graphite)}.spx-finding-ok{--spx-tone:var(--spx-low)}.spx-finding-warn{--spx-tone:var(--spx-mid)}.spx-finding-alert{--spx-tone:var(--spx-high)}@media (prefers-reduced-motion:reduce){.spx-pop{animation:none}.spx-toggle,.spx-answer,.spx-chip{transition:none}}.spx-caliper-toggle{border:1.5px solid var(--line);min-height:40px;color:var(--navy);background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:0 .9rem;font-size:.9375rem;font-weight:600;transition:border-color .15s,background-color .15s;display:inline-flex}.spx-caliper-toggle[aria-pressed=true]{color:#174a96;background:#eaf1fa;background:lab(94.7517% -.831515 -5.48787);border-color:#1f5fbf}@media (hover:hover){.spx-caliper-toggle:hover{border-color:var(--navy)}}.spx-caliper{cursor:ew-resize;touch-action:none;outline:none;width:32px;position:absolute;top:0;left:-16px}.spx-caliper:before{content:"";opacity:.9;background:#1f5fbf;width:2px;position:absolute;top:0;bottom:0;left:15px}.spx-caliper-grip{color:#fff;background:#1f5fbf;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 1px 4px #071b2e4d}.spx-caliper:focus-visible .spx-caliper-grip{outline-offset:2px;outline:3px solid #0b2a55}.spx-caliper:focus-visible:before{width:3px;left:14.5px}.spx-timer{background:color-mix(in oklab, var(--graphite) 12%, transparent);border-radius:999px;height:6px;overflow:hidden}.spx-timer>span{background:var(--navy);transform-origin:0;height:100%;transition:transform .25s linear;display:block}.spx-timer[data-low=true]>span{background:var(--ecg)}@media (prefers-reduced-motion:reduce){.spx-timer>span,.spx-caliper-toggle{transition:none}}.spx-answer[data-state=chosen]{border-color:var(--navy);background:color-mix(in oklab, var(--navy) 8%, white);box-shadow:inset 0 0 0 1px var(--navy)}.spx-seg-dark{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1f}.spx-seg-dark button{color:#ffffffbf}.spx-seg-dark button[aria-pressed=true]{color:var(--navy);background:#fff}.spx-console{background:linear-gradient(160deg,#1b2a3a,#0c1724);box-shadow:inset 0 1px #ffffff14,0 18px 40px -24px #071b2e99}.spx-console-face{background:#f3f6f9}.spx-input-dark{color:#fff;background:#0c1724;border-color:#ffffff38;min-height:40px;font-weight:600}.spx-pause{letter-spacing:.04em;color:#2b1a00;background:#f5a524;border-radius:1rem;min-height:56px;font-weight:700;transition:transform .12s,box-shadow .12s,background-color .15s;box-shadow:0 3px #a35f00}.spx-pause:active{transform:translateY(2px);box-shadow:0 1px #a35f00}.spx-pause[aria-pressed=true]{color:#fff;background:#d6283f;transform:translateY(2px);box-shadow:0 1px #7d1322}.spx-pause:focus-visible{outline-offset:2px;outline:3px solid #fff}.spx-monitor-box{background:var(--spx-monitor)}.spx-step{border:1px solid var(--line);background:#fff}.spx-step[data-state=now]{border-color:var(--navy);box-shadow:inset 3px 0 0 var(--navy)}.spx-step[data-state=done]{background:color-mix(in oklab, var(--spx-low) 8%, white);border-color:color-mix(in oklab, var(--spx-low) 35%, transparent)}.spx-step[data-state=later]{opacity:.55}.spx-step-n{background:var(--ice);width:1.6rem;height:1.6rem;color:var(--navy);border-radius:999px;flex:none;place-items:center;font-size:.8125rem;font-weight:700;display:grid}.spx-step[data-state=done] .spx-step-n{background:var(--spx-low);color:#fff}@media (prefers-reduced-motion:reduce){.spx-pause{transition:none}}.spx-chip:disabled{opacity:.4;cursor:not-allowed}