:root{font-family:Instrument Sans,sans-serif;color:#132127;background:radial-gradient(circle at top left,rgba(255,190,92,.35),transparent 30%),radial-gradient(circle at right,rgba(51,156,255,.18),transparent 25%),linear-gradient(180deg,#f5efe4,#f7f7f2 52%,#eef4f6);line-height:1.5;font-weight:400;--ink: #132127;--muted: #5f6d73;--surface: rgba(255, 255, 255, .8);--surface-strong: #ffffff;--border: rgba(19, 33, 39, .1);--accent: #0b7a75;--accent-dark: #075b57;--warm: #e68a2e;--shadow: 0 20px 60px rgba(31, 38, 40, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink)}button,input,select{font:inherit}button,.text-link{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}button:hover,.text-link:hover{transform:translateY(-1px)}button{border:none;padding:.3rem 1.2rem;background:linear-gradient(135deg,var(--accent) 0%,#0a8f88 100%);color:#fff;font-weight:500;cursor:pointer;box-shadow:0 10px 24px #0b7a753d}button:disabled{opacity:.7;cursor:wait;transform:none}.secondary-button{background:#13212714;color:var(--ink);box-shadow:none}input,select{width:100%;margin-top:.45rem;padding:.3rem 1rem;border:1px solid var(--border);background:#ffffffeb}label{display:block;color:var(--muted);font-size:.96rem}.shell{width:min(1180px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 4rem}.landing-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:1.5rem;min-height:100vh;align-items:center}.narrow-shell{min-height:100vh;display:grid;place-items:center}.dashboard-shell{padding-top:1.5rem}.hero-card,.panel{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.hero-card{padding:2.5rem}.hero-card h1,.dashboard-header h1,.section-header h2{font-family:Space Grotesk,sans-serif;margin:0;line-height:1.05}.hero-card h1{font-size:clamp(2.8rem,5vw,4.9rem);max-width:11ch}.hero-copy{max-width:50ch;color:var(--muted);font-size:1.05rem}.hero-points{display:grid;gap:1rem;margin-top:2rem}.hero-points div{padding:1rem 1.1rem;background:#ffffffb3;border:1px solid rgba(19,33,39,.07)}.hero-points strong,.meter-chip strong,.meter-line-header strong,.reading-row strong{display:block}.hero-points span,.section-header p,.dashboard-header p,.meter-chip span,.meter-chip small,.reading-row span,.empty-state p{color:var(--muted)}.panel{padding:1.5rem}.stack{display:grid;gap:1rem}.compact-form{margin-top:1rem}.split-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.section-header span,.eyebrow{display:inline-flex;margin-bottom:.65rem;color:var(--warm);font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.section-header-row{display:flex;align-items:start;justify-content:space-between;gap:1rem}.section-header-actions{display:flex;align-items:start}.section-header p{margin:.4rem 0 0}.error-message{color:#9a2a2a;margin:0}.banner{margin-bottom:1rem}.dashboard-header{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1.25rem}.dashboard-grid>.panel:first-child,.chart-panel,.readings-panel{grid-column:1 / -1}.meter-line-list,.reading-list{display:grid;gap:1rem;margin-top:2rem}.meter-line-list{display:flex;flex-wrap:wrap}.meter-line-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.pill{padding:.3rem .7rem;background:#0b7a751a;color:var(--accent-dark);font-size:.84rem;font-weight:700}.meter-sequence{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.meter-line-card{min-width:min(100%,220px)}.meter-chip{text-align:left;padding:1rem;background:#fff;border:1px solid rgba(19,33,39,.08);color:inherit;box-shadow:none;min-width:220px}.meter-chip.is-active{background:linear-gradient(135deg,#0b7a751f,#e68a2e24);border-color:#0b7a7547}.empty-state{padding:1.2rem;border:1px dashed rgba(19,33,39,.18)}.reading-list{gap:0}.reading-row{display:flex;gap:1rem;border-bottom:1px solid rgba(19,33,39,.08);padding:.2rem 1rem;align-items:center}.reading-row .reading-meta .date{font-weight:500;font-size:1.13em;font-variant-numeric:lining-nums;font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";-moz-font-feature-settings:"tnum"}.reading-row .reading-value{display:flex;align-items:baseline;gap:.2rem}.reading-row .reading-value .units{font-size:.95em}.reading-meter{color:#5f6d73c7;transition:color .18s ease,opacity .18s ease}.reading-meter span{display:inline-block;opacity:.82}.reading-row .reading-value .value{font-weight:600;font-size:1.13em;font-variant-numeric:lining-nums;font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";-moz-font-feature-settings:"tnum"}.reading-row button.edit{margin-left:auto;visibility:hidden}.reading-row .reading-meter{opacity:0;transition:opacity .18s ease}.reading-row{flex-wrap:wrap;position:relative}@media (pointer:coarse){.reading-row .edit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}}.reading-row:hover,.reading-row.editing{background:linear-gradient(135deg,#0b7a751f,#e68a2e24)}.reading-row.editing{padding:.8rem 1rem;row-gap:.2rem}.reading-row.editing .reading-edit-form{margin-top:.8rem}.reading-row:hover .reading-meter,.reading-row.editing .reading-meter{color:var(--muted);opacity:1}.reading-row:hover .reading-meter span{opacity:1}.reading-row:hover button.edit{visibility:visible}.reading-edit-form{width:100%;display:grid;gap:.8rem}.inline-actions{display:flex;gap:.75rem}.text-link{color:var(--accent-dark);text-decoration:none;font-weight:600}.icon-button{min-width:2.5rem;padding:.8rem;display:flex;align-items:center}.icon-button.close{flex-grow:0;flex-shrink:1;min-width:0;width:auto;line-height:1}.icon-button.close svg{width:1.5rem;height:1.5rem}.reading-picker{margin-top:1rem}.chart-panel-body{margin-top:1.5rem;display:grid;gap:1rem}.chart-summary{display:flex;flex-wrap:wrap;gap:.9rem}.chart-stat{min-width:140px;padding:.9rem 1rem;border:1px solid rgba(19,33,39,.08);background:#ffffffb8}.chart-stat strong{display:block;font-size:1.4rem;line-height:1.1;font-family:Space Grotesk,sans-serif}.chart-stat span{color:var(--muted)}.chart-frame{height:320px;padding:1rem;border:1px solid rgba(19,33,39,.08);background:linear-gradient(180deg,#ffffffe6,#f5efe4a6)}.chart-frame canvas{width:100%!important;height:100%!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1321275c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:1rem;z-index:20}.modal-card{width:min(640px,100%);max-height:calc(100vh - 2rem);overflow:auto;padding:1.5rem;border:1px solid var(--border);background:#fffffff5;box-shadow:var(--shadow)}.modal-header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.modal-header h2{margin:0;font-family:Space Grotesk,sans-serif}.modal-header p:not(.eyebrow){margin:.4rem 0 0;color:var(--muted)}@media (max-width: 900px){.landing-shell,.dashboard-grid{grid-template-columns:1fr}.dashboard-header{align-items:start;flex-direction:column}.reading-row .edit,.reading-row .reading-meter{display:none}.reading-row:hover .edit,.reading-row:hover .reading-meter,.reading-row.editing .reading-meter{display:block}}@media (max-width: 640px){.shell{width:min(100vw - 1rem,1180px);padding-bottom:2rem}.hero-card,.panel{padding:1.1rem}.split-fields{grid-template-columns:1fr}.hero-card h1{font-size:2.6rem}.meter-line-list,.section-header-row{flex-direction:column}button{width:100%}.reading-row,.inline-actions{grid-template-columns:1fr}.meter-chip,.meter-line-card{min-width:100%}}