:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#203c35;background:#f5f6f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:14px;min-height:48px;padding:12px 20px;background:#164e46;color:white;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:#e6ebe1;color:#23473e}input,select{width:100%;padding:14px;border:1px solid #d7dfd5;border-radius:12px;background:#fff;color:#203c35}input:focus,button:focus-visible,select:focus{outline:3px solid #9ebb9f;outline-offset:3px}main{max-width:1060px;margin:auto;padding:32px 28px calc(30px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:750}.brand img{width:38px;height:38px}.muted{color:#74857a;font-size:14px;line-height:1.8}h1{font-size:34px;letter-spacing:-1px;margin:12px 0}h2{font-size:20px;margin:0 0 16px}h3{font-size:16px;margin:0 0 10px}p{line-height:1.7}.hero{border-radius:26px;background:#164e46;color:#f8ffef;padding:32px;margin-bottom:24px;position:relative;overflow:hidden}.hero .muted{color:#c1d5c8}.hero p{max-width:600px;margin:8px 0}.eyebrow{letter-spacing:3px;font-size:11px;font-weight:700;color:#bcd6b9}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:white;border:1px solid #e6eadf;padding:24px;border-radius:22px;margin-bottom:20px}.metric{font-size:48px;letter-spacing:-2px;font-weight:650;margin:12px 0}.metric small{font-size:18px;letter-spacing:0;color:#77877a}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.status{font-size:12px;background:#dceccf;color:#285638;padding:7px 12px;border-radius:99px;white-space:nowrap}.offline{background:#f4e7d6;color:#8c6023}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.control{padding:16px 0;border-bottom:1px solid #edf0e9}.control:last-child{border:0}.control form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.control .muted{font-size:12px}#notice{padding:14px 18px;background:#fff2cf;border-radius:12px;margin-bottom:20px;line-height:1.6}#notice:empty{display:none}.login{max-width:420px;margin:40px auto}.login form{display:grid;gap:12px}.login .brand{margin-bottom:35px}.login .card{padding:28px}.login h1{font-size:30px}.device-button{text-align:left;width:100%;background:white;color:#203c35;border:1px solid #dfe6d9;padding:20px;border-radius:18px;margin:10px 0}.device-button span{display:block;margin-top:10px}.chart{width:100%;height:150px;display:block}.legend{display:flex;gap:20px;font-size:12px;color:#73816e}footer{padding:15px 0;color:#859181;font-size:12px;text-align:center}.empty{text-align:center;padding:35px 15px}.back{padding:0;background:transparent;color:#164e46;min-height:44px}.history-table{max-height:220px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px;border-bottom:1px solid #edf0e9}details{margin-top:16px}summary{cursor:pointer;padding:10px 0;color:#60765b}.live-reading{font-size:13px;color:#758673}.welcome{display:flex;gap:20px;align-items:center}.welcome img{width:64px;height:64px}@media(max-width:650px){main{padding:20px 16px}header{margin-bottom:20px}.grid{grid-template-columns:1fr;gap:0}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metrics .card{padding:18px 14px}.metric{font-size:36px}.hero{padding:24px}.hero h1{font-size:28px}.card{padding:20px}.brand{font-size:21px}.login{margin:30px auto}.hero .muted{font-size:13px}header .secondary{font-size:13px;padding:10px 14px}}@media(prefers-reduced-motion:no-preference){.card,.hero{animation:appear .25s ease-out}@keyframes appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}}

/* Device readings take priority over branding. */
.device-heading{margin:0 0 18px}.device-heading h1{font-size:18px;letter-spacing:0;margin:4px 0;font-weight:600}.device-heading p{margin:6px 0;font-size:12px}.metrics .card{background:#164e46;color:#f5ffef;border:0}.metrics .muted,.metrics small{color:#c9dfce}.metrics .metric{font-size:64px;margin:10px 0 0;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-2px}.control form{display:block;margin-top:10px}.stepper{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:12px 0}.stepper output{font-size:30px;font-weight:650;font-variant-numeric:tabular-nums}.stepper .step{width:48px;height:48px;padding:0;font-size:25px;touch-action:manipulation}.control input[type=range]{appearance:auto;width:100%;height:32px;padding:0;accent-color:#236653;background:transparent;border:0;cursor:pointer}.control input[type=range]:disabled{opacity:.4;cursor:not-allowed}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:#7a897c;margin:0 0 14px}.control button[type=submit]{min-height:40px;padding:9px 20px}.control{padding:12px 0 22px}.control:last-child{padding-bottom:0}@media(max-width:650px){.device-heading{margin-bottom:14px}.device-heading h1{font-size:16px}.metrics .metric{font-size:46px}.metrics .metric small{font-size:16px}.metrics .card{padding:20px 14px}.metrics{gap:12px}.stepper output{font-size:28px}}

.device-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.device-tile{background:white;border:1px solid #dfe6d9;border-radius:20px;overflow:hidden}.device-tile .device-button{border:0;margin:0;border-radius:0;padding:22px}.tile-readings{display:flex;gap:32px;margin:24px 0 16px}.tile-readings small{display:block;font-size:12px;color:#738477;margin-bottom:8px}.tile-readings b{font-size:30px;font-variant-numeric:tabular-nums}.tile-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 18px}.tile-actions button{min-height:38px;font-size:12px;padding:8px 14px}.device-dialog{border:1px solid #e0e8dc;border-radius:22px;padding:24px;width:calc(100% - 32px);max-width:440px;color:#203c35;max-height:90dvh;overflow-y:auto}.device-dialog::backdrop{background:#18352b88}.device-dialog h2{margin:0}.device-dialog .row>button{min-width:40px;padding:8px;font-size:20px}.device-dialog form{display:grid;gap:10px;margin-top:18px}.device-dialog label{margin:4px 0 0}.device-dialog form>button{margin-top:12px}.device-dialog .danger{background:#9a3f36}.dialog-error:empty{display:none}.dialog-error{color:#923e2b;background:#fff0e5;padding:12px;border-radius:10px;margin-top:15px}.device-choice:empty{display:none}.device-choice select{margin-top:10px}@media(max-width:650px){.device-list{grid-template-columns:1fr}.tile-readings{justify-content:space-between;gap:16px}.device-heading .row{gap:10px}.device-heading #add-device{font-size:14px;padding:10px 15px}}

.primary-device{font-size:12px;color:#738477;align-self:center;padding:8px 0}.tile-actions{align-items:center;flex-wrap:wrap}