: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}}
