.thermo-page{color:#2b2418;background:repeating-linear-gradient(0deg,#5a46280f 0 2px,#0000 2px 28px),#e6dcc4;min-height:100vh;padding:1.4rem 1rem 4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.thermo-shell{width:min(1120px,100%);margin:auto}.thermo-shell>header div{color:#8a5a1c;letter-spacing:.15em;font-size:.68rem;font-weight:1000}.thermo-shell>header h1{letter-spacing:-.07em;margin:.15rem 0 .35rem;font:1000 clamp(2.8rem,7vw,5.7rem)/.87 system-ui,sans-serif}.thermo-shell>header p{margin:0 0 1.2rem;font-size:.8rem}.thermo-workspace{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:1rem;display:grid}.thermo-wall{background:#f3ecd8;border:6px solid #b9a98a;padding:1.4rem;box-shadow:10px 12px #8a5a1c}.thermo-plate{background:linear-gradient(#fbf6e8,#e8dfc8);border:3px solid #6b5637;border-radius:18px;padding:1rem 1rem 1.1rem;position:relative;box-shadow:inset 0 2px #fff,0 6px #bfae8e}.thermo-plate-head{letter-spacing:.08em;border-bottom:1px solid #b9a98a;justify-content:space-between;gap:.5rem;padding-bottom:.6rem;font-size:.55rem;display:flex}.thermo-plate-head b{color:#8a5a1c}.thermo-unit{--r:150px;width:calc(var(--r)*2);height:calc(var(--r)*2);margin:1.2rem auto .9rem;position:relative}.thermo-face{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 42%,#fffbef 0 46%,#e9dfc5 47% 62%,#c7b48e 63% 66%,#f6efdc 67% 100%);border:8px solid #d9c9a3;border-radius:50%;position:absolute;inset:0;box-shadow:0 10px #b9a98a,inset 0 0 0 2px #6b5637,0 0 0 4px #f3ecd8,0 0 0 7px #6b5637}.thermo-face.is-dragging{cursor:grabbing}.thermo-face:focus-visible{outline-offset:6px;outline:4px solid #197b8b}.thermo-face[aria-disabled=true]{cursor:default}.thermo-ticks span{width:2px;height:calc(var(--r)*.14);transform-origin:50% calc(var(--r)*.9);translate:0 calc(var(--r)*-.9);opacity:.55;background:#6b5637;margin-left:-1px;position:absolute;top:50%;left:50%}.thermo-ticks span.is-major{width:3px;height:calc(var(--r)*.2);opacity:1}.thermo-ticks span i{color:#3f3120;font:1000 .72rem system-ui,sans-serif;position:absolute;top:100%;left:50%;translate:-50% 4px}.thermo-needle{width:6px;height:calc(var(--r)*.78);transform-origin:50% 100%;translate:0 calc(var(--r)*-.78);background:linear-gradient(#e0303a 0 70%,#7a1a20);border-radius:3px 3px 6px 6px;margin-left:-3px;position:absolute;top:50%;left:50%;box-shadow:2px 2px #0000002e}.thermo-needle:after{content:"";background:radial-gradient(circle at 40% 35%,#8c7550,#4a3a22);border:2px solid #d9c9a3;border-radius:50%;width:28px;height:28px;margin-left:-14px;position:absolute;bottom:-14px;left:50%}.thermo-readout{color:#c8ff5a;background:#1e2a1c;border:2px solid #6b5637;border-radius:6px;justify-items:center;padding:.3rem .6rem;display:grid;position:absolute;top:60%;left:50%;translate:-50%;box-shadow:inset 0 0 12px #0009}.thermo-readout b{font:1000 1.6rem/1 ui-monospace,monospace}.thermo-readout small{letter-spacing:.12em;color:#9fd15a;font-size:.42rem}.thermo-cover{padding-bottom:calc(var(--r)*.06);pointer-events:none;color:#1d3a55;text-shadow:0 1px #fff;background:linear-gradient(135deg,#c8e6ff6b,#ffffff1f 45%,#a0c8eb61);border:4px solid #ffffffbf;border-radius:50%;grid-template-columns:auto auto;place-content:end center;align-items:center;gap:.1rem .35rem;display:grid;position:absolute;inset:-14px;box-shadow:inset 0 0 0 10px #ffffff38,0 8px 18px #00000026}.thermo-cover span{filter:drop-shadow(0 2px #fff);font-size:1.4rem}.thermo-cover b{letter-spacing:.12em;color:#3a2a00;background:#ffd94a;border:2px solid #3a2a00;padding:.15rem .45rem;font:1000 .7rem system-ui,sans-serif}.thermo-cover small{letter-spacing:.1em;text-align:center;grid-column:1/-1;font-size:.46rem;font-weight:1000}.thermo-strip{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.4rem;display:grid}.thermo-strip div{text-align:center;background:#fff9e9;border:2px solid #b9a98a;gap:.15rem;padding:.5rem;display:grid}.thermo-strip small{letter-spacing:.12em;color:#7a6a4d;font-size:.48rem}.thermo-strip b{font:1000 1.15rem/1 system-ui,sans-serif}.thermo-set{color:#3d2b13;cursor:pointer;background:#d3a24e;border:0;border-bottom:10px solid #7d571e;border-radius:14px;width:100%;min-height:76px;margin-top:.8rem;font:1000 .85rem ui-monospace,monospace;box-shadow:inset 0 6px #f3d18d}.thermo-set:active{border-bottom-width:4px;transform:translateY(6px)}.thermo-set.is-reset{background:#9fd15a;border-bottom-color:#4a6d1a;box-shadow:inset 0 6px #d7ff9c}.thermo-set:focus-visible,.thermo-back:focus-visible{outline-offset:3px;outline:4px solid #197b8b}.thermo-notice{color:#8a5a1c;border-top:1px solid #b9a98a;min-height:3rem;margin:.8rem 0 0;padding-top:.7rem;font-size:.6rem;font-weight:1000;line-height:1.5}.thermo-hint{color:#7a6a4d;letter-spacing:.08em;margin:.4rem 0 0;font-size:.48rem}.thermo-office{background:#fff9e9;border:3px solid #2b2418;padding:1rem;box-shadow:8px 10px #2b2418}.thermo-office-head{letter-spacing:.1em;border-bottom:2px solid #2b2418;justify-content:space-between;padding-bottom:.6rem;font-size:.55rem;font-weight:1000;display:flex}.thermo-people{gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.thermo-people li{background:#f6efdc;border:2px solid #b9a98a;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.5rem;padding:.45rem .6rem;display:grid}.thermo-people li span{text-align:center;font-size:1.5rem}.thermo-people li b{font:1000 .85rem system-ui,sans-serif;display:block}.thermo-people li small{color:#7a6a4d;letter-spacing:.06em;font-size:.48rem}.thermo-people li i{border:1px solid;padding:.2rem .4rem;font:1000 .5rem ui-monospace,monospace}.thermo-people li.is-cold{background:#e2f1fb;border-color:#2d6f9e}.thermo-people li.is-cold i{color:#1d5480}.thermo-people li.is-hot{background:#fbe3dc;border-color:#b53232}.thermo-people li.is-hot i{color:#8f2323}.thermo-people li.is-fine i{color:#4f6b2a}.thermo-office h2{margin:1rem 0 .5rem;font:900 1.5rem system-ui,sans-serif}.thermo-empty{color:#7a6a4d;margin:0;font-size:.55rem;line-height:1.5}.thermo-log{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.thermo-log li{background:#fffdf5;border:1px solid #b9a98a;border-left:4px solid #8a5a1c;padding:.5rem .6rem}.thermo-log li div{align-items:baseline;gap:.5rem;font-size:.5rem;display:flex}.thermo-log li div span{color:#8a5a1c;font-weight:1000}.thermo-log li div b{font:1000 .8rem system-ui,sans-serif}.thermo-log li div small{color:#7a6a4d;letter-spacing:.06em}.thermo-log li em{color:#2d6f9e;margin:.3rem 0;font-size:.5rem;font-style:normal;font-weight:1000;display:block}.thermo-log li p{margin:0;font-size:.56rem;line-height:1.5}.thermo-certificate{color:#8a5a1c;text-align:center;background:#fffdf5;border:5px double #8a5a1c;margin-top:1rem;padding:1rem}.thermo-certificate small,.thermo-certificate strong,.thermo-certificate span{display:block}.thermo-certificate small{letter-spacing:.14em;font-size:.5rem}.thermo-certificate strong{margin:.3rem 0;font:1000 2rem/.88 system-ui,sans-serif}.thermo-certificate span{color:#2b2418;margin-top:.6rem;font-size:.55rem;font-weight:1000}.thermo-certificate dl{text-align:left;grid-template-columns:1fr 1fr;gap:.3rem .8rem;margin:.8rem 0 0;display:grid}.thermo-certificate dl div{color:#2b2418;border-bottom:1px dotted #b9a98a;justify-content:space-between;padding:.25rem 0;font-size:.5rem;display:flex}.thermo-certificate dd{margin:0;font-weight:1000}.thermo-certificate i{color:#c09248;margin-top:.8rem;font:1000 1.1rem system-ui,sans-serif;display:block}.thermo-back{color:#2b2418;margin-top:1.8rem;font-weight:1000;display:inline-block}@media (max-width:820px){.thermo-page{padding:1rem .7rem 4rem}.thermo-workspace{grid-template-columns:1fr}.thermo-shell>header h1{font-size:clamp(2.7rem,12vw,4rem)}.thermo-unit{--r:120px}.thermo-strip{grid-template-columns:1fr 1fr 1fr}.thermo-strip b{font-size:1rem}.thermo-certificate dl{grid-template-columns:1fr}}@media (max-width:360px){.thermo-unit{--r:105px}.thermo-wall{padding:.9rem}}@media (prefers-reduced-motion:reduce){.thermo-set:active{transform:none}}