.w-thermo{display:grid;gap:12px}
.w-thermo-win{position:relative;border:3px solid var(--ink);border-radius:6px;background:var(--paper-hi);box-shadow:4px 4px 0 var(--ink);overflow:hidden}
.w-thermo-bar{padding:4px 10px;border-bottom:3px solid var(--ink);background:repeating-linear-gradient(180deg,var(--ink) 0 2px,transparent 2px 5px);text-align:center}
.w-thermo-bar b{display:inline-block;padding:0 10px;background:var(--paper-hi);font:700 14px/1.5 var(--sans)}
.w-thermo-body{position:relative;display:grid;gap:12px;padding:16px}.w-thermo-body p{margin:0}.w-thermo-body>*{min-width:0}
.w-thermo-read{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.w-thermo-temp{font:700 44px/1 var(--serif)}
.w-thermo-pill{padding:4px 12px;border:2px solid var(--ink);border-radius:999px;font:700 14px var(--sans);background:var(--go);color:#fff}
.w-thermo-pill[data-s=stop]{background:var(--warm);color:var(--ink)}
.w-thermo-track{position:relative;height:48px;margin:14px 0 22px;border:3px solid var(--ink);border-radius:24px;background:var(--card);touch-action:none;cursor:pointer}
.w-mer{position:absolute;inset:3px;border-radius:20px;background:var(--water);transform-origin:left;transition:transform var(--t-base) var(--ease)}
.bad .w-mer{background:var(--warm)}
.w-limit{position:absolute;top:-10px;bottom:-10px;width:0;border-left:3px dashed var(--ink)}
.w-limit small{position:absolute;top:100%;left:-24px;width:48px;text-align:center;font:700 13px var(--sans)}
.w-thumb{position:absolute;left:-3px;top:-3px;width:0;height:0;transition:transform var(--t-base) var(--ease)}
.w-thumb::after{content:"";position:absolute;left:-13px;top:0;width:26px;height:48px;border:3px solid var(--ink);border-radius:8px;background:var(--spark)}
.w-thermo-adj{display:flex;gap:10px}
.w-thermo-fix{margin:0;padding:12px;border:2px solid var(--ink);border-radius:6px;display:grid;gap:8px;transition:opacity var(--t-base)}
.w-thermo-fix:disabled{opacity:.45}
.w-thermo-fix legend,.w-thermo-fix label{padding:0 6px;font:700 15px var(--sans)}
.w-thermo-fix textarea{width:100%;box-sizing:border-box;padding:8px;font:400 16px var(--sans);border:2px solid var(--ink);border-radius:6px;background:var(--card);color:var(--ink)}
.w-thermo-ex{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.w-thermo-ex span{font:600 13px var(--sans)}.w-thermo-ex .chip{text-align:left;height:auto;padding:8px 14px;font-weight:400}
.w-thermo-save{justify-self:start}
.w-thermo-save:disabled{opacity:.5}
.w-thermo-stamp{position:absolute;right:14px;bottom:14px;padding:6px 14px;border:3px solid var(--go);border-radius:6px;color:var(--go);background:var(--paper-hi);font:800 22px var(--serif);opacity:0;transform:rotate(-6deg) scale(1.18);pointer-events:none;transition:opacity var(--t-base) var(--ease-snap),transform var(--t-base) var(--ease-snap)}
.w-thermo-stamp.on{opacity:1;transform:rotate(-6deg)}
.w-thermo:not(.live) .w-live,.w-thermo:not(.live) .w-thumb{display:none}
@media (prefers-reduced-motion:reduce){.w-mer,.w-thumb,.w-thermo-stamp,.w-thermo-fix{transition:none}}