:root{color-scheme:light;--bg:#f3f6f4;--panel:#ffffff;--text:#1d2622;--muted:#5e6c65;--accent:#0f7b5f;--accent-soft:#e2f4ee;--danger:#b22424;--border:#d8e0db}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#e8f7ef,var(--bg));color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif}.screen{min-height:100dvh;padding:32px 16px;display:flex;align-items:center;justify-content:center}.panel{width:min(980px,100%);background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 20px 40px rgba(23,44,34,.08)}.panel.narrow{width:min(520px,100%)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);margin:0}h1{margin:8px 0;font-size:clamp(1.4rem,2vw,2rem)}.subtitle{margin:0;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;margin-top:20px;border:none;border-radius:999px;padding:10px 18px;font:inherit;cursor:pointer;background:var(--accent);color:white;text-decoration:none}.button.ghost{margin-top:0;border:1px solid var(--border);background:var(--panel);color:var(--text)}.form{grid-gap:12px;gap:12px;margin-top:16px}.form,label{display:grid}label{grid-gap:6px;gap:6px;font-weight:600}input{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit}.header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.actions{display:flex;gap:10px;align-items:flex-start}.window-switch{display:flex;gap:8px;margin-top:14px;margin-bottom:8px}.window-button{min-width:64px}.window-button.active{background:var(--accent-soft);border-color:#b8ddd0;color:#0f6a52}.section-block{margin-top:20px}.section-title{margin:0 0 10px;font-size:1.05rem}.meta-list{margin-top:8px;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-top:18px}.card{border-radius:14px;background:var(--accent-soft);border:1px solid #cde8dd;padding:14px}.card-title{margin:0;color:var(--muted);font-size:14px}.card-heading{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.card-value{margin:8px 0;font-size:1.6rem;font-weight:700}.card-meta{margin:4px 0;color:var(--muted);font-size:.85rem}.card-description{margin:0;color:var(--muted);font-size:.9rem}.state-pill{border-radius:999px;border:1px solid transparent;font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:uppercase;letter-spacing:.02em}.state-ready{background:#d8f3e8;border-color:#b0ddc9;color:#0f6a52}.state-insufficient_data,.state-low_confidence{background:#fff2d6;border-color:#f0d7a1;color:#936500}.state-derivation_error{background:#ffe1e1;border-color:#efb0b0;color:#8b2020}.state-insufficient_history,.state-no_today_data{background:#eef1f5;border-color:#d4d9e0;color:#4d5764}.card-insufficient_data,.card-low_confidence{background:#fff8ea;border-color:#f3ddae}.card-derivation_error{background:#fff1f1;border-color:#efc2c2}.card-insufficient_history,.card-no_today_data{background:#f5f7f9;border-color:#dce2e8}.meter{width:100%;height:8px;background:#edf2ef;border-radius:999px;overflow:hidden;margin:6px 0 8px}.meter>span{display:block;height:100%;background:var(--accent)}.trend-chart{margin-top:10px;min-height:44px}.trend-chart svg{width:100%;height:44px}.trend-chart path{fill:none;stroke:var(--accent);stroke-width:2}.error{color:var(--danger);margin-top:12px}@media (max-width:640px){.panel{padding:16px}.actions{width:100%}.button.ghost{flex:1 1}}