:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18342f;background:#f2f5f1;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 5%,#dfece4 0,transparent 48%),radial-gradient(ellipse at 95% 85%,#e0e9dc 0,transparent 45%);min-height:100vh}main{width:min(100% - 36px,460px);margin:0 auto;padding:46px 0 24px}.brand{display:flex;gap:12px;align-items:center;margin:0 0 28px 6px;font-size:23px;letter-spacing:.06em;font-weight:750}.brand small{font-size:12px;font-weight:500;letter-spacing:.16em;color:#6b7f76;margin-left:5px}.panel{background:#fff;border:1px solid #e2e9e2;border-radius:24px;padding:33px 34px 22px;box-shadow:0 16px 60px #233f3010}.eyebrow{color:#438378;font-size:10px;letter-spacing:.16em;font-weight:750}h1{font-size:35px;line-height:1.15;letter-spacing:-1.1px;font-weight:650;margin:14px 0}.intro{color:#75817b;font-size:13px;line-height:1.6;margin-bottom:25px}label{display:block;font-size:12px;font-weight:600;margin:15px 0 7px}input{width:100%;border:1px solid #dae3dc;border-radius:9px;font:inherit;font-size:14px;padding:12px 13px;background:#fcfdfb;outline:none}input:focus{border-color:#3e8a7d;box-shadow:0 0 0 3px #116e6512}input::placeholder{color:#99a39d}button{font:inherit;cursor:pointer;border:0;background:#116e65;color:#fff;width:100%;padding:13px 17px;border-radius:9px;font-size:13px;font-weight:600;margin-top:20px;display:flex;justify-content:space-between;align-items:center}button:hover{background:#09574f}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #76b3a7;outline-offset:3px}.form-message{font-size:12px;color:#687a70;line-height:1.5;margin:8px 0 0}.form-message:empty{display:none}.divider{display:flex;align-items:center;gap:12px;color:#8c9891;letter-spacing:.13em;font-size:9px;font-weight:650;margin:30px 0 17px}.divider:after{content:"";height:1px;background:#e8ede7;flex:1}.temperatures{display:grid;grid-template-columns:1fr 1fr;gap:12px}.temperature{border:1px solid #e5eae3;background:#f9fbf7;border-radius:12px;padding:15px 13px}.temperature.indoor{background:#f0f6f2;border-color:#dde8df}.sensor-name{font-size:12px;color:#61776a;display:flex;align-items:center;justify-content:space-between}.sensor-name span{font-size:19px;color:#7c977b}.reading{display:flex;align-items:baseline;gap:4px;margin:9px 0 5px}.reading strong{font-size:32px;font-weight:550;letter-spacing:-1px}.reading>span{font-size:14px;color:#8b9d8d}.sensor-note{font-size:10px;color:#8b978d;display:block;line-height:1.5}.connection{font-size:10px;color:#829186;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:15px;line-height:1.6}.connection time{margin-left:auto;font-variant-numeric:tabular-nums}.dot{height:6px;width:6px;background:#c0b07e;border-radius:50%;flex:none}.dot.online{background:#55a17e}.dot.error{background:#c17963}.diagnostics{border-top:1px solid #eef1eb;margin-top:18px;padding-top:13px;color:#7a8c7f;font-size:11px}.diagnostics summary{cursor:pointer}.diagnostics dl{font-variant-numeric:tabular-nums;margin:15px 0}.diagnostics dl div{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.diagnostics dt{color:#85948a}.diagnostics dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}.secondary{padding:9px 12px;background:#f0f5ef;color:#547465;font-size:11px;margin-top:12px;justify-content:center}.secondary:hover{background:#e6eee3}footer{text-align:center;font-size:10px;color:#94a18f;margin:24px 0 0;line-height:1.8}footer span{margin:0 7px}footer a{color:inherit;text-underline-offset:3px}@media(max-width:440px){main{padding-top:28px}.brand{margin-bottom:20px}.panel{padding:28px 23px 20px}h1{font-size:32px}.reading strong{font-size:29px}.temperature{padding:13px 11px}}