@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#26352d;background:#f6f5ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:1440px;margin:auto;padding:0 8%}button,input{font:inherit}.topbar{height:94px;border-bottom:1px solid #dedfd5;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;font-weight:700;letter-spacing:-2px;text-decoration:none;color:#26352d}.brand-icon{display:inline-flex;background:#dd7146;color:white;width:35px;height:35px;align-items:center;justify-content:center;border-radius:50%;font-size:18px;letter-spacing:0;margin-right:8px}.brand-period,.orange{color:#df744a}.top-right{display:flex;align-items:center;gap:38px}.top-caption,.date-block span,footer,.section-kicker,.eyebrow,.card-top,.card-bottom,.chart-foot,.device span{font-size:10px;font-weight:700;letter-spacing:1.5px}.top-caption{color:#969c90}.text-button{border:0;background:none;color:#5f6b60;font-size:12px;cursor:pointer}.text-button span{font-size:17px;margin-left:8px}.welcome{display:flex;justify-content:space-between;align-items:end;padding:66px 0 62px}.eyebrow{color:#df744a;display:flex;align-items:center;gap:10px;margin:0 0 20px}.eyebrow-line{width:25px;height:2px;background:#df744a}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;margin:0;letter-spacing:-.8px}h1{font-size:clamp(42px,5vw,66px);line-height:1.05}h1 em{color:#d97047}.intro{color:#788377;font-size:14px;margin:17px 0 0}.date-block{border-left:1px solid #dedfd5;padding-left:22px;display:grid;gap:5px;color:#8c968a}.date-block strong{color:#34483a;font-size:22px;letter-spacing:-.5px}.date-block small{font-size:11px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-kicker{color:#d77954;margin:0 0 9px}h2{font-size:30px}.pill{border:1px solid #dfe4d9;background:#edf1e8;padding:9px 13px;border-radius:30px;color:#607866;font-size:11px;font-weight:700}.dot,.mini-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#84a785;margin-right:7px}.pill.stale{background:#f7eadd;color:#9c633d}.pill.stale .dot{background:#d88657}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.reading{min-height:208px;background:#fff;border:1px solid #e9eae3;border-radius:10px;padding:24px 26px;display:flex;flex-direction:column;justify-content:space-between}.primary-card{background:#273d31;color:#fff;border-color:#273d31}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#96a298}.primary-card .card-top,.primary-card .card-bottom{color:#b5c1b4}.card-icon,.probe-icon{font-size:22px;line-height:1;color:#d77a50}.reading-value{font-family:'DM Serif Display',Georgia,serif;font-size:67px;line-height:1;letter-spacing:-3px}.reading-value small{font-size:35px;vertical-align:top;letter-spacing:0}.card-bottom b{color:#fff}.card-tag{padding:5px 9px;border:1px solid #647669;border-radius:4px;color:#e6ece4}.mini-dot{margin:0;background:#dd8a5b}.chart-card{background:#fff;border:1px solid #e9eae3;border-radius:10px;margin-top:22px;padding:30px 30px 22px}.chart-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.chart-head p:not(.section-kicker){font-size:12px;color:#8a9589;margin:9px 0}.ranges{display:flex;padding:4px;background:#f4f5f0;border-radius:7px;gap:2px}.ranges button{border:0;background:transparent;color:#899588;font-size:10px;font-weight:700;padding:9px 13px;cursor:pointer;border-radius:5px}.ranges button.selected{background:white;color:#30483a;box-shadow:0 1px 4px #ddd}.legend{display:flex;gap:23px;margin:30px 0 15px;color:#7c887c;font-size:11px}.swatch{display:inline-block;width:16px;height:3px;vertical-align:middle;margin-right:7px;border-radius:2px}.swatch.grill{background:#dd774f}.swatch.target{background:#d0a87a}.swatch.probe1{background:#668d72}.swatch.probe2{background:#9caaa0}.chart-wrap{height:235px;position:relative}.chart-wrap canvas{width:100%;height:100%}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#a5aea1;font-size:13px;pointer-events:none}.chart-foot{display:flex;justify-content:space-between;border-top:1px solid #eff0ea;padding-top:18px;margin-top:10px;color:#a5aea2;font-size:9px}.bottom-row{display:flex;justify-content:space-between;align-items:center;padding:27px 0 18px}.activity{display:flex;gap:13px;align-items:center}.activity-icon{background:#f3e3d8;color:#d97c51;padding:11px;border-radius:50%}.activity strong,.device strong{font-size:12px}.activity p{font-size:11px;color:#99a397;margin:5px 0 0}.device{display:grid;gap:5px;text-align:right}.device span{color:#a5aea2;font-size:9px}.settings{border-top:1px solid #dfe3d9;padding:20px 0;color:#637064;font-size:13px}.settings summary{cursor:pointer;font-weight:700;display:flex;justify-content:space-between}.settings p{color:#879287}.settings form{max-width:600px}.settings label,.auth-card label{display:block;font-size:11px;font-weight:700;margin:15px 0 7px}.inline{display:flex;gap:8px}input{min-width:0;flex:1;border:1px solid #dce1d7;background:white;border-radius:6px;padding:13px;color:#273d31}.primary{border:0;border-radius:6px;background:#d97149;color:#fff;padding:13px 18px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.primary span{margin-left:10px}.auth-card{background:#fff;border:1px solid #e9eae3;border-radius:10px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.auth-card p:not(.section-kicker){color:#879287;font-size:13px}.error{color:#b85d43!important;font-size:12px}.error:empty{display:none}footer{border-top:1px solid #dfe3d9;color:#a4aca0;display:flex;justify-content:space-between;padding:25px 0 40px;font-size:9px}footer b{color:#d97149;padding:0 5px}[hidden]{display:none!important}@media(max-width:700px){.shell{padding:0 5%}.topbar{height:75px}.top-caption,.date-block{display:none}.welcome{padding:45px 0}.cards{grid-template-columns:1fr;gap:10px}.reading{min-height:170px}.reading-value{font-size:56px}.chart-head{align-items:flex-start;flex-direction:column}.chart-card{padding:22px 18px}.legend{gap:12px;flex-wrap:wrap}.auth-card{grid-template-columns:1fr}.inline{flex-wrap:wrap}.inline input{flex-basis:100%}.bottom-row{gap:10px}.chart-foot{font-size:8px}}
.grill-bar{display:flex;align-items:center;gap:12px;margin-bottom:30px}.grill-bar label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#879287}.grill-bar select{border:1px solid #dce1d7;border-radius:6px;background:white;color:#273d31;padding:10px;font:inherit;font-size:12px;max-width:55%}.outline-button{border:1px solid #d8ded3;background:white;border-radius:6px;padding:10px 14px;color:#405547;cursor:pointer;font-size:12px;font-weight:700}.outline-button:disabled,.primary:disabled{opacity:.5;cursor:not-allowed}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:12px 0 15px}.settings-grid h3{font-size:15px;color:#273d31;margin-bottom:5px}.settings-grid form{max-width:none}.settings-grid input{width:100%}.discover-button{margin-top:14px}.discovered-grill{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e8ebe4;padding:12px 0;font-size:12px;overflow-wrap:anywhere}@media(max-width:700px){.grill-bar{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr;gap:18px}}
.controls-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:17px;margin-top:22px}.panel{background:#fff;border:1px solid #e9eae3;border-radius:10px;padding:26px}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.status-age{font-size:10px;color:#8d988e;white-space:nowrap}.indicators{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.indicators div{display:grid;gap:9px}.indicators span{font-size:9px;font-weight:700;letter-spacing:1px;color:#98a298}.indicators strong{font-size:13px;color:#8b978c}.indicators strong.is-on{color:#5a8665}.indicators strong.is-on:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#80a883;margin-right:6px}.state-note,.panel-intro{font-size:12px;color:#879287;margin:18px 0 0}.panel form label{display:block;font-size:11px;font-weight:700;margin:15px 0 7px}.panel form input,.panel form select{width:100%;border:1px solid #dce1d7;border-radius:6px;background:white;padding:12px;color:#273d31;font:inherit}.panel form select{flex:1}.control-message{font-size:12px;color:#637d68;margin:10px 0 0}.control-message:empty{display:none}@media(max-width:700px){.controls-grid{grid-template-columns:1fr}.indicators{grid-template-columns:repeat(4,1fr)}}

.refresh-grill{margin-top:12px}
