:root{color-scheme:dark;--bg:#101b19;--panel:#192522;--muted:#90a79e;--text:#eef4ed;--line:#2d3d37;--mint:#bbebbf;--t:#edb69e;--h:#a2cbe8;--l:#e4d59b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 10%,#28423140,transparent 45%)}main{max-width:1200px;margin:auto;padding:32px 48px 0;position:relative}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:750;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:400;color:var(--muted);margin-top:1px}.brand-mark{display:grid;place-content:center;background:var(--mint);color:#254633;width:42px;height:42px;border-radius:14px;font:italic 36px/1 Georgia;position:relative}.brand-mark span{position:absolute;font-size:10px;right:8px;top:7px}.connection{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.connection i,.pulse{width:6px;height:6px;border-radius:50%;background:#698078;display:inline-block}.connection i.online,.pulse{background:var(--mint);box-shadow:0 0 12px #bceec444}.intro{display:grid;grid-template-columns:1fr 390px;align-items:center;padding:56px 0 38px;gap:20px}.eyebrow{color:var(--mint);font-size:9px;letter-spacing:2.6px;font-weight:650}h1{font-size:46px;line-height:1.28;font-weight:600;letter-spacing:-1px;margin:16px 0}h1 span{color:var(--mint)}.intro p{font-size:12px;color:var(--muted);letter-spacing:1px;margin:14px 0 23px}.live-caption{font-size:10px;color:var(--muted);display:flex;gap:9px;align-items:center}.text-button{border:0;background:none;color:var(--muted);padding:5px 7px;font-size:11px}.text-button[aria-pressed=true]{color:var(--mint)}.cat-scene{position:relative;height:270px;display:grid;place-items:center}.cat{width:270px;position:relative;animation:bob 6s ease-in-out infinite}.orbit{border:1px solid #58715a38;position:absolute;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:330px;height:210px}.orbit-two{width:270px;height:265px;transform:rotate(30deg)}.spark{position:absolute;color:#c8dfb5}.spark-one{top:24px;left:38px;font-size:28px}.spark-two{right:32px;top:68px;font-size:16px}.scene-label{position:absolute;right:4px;top:0;font-size:8px;letter-spacing:2px;color:#6a8677}.cat-note{position:absolute;bottom:3px;border:1px solid #45634c;background:#1b3024d9;padding:5px 16px;border-radius:30px;font-size:10px;color:#c8e4bd}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:23px 25px;position:relative;overflow:hidden}.metric:after{position:absolute;content:"";width:130px;height:130px;right:-50px;top:-65px;background:currentColor;filter:blur(55px);opacity:.06;border-radius:50%}.temperature{color:var(--t)}.humidity{color:var(--h)}.illuminance{color:var(--l)}.metric-top{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text)}.metric-icon{background:#ffffff09;color:inherit;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;font-size:20px}.metric-top small{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.reading{display:flex;align-items:baseline;gap:8px;margin:20px 0 12px}.reading strong{font-size:45px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-1.5px}.reading>span{font-size:15px}.metric-bottom{font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.metric-bottom>span:first-child{letter-spacing:.8px}.history{margin-top:51px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:23px;font-weight:550;margin:5px 0 20px}.button{font-size:11px;padding:9px 15px;border:1px solid var(--line);border-radius:9px;color:#c3d4ca}.toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0 13px}.date-control{display:flex;background:#1c2b25;border:1px solid var(--line);border-radius:9px;overflow:hidden}.date-control button{border:0;background:none;color:var(--muted);width:32px;font-size:21px}.date-control input{border:0;background:transparent;font-size:12px;max-width:151px;padding:7px 5px;min-width:0;outline:none}.presets{display:flex;gap:5px}.presets button{border:0;background:transparent;color:var(--muted);padding:6px 10px;border-radius:7px;font-size:11px}.presets button.active{color:var(--mint);background:#bceec40b}.resolution{font-size:10px;color:var(--muted);margin-left:auto}.days{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 15px;font-size:10px;color:var(--muted)}.days button{padding:3px 8px;background:#233c2d;color:var(--mint);border:1px solid #365540;border-radius:5px;font-size:10px}.chart-list{display:grid;gap:15px}.chart-card{background:#17231f;border:1px solid var(--line);border-radius:17px;padding:19px 23px 4px;min-width:0}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}h3{font-size:12px;font-weight:550;margin:0;display:flex;gap:8px;align-items:center}h3 small{font-size:10px;color:var(--muted);font-weight:400}.metric-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.t{background:var(--t)}.h{background:var(--h)}.l{background:var(--l)}.stats{color:var(--muted);font-size:10px;word-spacing:5px}.chart{height:230px;width:100%}.history-footer{display:flex;justify-content:space-between;gap:12px;margin:18px 0;font-size:10px;color:var(--muted)}footer{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);margin-top:45px;padding:23px 0 30px;font-size:10px;letter-spacing:1px;color:var(--muted)}footer>span:nth-of-type(2){margin-left:auto;font-size:9px}.footer-cat{font-size:25px;color:var(--mint)}footer small{font-size:9px}.error{padding:10px 16px;border-radius:10px;background:#5e342b66;color:#f3b9aa;font-size:12px;margin:0 0 16px}@keyframes bob{50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:850px){main{padding:24px 24px 0}.intro{grid-template-columns:1fr 280px;padding:40px 0 30px}h1{font-size:38px}.cat-scene{transform:scale(.82);transform-origin:center}.metric{padding:20px 18px}.reading strong{font-size:37px}.metric-bottom{font-size:8px}.stats{font-size:9px;word-spacing:1px}}@media(max-width:600px){main{padding:20px 16px 0}.brand{font-size:12px}.brand small{font-size:8px}.connection{font-size:10px}.intro{grid-template-columns:1fr 140px;gap:0;padding:35px 0 23px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:30px;margin:13px 0}.intro p{font-size:10px;max-width:210px;line-height:1.8;letter-spacing:0}.cat-scene{height:200px;transform:scale(.53);width:270px;transform-origin:left center}.live-caption{font-size:8px;gap:5px;flex-wrap:wrap}.text-button{font-size:10px;padding:4px}.metrics{gap:8px}.metric{padding:13px 10px;border-radius:14px}.metric-top{font-size:10px;gap:4px}.metric-icon{width:20px;height:20px;font-size:16px}.metric-top small{display:none}.reading{gap:3px;margin:19px 0 9px}.reading strong{font-size:29px;letter-spacing:-1px}.reading>span{font-size:11px}.metric-bottom{display:block}.metric-bottom span{display:block;line-height:1.7}.metric-bottom>span:first-child{font-size:7px;letter-spacing:0}.history{margin-top:32px}.section-title h2{font-size:20px}.toolbar{gap:9px;padding-top:15px}.resolution{order:3;margin-left:0;width:65%;font-size:9px}.chart-card{padding:16px 11px 0}.chart-heading{align-items:flex-start}.stats{font-size:8px;max-width:240px;text-align:right}.chart{height:220px}.history-footer{flex-direction:column;gap:3px;font-size:9px}footer{gap:7px;font-size:8px}footer small{display:none}footer>span:nth-of-type(2){font-size:8px;letter-spacing:0}}