/* ════════════════════════════════════════════════════════════
   STP Calculator — "Twin Vessels"
   Aubergine surface · orchid-violet source · jade target.
   Identity: a dual source/target palette, twin-vessel motif,
   a crossover chart, grouped console fields.
   ════════════════════════════════════════════════════════════ */

body[data-tool="stp"] {
  --surface:        #120B17;
  --surface-raised: #1C1226;
  --surface-high:   #2A1C38;
  --hairline:       rgba(184, 154, 226, 0.15);
  --hairline-bold:  rgba(184, 154, 226, 0.34);
  --accent:         #9F82CE;
  --accent-bright:  #C3A8EC;
  --accent-deep:    #26193A;
  --accent-glow:    rgba(184, 154, 226, 0.42);
  --contrast:       #5FC9A8;
  --contrast-bright:#86DCC0;
  --contrast-soft:  rgba(95, 201, 168, 0.13);
  --contrast-glow:  rgba(95, 201, 168, 0.50);
}

body[data-tool="stp"] .tk-readout {
  background:
    radial-gradient(120% 150% at 4% 30%, rgba(184,154,226,0.08), transparent 55%),
    radial-gradient(120% 150% at 96% 70%, rgba(95,201,168,0.07), transparent 55%),
    var(--surface-raised);
}

/* console field groups — Source / Transfer / Target */
.stp-group {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--text-mute);
  margin: 4px 0 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--hairline);
}
.stp-group:not(:first-of-type) { margin-top: 8px; }
.stp-group.is-source { color: var(--accent-bright); }
.stp-group.is-target { color: var(--contrast-bright); }