:root{font-family:Inter,system-ui,sans-serif;color:#153b32;background:#f3f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:42px 32px}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:40px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#62766c}h1{font-size:clamp(34px,5vw,58px);letter-spacing:-2.5px;line-height:1.1;font-weight:500;margin:20px 0}h2{font-size:20px;font-weight:550;margin:10px 0 20px}h3{font-size:15px;font-weight:550}p,small,footer{color:#61736a;font-size:13px;line-height:1.65}.connection{display:flex;gap:15px;align-items:center;font-size:12px;padding-top:8px}.connection>span{border:1px solid #ced7cb;padding:8px 13px;border-radius:30px}button,input,textarea{font:inherit}button{border:1px solid #ccd6cc;border-radius:9px;background:transparent;color:#234a3d;padding:10px 15px;cursor:pointer}button:disabled{cursor:wait;opacity:.55}.primary{background:#234f3e;color:white;border:0;padding:13px 22px}button:hover{filter:brightness(.94)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7fa58a;outline-offset:3px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.sectionhead>span,#age{font-size:11px;color:#6e7a70;font-weight:400}.cards{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:17px;margin-bottom:24px}.indexcard{padding:25px;background:#e1ead9;border-radius:18px;border-top:4px solid #9bae9a}.indexcard strong{display:block;font-size:70px;font-weight:500;letter-spacing:-4px;line-height:1.2;margin-top:20px}.indexcard h3{font-size:19px;margin:8px 0}.panel{background:#fff;border:1px solid #e2e7dd;border-radius:18px;padding:25px}.particles>div{display:flex;align-items:baseline;gap:10px;margin:18px 0}.particles b{margin-left:auto;font-size:30px;font-weight:500}.particles small{width:45px}.chartpanel{margin-bottom:24px}.chartpanel h2{margin-bottom:8px}.switch{display:flex;gap:4px}.switch button{font-size:12px;border:0}.switch button[aria-pressed=true]{background:#e4ecdf}.legend{display:flex;gap:22px;font-size:12px;margin:20px 0}.legend span:first-child{color:#276d52}.legend span:nth-child(2){color:#b77a37}.legend small{margin-left:auto}canvas{width:100%;height:240px;display:block}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.environment{display:grid;grid-template-columns:1fr 1fr;gap:20px}.environment b{font-size:20px;font-weight:500}label{display:block;font-size:12px;color:#61736a}input,textarea{display:block;width:100%;border:1px solid #d3ddd0;border-radius:8px;background:#fafbf8;padding:12px;margin:8px 0 15px;color:#153b32}textarea{height:66px;resize:vertical}.device dl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.device dt{font-size:11px;color:#718074;margin-bottom:7px}.device dd{margin:0;font-size:13px;overflow-wrap:anywhere}details{border-top:1px solid #e4e9e0;margin-top:24px;padding-top:18px;font-size:13px}summary{cursor:pointer}footer{padding:24px 0;max-width:900px;font-size:11px}a{color:#326648}.login{max-width:430px;margin:50px auto}#message{color:#a34d21}#chartEmpty{text-align:center}.warning{color:#a34d21!important}[hidden]{display:none!important}@media(max-width:740px){main{padding:24px 18px}header{margin-bottom:24px}.connection{flex-direction:column;align-items:flex-end}.cards{grid-template-columns:1fr 1fr}.particles{grid-column:1/-1}.indexcard{padding:18px}.indexcard strong{font-size:54px}.indexcard .eyebrow{font-size:9px;letter-spacing:1px}.bottom{grid-template-columns:1fr}.sectionhead{align-items:flex-start}.sectionhead>span{max-width:130px;text-align:right}.device dl{grid-template-columns:repeat(2,1fr)}.panel{padding:20px}.switch button{padding:8px}h1{letter-spacing:-1.5px}}
:root{scroll-behavior:smooth}.settings{margin-bottom:28px}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.settings article{min-width:0}.settings li{font-size:12px;color:#61736a;line-height:1.6;margin-bottom:10px}.connection{flex-wrap:wrap;justify-content:flex-end}.settings input{max-width:100%}@media(max-width:740px){.settingsgrid{grid-template-columns:1fr;gap:18px}}
:root{--snapshot-line:#dce5d6}.mobile-title,.mobile-snapshot{display:none}.readings-details{margin-top:20px}.readings-details summary{font-weight:600;padding:5px 0}.readings-details summary span{font-weight:400;color:#61736a}.table-scroll{max-width:100%;overflow:auto;max-height:440px;border:1px solid #e2e7dd;border-radius:10px;margin-top:12px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:right;white-space:nowrap}th,td{padding:12px 10px;border-bottom:1px solid #e7ece3}thead th{position:sticky;top:0;background:#eef3e9;color:#385443;z-index:1;font-weight:600}th:first-child,td:first-child,th:last-child,td:last-child{text-align:left}td:last-child{white-space:normal;min-width:180px;overflow-wrap:anywhere}tbody tr:nth-child(even){background:#fafbf8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:740px){main{padding:16px 14px}header{align-items:center;margin-bottom:14px;gap:8px}header .eyebrow{font-size:9px;letter-spacing:1px}.desktop-title{display:none}.mobile-title{display:inline}h1{font-size:23px;letter-spacing:-.7px;margin:5px 0}.connection{flex-direction:row;gap:5px;max-width:58%;padding:0}.connection>span{font-size:10px;padding:6px 8px}.connection button{font-size:10px;padding:6px 8px}#message:empty{display:none}.mobile-snapshot{display:block;padding:16px;margin-bottom:18px}.mobile-snapshot h2{font-size:16px;margin:0}.mobile-snapshot .sectionhead>span{font-size:10px}.snapshot-aqi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.snapshot-aqi>div{border-left:4px solid #819187;border-radius:8px;background:#edf3e8;padding:10px}.snapshot-aqi span{display:block;font-size:10px;color:#61736a}.snapshot-aqi strong{display:block;font-size:38px;line-height:1.15;font-weight:550;letter-spacing:-1px}.snapshot-aqi small{display:block;font-size:10px;line-height:1.25;margin-top:5px;min-height:25px}.snapshot-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;margin:16px 0 10px;padding-top:12px;border-top:1px solid var(--snapshot-line)}.snapshot-metrics dt{font-size:10px;color:#61736a;margin-bottom:4px}.snapshot-metrics dd{margin:0;font-size:14px;font-weight:600;white-space:nowrap}.mobile-snapshot>p{font-size:10px;margin:8px 0 0}.desktop-current,.cards,.room-conditions{display:none}.bottom{gap:16px}.chartpanel{margin-bottom:16px}.table-scroll{max-height:360px}th,td{padding:10px 8px}}
.readings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0}.readings-toolbar p{margin:0;flex:1;min-width:180px}.download-button{display:inline-block;text-decoration:none;font-size:12px;white-space:nowrap}.download-button:focus-visible{outline:3px solid #7fa58a;outline-offset:3px}
.reading-stamp{display:block;font-size:11px;line-height:1.45;color:#61736a;font-weight:400;white-space:normal!important}.reading-stamp time,.reading-stamp span{display:block}.reading-stamp.stale{color:#a04423}.reading-stamp.stale span{font-weight:700}.sensor-reading{margin-bottom:18px}.sensor-reading>span{display:block;font-size:11px;color:#61736a;margin-bottom:4px}.sensor-reading>b{display:block}.sensor-reading .reading-stamp{margin-top:6px}.particles .reading-stamp{margin-top:0;margin-bottom:14px}.snapshot-metrics dd.reading-stamp{font-size:9px;font-weight:400;line-height:1.45;margin-top:5px;white-space:normal}.snapshot-metrics dd.reading-stamp span{margin-top:3px}@media(max-width:740px){.snapshot-metrics{align-items:start;gap:14px 8px}.snapshot-metrics dd.reading-stamp{font-size:9px}}
.particles>.particle-reading{display:block;margin:18px 0}.particle-value{display:flex;align-items:baseline;gap:10px}.particles .particle-reading .reading-stamp{margin:4px 0 0}