.trends-screen{background:#ede8dd;color:#17181a;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.trends-page{max-width:650px;margin:0 auto}
.trends-page h1,.trends-page h2,.trends-page h3,.trends-page p{margin:0}
.trends-heading{margin:4px 0 25px}
.trends-heading h1{font-family:'Source Serif 4',Georgia,serif;font-size:2.35rem;font-weight:400;line-height:1.1;letter-spacing:-.01em}
.trends-heading p{color:#5b5f63;font-size:.86rem;margin-top:7px}
.trends-period{display:flex;gap:0;margin-bottom:17px;border:1px solid #d9d4c8;width:max-content}
.trends-period button{border:0;background:#f9f7f2;color:#5b5f63;padding:9px 16px;font-size:.8rem;font-weight:600}
.trends-period button+button{border-left:1px solid #d9d4c8}
.trends-period button[aria-pressed=true]{background:#17181a;color:#f9f7f2}
.trends-card{background:#f9f7f2;border:1px solid #d9d4c8;border-radius:0;padding:20px 18px;margin:0 0 12px;box-shadow:none}
.trends-card h2{font-size:1.05rem;line-height:1.3;letter-spacing:-.015em;font-weight:600}
.trends-card h3{font-size:.77rem;font-weight:600;margin:0 0 4px}
.trends-card p{color:#5b5f63;font-size:.76rem;line-height:1.45;margin-top:4px}
.trends-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.trends-card-head strong{white-space:nowrap;font-size:1.5rem;line-height:1.2;font-weight:600}
.trends-card-head small{font-size:.68rem;font-weight:400;color:#5b5f63}
.trends-card svg{display:block;width:100%;height:auto;margin-top:19px;overflow:visible}
.trends-card svg text{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;fill:#5b5f63;font-weight:400}
.trends-bp-svg line{stroke:#d9d4c8;stroke-width:.7}
.trends-bp-svg .trends-band{fill:#1f6a50;fill-opacity:.12;transform-box:fill-box;transform-origin:left center}
.trends-bp-svg .trends-point{fill:#17181a;stroke:#f9f7f2;stroke-width:2;transform-box:fill-box;transform-origin:center}
.trends-bp-svg .trends-point-outside{fill:#f9f7f2;stroke:#17181a;stroke-width:1.5}
.trends-legend{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:11px;color:#5b5f63;font-size:.67rem}
.trends-legend span{display:inline-flex;align-items:center;gap:5px}
.trends-legend i{display:inline-block;flex:none;width:12px;height:12px}
.trends-legend-band{background:rgb(31 106 80 / 12%)}
.trends-legend-dot{width:8px!important;height:8px!important;border-radius:50%;background:#17181a}
.trends-legend-ring{width:8px!important;height:8px!important;border-radius:50%;background:#17181a;outline:1.5px solid #17181a;outline-offset:2px;margin:0 3px}
.trends-note{margin-top:13px!important}
.trends-glucose-row{margin-top:20px;border-top:1px solid #d9d4c8;padding-top:11px}
.trends-glucose-row svg{margin-top:0}
.trends-glucose-below{fill:#d5d2cb}
.trends-glucose-inside{fill:#1f6a50;fill-opacity:.4}
.trends-glucose-above{fill:#6f736e}
.trends-glucose-empty{fill:#e8e5de}
.trends-a1c-svg path{fill:none;stroke:#17181a;stroke-width:1.5}
.trends-a1c-svg circle{fill:#17181a;stroke:#f9f7f2;stroke-width:2}
.trends-a1c-svg .trends-a1c-value{fill:#17181a;font-size:11px;font-weight:600}
.trends-empty{padding:20px 0}
.trends-add .trends-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trends-add label{margin:18px 0 0;color:#17181a;font-size:.75rem;font-weight:600}
.trends-add input:not([type=checkbox]){border-radius:0;border:1px solid #a8a49b;background:#fff;height:43px;color:#17181a}
.trends-add button[type=submit]{margin-top:16px;border:0;border-radius:0;background:#1f6a50;color:#fff;min-height:44px;padding:10px 16px;font-weight:600}
.trends-add .trends-form-status{min-height:1.1em;margin-top:9px}
.trends-screen :is(button,input):focus-visible{outline:2px solid #1f6a50;outline-offset:2px}
@media (prefers-reduced-motion:no-preference){
  .trends-bp-svg .trends-band{animation:trends-band-settle 320ms cubic-bezier(.2,0,0,1) both}
  .trends-bp-svg .trends-point{animation:trends-point-settle 240ms cubic-bezier(.2,0,0,1) 80ms both}
}
@keyframes trends-band-settle{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes trends-point-settle{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
.trends-capture-primary{margin:0 0 18px}
.trends-card-head{display:flex;align-items:flex-start;justify-content:space-between}
.trends-card-head h2{font-size:22px;line-height:1.2}
.trends-card-head p{font-size:14px;margin-top:4px}
.trends-card-head .trends-simulated-tag{color:#5b5f63;font:400 12px/1.4 Inter,sans-serif}
.trends-reading{margin-top:16px}
.trends-reading strong{font-size:40px;line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums}
.trends-reading small{font-size:13px;font-weight:400;color:#5b5f63}
.trends-bp-svg .trends-point,.trends-glucose-svg .trends-point{fill:#17181a;stroke:#f9f7f2;stroke-width:2}
.trends-bp-svg .trends-point-outside,.trends-glucose-svg .trends-point-outside{fill:#17181a;stroke:#17181a;stroke-width:1.5;paint-order:stroke;filter:drop-shadow(0 0 1px #f9f7f2)}
.trends-glucose-svg .trends-band{fill:#1f6a50;fill-opacity:.12}
.trends-card .trends-glucose-count{font-size:14px;margin-top:8px}
.trends-bp-svg .trends-point-value,.trends-bp-svg .trends-band-label{font:11px Inter,sans-serif;fill:#5b5f63;font-variant-numeric:tabular-nums}
.trends-type-link{border:0;background:transparent;color:#1f6a50;text-decoration:underline;padding:0;font-size:14px;cursor:pointer}
.trends-add form[hidden]{display:none}
.trends-share-preview{display:block;width:100%;min-height:44px;margin:0 0 16px;padding:10px 0;border:0;background:transparent;color:#1f6a50;text-align:left;text-decoration:underline;font-size:14px}.trends-share-list{white-space:pre-wrap;font:13px/1.6 Inter,sans-serif;color:#17181a}.trends-copy{min-height:44px;padding:10px 16px;border:1px solid #1f6a50;background:#f9f7f2;color:#1f6a50}