.phx{--accent:#6fd08a}.ph-card{display:flex;flex-direction:column;gap:10px}.ph-h{font:800 13px/1 var(--font-sans);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0}.ph-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ph-in{width:130px;text-align:right;font-size:16px}.ph-unit{color:var(--dim);font-weight:700}.ph-dil .t-field{width:110px}.ph-scale{position:relative;padding:14px 0 18px}.ph-bar{height:14px;border-radius:8px;background:linear-gradient(90deg,#e0362c,#f0742c,#f0b02c,#d8d02c,#7ec832,#3cb44b,#2c9c8a,#2c74c8,#3a4cc8,#5a36b0,#6a2a90,#571f70,#451a58,#341244,#280d34)}.ph-pin{position:absolute;top:-4px;transform:translate(-50%);font-size:16px;color:var(--ink);text-shadow:0 1px 4px rgba(0,0,0,.8);transition:left .2s ease}.ph-ticks{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font:600 10.5px/1 var(--font-mono);color:var(--faint)}.ph-grid{display:flex;flex-wrap:wrap;gap:8px}.ph-cell{display:flex;flex-direction:column;gap:3px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;min-width:104px}.ph-cell b{font:600 11px/1 var(--font-sans);color:var(--dim)}.ph-cell .mono{font:700 14px/1.2 var(--font-mono);color:var(--ink)}.ph-cell .mono sup{font-size:9px}.ph-note{margin:0;font:600 12.5px/1.6 var(--font-sans);color:var(--dim);min-height:16px}.ph-note b{color:var(--accent)}.ph-note .mono{font-family:var(--font-mono)}@media (max-width:520px){.ph-dil .t-field{width:calc(50% - 5px)}}