:root{--ink:#172a2a;--muted:#6d7c7b;--bg:#f4f7f6;--card:#fff;--green:#147a70;--green2:#dcefeb;--blue:#3f78c5;--amber:#df8a25;--line:#dfe7e5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px}.shell{width:min(760px,100%);min-height:100vh;margin:auto;padding:24px 22px 48px}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:32px;margin:2px 0 18px}h2{font-size:24px;margin:8px 0}h3{margin:0;font-size:21px}.eyebrow{font-size:13px;letter-spacing:.09em;color:var(--muted);font-weight:750;margin:0}.muted{color:var(--muted);margin:5px 0}.round{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:21px}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;background:#e7edeb;border-radius:15px;margin-bottom:22px}.tab{border:0;background:transparent;padding:13px 4px;border-radius:11px;font-size:17px;font-weight:650;color:#687675}.tab.active{background:white;color:var(--green);box-shadow:0 2px 10px #1d4b4514}.view{display:none}.view.active{display:block}.hero{display:flex;align-items:center;gap:22px;background:linear-gradient(135deg,#e1f1ed,#f4faf8);border:1px solid #cfe3df;padding:21px;border-radius:20px}.ring{width:91px;height:91px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#fff 55%,transparent 57%),conic-gradient(var(--green) 37.5%,#c9ddd9 0)}.ring b{font-size:28px}.ring span{font-size:13px;color:var(--muted)}.primary{width:100%;border:0;background:var(--green);color:#fff;border-radius:15px;padding:17px;font-weight:750;font-size:19px;margin:16px 0;box-shadow:0 5px 14px #147a7038}.section-title{display:flex;align-items:end;justify-content:space-between;margin:24px 2px 12px}.section-title span{color:var(--muted);font-size:14px}.cards{display:grid;gap:10px}.task{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.task .time{width:56px;font-weight:700}.task .icon{width:42px;height:42px;border-radius:12px;background:#e8f2f0;display:grid;place-content:center}.task .copy{flex:1}.task b,.task small{display:block}.task small{color:var(--muted);margin-top:3px}.task.done{opacity:.6}.task.done b{text-decoration:line-through}.check{width:27px;height:27px;border:2px solid #adc0bc;border-radius:50%;background:white}.task.done .check{background:var(--green);border-color:var(--green);color:#fff}.symptom-open{width:100%;display:flex;text-align:left;align-items:center;gap:14px;border:1px solid #a9c5bf;background:#f7fbfa;padding:17px;border-radius:16px;margin-top:0;font-size:17px}.symptom-open span{font-size:28px;color:var(--green)}.symptom-open small{display:block;color:var(--muted);margin-top:4px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics article{background:#fff;padding:16px;border:1px solid var(--line);border-radius:16px}.metrics small,.metrics span{display:block;color:var(--muted);font-size:13px}.metrics b{display:block;font-size:24px;margin:8px 0}.chart-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;margin:14px 0 22px}.chart-head{display:flex;justify-content:space-between}.chart-head p{margin:4px 0;color:var(--muted);font-size:14px}.legend{color:var(--amber);font-size:13px}svg{width:100%;margin-top:12px}.grid line{stroke:#e3e9e7}.axis,.days{fill:#71817f;font-size:13px}.limit{stroke:#e6aa62;stroke-dasharray:7}.sys,.dia{fill:none;stroke-width:4;stroke-linejoin:round}.sys{stroke:var(--blue)}.dia{stroke:var(--green)}.dots circle{fill:var(--blue)}.dots .odd{fill:var(--amber)}.chart-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.blue{background:var(--blue)}.green{background:var(--green)}.amber{background:var(--amber)}.alert{display:flex;gap:14px;background:#fff8ed;border:1px solid #f0d5ae;border-radius:16px;padding:16px;margin:10px 0}.alert>span{display:grid;place-content:center;min-width:35px;height:35px;border-radius:50%;background:var(--amber);color:white;font-weight:bold}.alert p,.alert small{margin:4px 0;color:#5f6e6d}.report-icon{width:74px;height:74px;border-radius:22px;background:var(--green2);color:var(--green);display:grid;place-content:center;font-size:38px;margin:38px auto 14px}#report>h2{text-align:center}.center{text-align:center}.period{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:30px 0 16px}.period button{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:16px}.period .selected{border:2px solid var(--green);color:var(--green);background:#eaf6f3}.report-preview{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.report-preview p{font-size:16px}.fine{font-size:13px}.modal{display:none;position:fixed;inset:0;background:#1529278c;align-items:end;justify-content:center;padding:0}.modal.open{display:flex}.sheet{width:min(760px,100%);background:#fff;border-radius:24px 24px 0 0;padding:12px 22px 28px}.grab{width:44px;height:5px;background:#d2dcda;border-radius:4px;margin:0 auto 18px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}.chip{border:1px solid #bdccca;background:#fff;border-radius:999px;padding:11px 14px;font-size:16px}.chip.selected{color:#fff;background:var(--green);border-color:var(--green)}.note{display:block;font-size:14px;font-weight:700}.note textarea{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;resize:none}.secondary{width:100%;border:0;background:transparent;color:var(--muted);padding:10px;font-size:17px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);background:#183633;color:white;border-radius:12px;padding:13px 18px;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:560px){body{font-size:17px}.shell{padding:18px 15px 38px}h1{font-size:28px}.hero{padding:17px}.ring{width:80px;height:80px}.metrics{grid-template-columns:1fr}.metrics article{display:grid;grid-template-columns:1fr auto;align-items:center}.metrics b{grid-row:1/3;grid-column:2}.chart-card{padding:12px}.task{padding:13px 11px}.task .time{width:49px}.chart-legend{gap:9px}}