Fix Skew-T labels and all input text colors

- Level labels: use paper coords computed from log(p) — bypasses
log-reversed axis annotation quirk in Plotly
- All number inputs + slider tooltips: black text on white via CSS

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

python/updraft_forcing/app.py

@@ -891,7 +891,9 @@ def _skewt_figure() -> go.Figure:
             hovertemplate="%{text}°C @ %{y:.0f} hPa<extra>Parcel</extra>",
             text=[f"{t:.1f}" for t in T_pcl_C]))
 
-    # Level lines — draw line then place label explicitly so reversed log axis doesn't misplace it
+    # Level lines — manually convert pressure → paper-y so log-reversed axis never misplaces labels
+    _ylo_log = np.log10(1025.0)   # matches range[0] in update_layout below
+    _yhi_log = np.log10(98.0)     # matches range[1]
     for p_lvl, label, color in [
         (p_LCL, "LCL",           "#9abfff"),
         (p_LFC, "LFC",           "#ffaa44"),
@@ -900,14 +902,15 @@ def _skewt_figure() -> go.Figure:
     ]:
         if 98 < p_lvl < 1060:
             fig.add_hline(y=p_lvl, line=dict(color=color, width=0.9, dash="dot"))
+            y_paper = (np.log10(float(p_lvl)) - _ylo_log) / (_yhi_log - _ylo_log)
             fig.add_annotation(
                 x=0.01, xref="paper",
-                y=p_lvl, yref="y",
-                text=label,
+                y=float(np.clip(y_paper, 0.01, 0.99)), yref="paper",
+                text=f" {label} ",
                 showarrow=False,
                 xanchor="left", yanchor="bottom",
                 font=dict(color=color, size=10),
-                bgcolor="rgba(10,15,26,0.65)",
+                bgcolor="rgba(10,15,26,0.7)",
             )
 
     # Wind barbs
@@ -1042,9 +1045,8 @@ def _build_layout():
             dcc.Input(id="upd-delta-T", type="number", value=UPD_DEFAULTS["delta_T"],
                       step=0.1, min=0.1, max=10.0,
                       style={"width": "80px", "marginLeft": "8px",
-                             "background": "#ffffff", "border": "1px solid #2d3a4b",
-                             "color": "#111111", "padding": "4px 8px",
-                             "borderRadius": "4px"}),
+                             "border": "1px solid #2d3a4b",
+                             "padding": "4px 8px", "borderRadius": "4px"}),
         ], style={"display": "flex", "alignItems": "center", "marginBottom": "10px"}),
         _slider("upd-r0", "Radius (m)", 500, 5000, 100, UPD_DEFAULTS["r0"], " m",
                 tip="Updraft core radius. The radial shape function tapers w and ζ "
@@ -1535,6 +1537,10 @@ table tr:nth-child(even) td { background: #161d29; }
 .results-center { background: #11161f; border-radius: 8px; padding: 12px; }
 .results-side { background: #11161f; border-radius: 8px; padding: 12px; }
 
+/* Number inputs and slider tooltips — black text on white background */
+input[type="number"], input[type="text"] { color: #111 !important; background: #fff !important; }
+.rc-slider-tooltip-content { color: #111 !important; background: #fff !important; }
+
 /* Field-select dropdown — force black text inside the React-Select widget */
 #field-select .Select-value-label,
 #field-select .Select-placeholder,