*{box-sizing:border-box}body{margin:0;background:#f4f3ed;color:#172a26;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:760px;margin:auto;padding:28px 22px 40px}header,.row{display:flex;align-items:center;gap:12px}header,.between{justify-content:space-between}.brand{font-size:20px;font-weight:750;letter-spacing:2px}.brand>span:last-child{font-size:11px;letter-spacing:2px;font-weight:500}.mark{color:#70855d;font-size:29px;vertical-align:middle}.pill{font-size:12px;background:#e5e8de;border-radius:30px;padding:7px 12px}.intro{padding:40px 0 22px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#647164;margin:0 0 12px}h1{font:normal clamp(32px,7vw,46px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:0 0 16px}p{margin:8px 0;color:#59685f}h2{font-size:18px;margin:0 0 8px}.card{background:#fffefa;border:1px solid #e0e3d8;border-radius:20px;padding:24px;margin-bottom:16px}.setup label{display:block;font-size:12px;font-weight:650;margin:18px 0 8px}.setup input{min-width:0;flex:1;width:100px;border:1px solid #b8c2b3;border-radius:10px;background:#fff;padding:13px;font:18px ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase}button{font:600 14px/1.4 inherit;font-family:inherit;font-size:14px;min-height:44px;border:0;border-radius:10px;padding:12px 16px;cursor:pointer;white-space:nowrap}button:disabled{opacity:.45;cursor:default}.primary{background:#263e32;color:#fff;flex:1}.secondary,.unit{background:#edf0e5;color:#2d4535}.text{background:none;color:#354d3e;padding-left:0}.fine{font-size:12px;color:#70796e}.setup .fine{margin-top:12px}.readings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reading{font-size:42px;letter-spacing:-2px;font-weight:400}.readings p:last-child{font-size:13px}#message{min-height:26px;font-size:14px;margin:12px 3px 20px}fieldset{border:0;padding:0;margin:0}fieldset:disabled{opacity:.5}.dial{display:flex;align-items:center;justify-content:space-between;margin:24px 0 8px}.dial button{background:#edf0e5;font-size:24px;width:48px;height:48px;padding:0}.dial output{font-size:48px;letter-spacing:-2px}input[type=range]{width:100%;accent-color:#526d41;margin:14px 0}.presets{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.preset{padding:8px 14px;border:1px solid #c9d2bf;background:transparent}.preset.selected{background:#e7eddc;border-color:#637a51}.unit{min-height:36px;padding:6px 10px;font-size:12px}summary{cursor:pointer;font-size:14px;font-weight:600}details p{font-size:13px;margin:16px 0}pre{font:11px/1.7 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:auto}footer{text-align:center;font-size:11px;color:#778073;margin:26px 0}a{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #859d5c;outline-offset:3px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:420px){main{padding:20px 16px}.card{padding:19px}.reading{font-size:36px}.brand{font-size:17px}.pill{font-size:10px}.intro{padding-top:30px}.setup .row{flex-wrap:wrap}.setup input{width:100%;flex:auto}.setup button{width:100%}.readings{gap:10px}}

.pax-guide h3{font-size:14px;margin:22px 0 6px}.pax-guide p{margin:8px 0 14px}.petal-guide{list-style:none;padding:0;margin:12px 0 18px;font-size:13px}.petal-guide li{display:flex;align-items:center;gap:7px;padding:7px 0;flex-wrap:wrap}.swatch{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.swatch.green{background:#508650}.swatch.yellow{background:#d1b635}.swatch.orange{background:#db852e}.swatch.red{background:#c65454}

main{max-width:540px;padding-top:20px}header{position:sticky;top:0;z-index:2;background:#f4f3ed;padding:10px 0 16px}.setup{display:flex;gap:12px;align-items:center;margin:6px 0}.setup button{width:auto}.setup .primary:disabled{display:none}#message{font-size:12px;margin:6px 0 14px;min-height:18px}.card{padding:20px;border-radius:16px}.readings .card{padding:18px}.dial{margin-top:14px}.dial output{font-size:44px}.presets{margin:14px 0}.temperature p{font-size:13px}select,input[type=text],#device-name{min-width:0;flex:1;padding:12px;border:1px solid #c9d2bf;border-radius:10px;font:16px inherit;font-family:inherit;font-size:16px;background:#fffefa;color:#172a26}select{width:100%}fieldset label:not(.sr){display:flex;justify-content:space-between;font-size:13px;margin:14px 0 0}.wide{width:100%;margin-top:10px}.nested{border-top:1px solid #e0e3d8;margin-top:20px;padding-top:16px}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 20px}.color-grid label{align-items:center;margin:0!important}.color-grid input{width:44px;height:44px;border:1px solid #c9d2bf;border-radius:8px;padding:4px;background:#fffefa}.lock-row{justify-content:space-between;font-size:13px;margin-top:20px}button{touch-action:manipulation}body{padding-bottom:env(safe-area-inset-bottom)}input[type=range]{min-height:36px;margin:4px 0}h2{margin-bottom:10px}.pax-guide p{font-size:13px}#mode-description{min-height:36px;margin:10px 0 0}footer{margin:10px;font-size:10px}

.header-connect{flex:0 0 auto;font-size:12px;padding:8px 12px;min-height:40px}#disconnect{display:block;margin-top:8px}

.readings{display:block}.oven-card .eyebrow{margin:0}.oven-card .reading{margin-top:8px}.battery-bars{display:flex;gap:3px;align-items:center;margin-left:auto;min-width:40px}.battery-bars i{width:6px;height:15px;background:#dce2d7;border-radius:2px}.battery-bars i.filled{background:#486543}.mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-buttons button{background:#edf0e5;color:#263e32;border:1px solid #dce2d7;padding:12px 6px;font-size:13px}.mode-buttons button.active{background:#263e32;color:#fff;border-color:#263e32}.mode-buttons button:nth-last-child(-n+2){grid-column:span 1}header{gap:12px}.brand{font-size:18px;white-space:nowrap}.brand>span:last-child{font-size:9px}#connection{font-size:10px;padding:7px 9px}.oven-card .pill{font-size:11px}

.connection-status{min-height:40px}.connection-status:disabled{opacity:1;cursor:default}

/* Small editable pen illustration. Contours lead the detail strokes. */
.brand{display:flex;align-items:center;flex:0 1 170px;min-width:100px;height:56px;color:#172a26}
.pax-sketch{display:block;width:100%;height:56px;overflow:visible}
@media(prefers-reduced-motion:no-preference){
.pax-sketch path{stroke-dasharray:1;stroke-dashoffset:1;animation:pax-pen-draw .28s linear forwards .8s}
.pax-sketch .sketch-body{animation-duration:.85s;animation-delay:0s}
.pax-sketch .sketch-side{animation-duration:.65s;animation-delay:.18s}
.pax-sketch .sketch-top{animation-duration:.4s;animation-delay:.5s}
.pax-sketch .sketch-detail{animation-duration:.2s;animation-delay:.8s}
.pax-sketch .sketch-petal{animation-duration:.2s;animation-delay:.9s}
.pax-sketch .sketch-petal:nth-of-type(6){animation-delay:1.02s}
.pax-sketch .sketch-petal:nth-of-type(7){animation-delay:1.14s}
.pax-sketch .sketch-petal:nth-of-type(8){animation-delay:1.26s}
.pax-sketch .sketch-seam{animation-duration:.28s;animation-delay:1.05s}
.pax-sketch .sketch-fine{animation-duration:.35s;animation-delay:1.18s}
}
@keyframes pax-pen-draw{to{stroke-dashoffset:0}}

.pax-sketch .sketch-color path{animation:none;stroke-dasharray:none;stroke-dashoffset:0}
@media(prefers-reduced-motion:no-preference){
.pax-sketch .sketch-color{animation:pax-color-in .4s ease-out .75s both}
.pax-sketch .sketch-petal{fill-opacity:0;animation-name:pax-pen-draw,pax-petal-in;animation-duration:.2s,.2s;animation-fill-mode:forwards,forwards}
}
@keyframes pax-color-in{from{opacity:0}to{opacity:1}}
@keyframes pax-petal-in{to{fill-opacity:1}}