.trend-chart-v2{background:var(--card);border:1px solid var(--border);color:var(--foreground);border-radius:12px;overflow:hidden}.trend-chart-v2--compact{border-radius:8px}.trend-chart-v2--empty{text-align:center;padding:2rem}.trend-chart-v2__empty-message{color:var(--muted-foreground);font-size:.9rem}.trend-chart-v2__header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.trend-chart-v2--compact .trend-chart-v2__header{padding:.75rem 1rem}.trend-chart-v2__latest{flex-direction:column;gap:.25rem;display:flex}.trend-chart-v2__latest-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.trend-chart-v2__latest-value{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.trend-chart-v2__value-number{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:700;line-height:1}.trend-chart-v2--compact .trend-chart-v2__value-number{font-size:1.5rem}.trend-chart-v2__value-unit{color:var(--muted-foreground);font-size:1rem;font-weight:500}.trend-chart-v2__zone-badge{border:1.5px solid;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;animation:.4s badge-pop;display:inline-flex}@keyframes badge-pop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.trend-chart-v2__latest-date{color:var(--muted-foreground);margin-top:.25rem;font-size:.85rem}.trend-chart-v2__journey{background:linear-gradient(135deg, color-mix(in oklab, var(--gr-bg-elev), var(--gr-sage-soft) 20%) 0%, var(--gr-sage-soft) 100%);border:1px solid color-mix(in oklab, var(--gr-bg-elev), var(--gr-sage-ink) 35%);color:color-mix(in oklab, var(--gr-sage-ink), var(--gr-ink) 20%);border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:500;animation:.5s .3s both journey-slide;display:flex}@keyframes journey-slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.trend-chart-v2__journey--improving{background:linear-gradient(135deg, color-mix(in oklab, var(--gr-bg-elev), var(--gr-sage-soft) 20%) 0%, var(--gr-sage-soft) 100%);border-color:color-mix(in oklab, var(--gr-bg-elev), var(--gr-sage-ink) 35%);color:color-mix(in oklab, var(--gr-sage-ink), var(--gr-ink) 20%)}.trend-chart-v2__journey--celebration{animation:.6s celebration-pulse;box-shadow:0 0 20px #10b9814d}@keyframes celebration-pulse{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 30px #10b98180}}.trend-chart-v2__journey-icon{font-size:1.1rem}.trend-chart-v2__journey-text{flex:1}.trend-chart-v2__confetti{font-size:1.2rem;animation:.8s infinite confetti-sparkle}@keyframes confetti-sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(1.2)rotate(10deg)}}.trend-chart-v2__chart{background:var(--card);padding:1rem}.trend-chart-v2--compact .trend-chart-v2__chart{padding:.5rem}.trend-chart-v2__history{border-top:1px solid var(--gr-line);padding:1rem 1.5rem 1.5rem}.trend-chart-v2__history-title{color:var(--foreground);margin:0 0 .75rem;font-size:.9rem;font-weight:600}.trend-chart-v2__history-list{flex-direction:column;gap:.5rem;display:flex}.trend-chart-v2__history-item{background:var(--muted);border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.875rem;transition:background .2s,transform .2s;display:flex}.trend-chart-v2__history-item:hover{background:var(--accent);transform:translate(4px)}.trend-chart-v2__history-item--latest{background:linear-gradient(135deg, color-mix(in oklab, var(--gr-bg-elev), var(--gr-amber-soft) 50%) 0%, var(--gr-amber-soft) 100%);border:1px solid var(--gr-amber)}.trend-chart-v2__history-item--latest:hover{background:linear-gradient(135deg, var(--gr-amber-soft) 0%, var(--gr-amber) 100%)}.trend-chart-v2__history-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 2px #fff,0 0 0 3px}.trend-chart-v2__history-date{color:var(--foreground);flex:1}.trend-chart-v2__history-value{color:var(--foreground);font-variant-numeric:tabular-nums;font-weight:600}.trend-chart-v2__history-zone{font-size:1rem}.trend-chart-v2--single{text-align:center;padding:2rem}.trend-chart-v2--single.trend-chart-v2--compact{padding:1rem}.trend-chart-v2__single-point{flex-direction:column;align-items:center;gap:.5rem;display:flex}.trend-chart-v2__biomarker-name{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.trend-chart-v2__hero-value{align-items:baseline;gap:.25rem;display:flex}.trend-chart-v2__value-big{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:700;line-height:1}.trend-chart-v2--compact .trend-chart-v2__value-big{font-size:2rem}.trend-chart-v2__value-unit-big{color:var(--muted-foreground);font-size:1.25rem;font-weight:400}.trend-chart-v2__zone-badge--large{margin-top:.5rem;padding:.5rem 1rem;font-size:.95rem}.trend-chart-v2__single-date{color:var(--muted-foreground);margin-top:.5rem;font-size:.9rem}.trend-chart-v2__cta{background:linear-gradient(135deg, #eff6ff 0%, var(--gr-bg-elev) 100%);color:color-mix(in oklab, var(--gr-accent-ink), var(--gr-ink) 22%);border-radius:10px;margin-top:1.5rem;padding:1rem;font-size:.9rem;line-height:1.5}[data-theme=dark] .trend-chart-v2{background:var(--gr-bg-elev);border-color:color-mix(in oklab, var(--gr-line), var(--gr-ink-strong) 50%)}[data-theme=dark] .trend-chart-v2__chart{background:var(--gr-bg-elev)}[data-theme=dark] .trend-chart-v2__journey{background:linear-gradient(135deg, color-mix(in oklab, var(--gr-sage-ink), var(--gr-ink) 35%) 0%, color-mix(in oklab, var(--gr-sage-ink), var(--gr-ink) 25%) 100%);border-color:var(--gr-sage-ink);color:color-mix(in oklab, var(--gr-bg-elev), var(--gr-sage-soft) 70%)}[data-theme=dark] .trend-chart-v2__history-item{background:color-mix(in oklab, var(--gr-bg-elev), var(--gr-ink-strong) 50%)}[data-theme=dark] .trend-chart-v2__history-item--latest{background:linear-gradient(135deg, color-mix(in oklab, var(--gr-amber-ink), var(--gr-ink) 30%) 0%, color-mix(in oklab, var(--gr-amber-ink), var(--gr-ink) 35%) 100%);border-color:color-mix(in oklab, var(--gr-amber-ink), var(--gr-ink) 20%)}[data-theme=dark] .trend-chart-v2__cta{background:linear-gradient(135deg, #1e3a5f 0%, color-mix(in oklab, var(--gr-accent-ink), var(--gr-ink) 22%) 100%);color:color-mix(in oklab, var(--gr-accent), var(--gr-bg) 50%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .trend-chart-v2{background:var(--gr-bg-elev);border-color:color-mix(in oklab, var(--gr-line), var(--gr-ink-strong) 50%)}:root:not([data-theme=light]) .trend-chart-v2__chart{background:var(--gr-bg-elev)}:root:not([data-theme=light]) .trend-chart-v2__journey{background:linear-gradient(135deg, color-mix(in oklab, var(--gr-sage-ink), var(--gr-ink) 35%) 0%, color-mix(in oklab, var(--gr-sage-ink), var(--gr-ink) 25%) 100%);border-color:var(--gr-sage-ink);color:color-mix(in oklab, var(--gr-bg-elev), var(--gr-sage-soft) 70%)}:root:not([data-theme=light]) .trend-chart-v2__history-item{background:color-mix(in oklab, var(--gr-bg-elev), var(--gr-ink-strong) 50%)}:root:not([data-theme=light]) .trend-chart-v2__history-item--latest{background:linear-gradient(135deg, color-mix(in oklab, var(--gr-amber-ink), var(--gr-ink) 30%) 0%, color-mix(in oklab, var(--gr-amber-ink), var(--gr-ink) 35%) 100%);border-color:color-mix(in oklab, var(--gr-amber-ink), var(--gr-ink) 20%)}:root:not([data-theme=light]) .trend-chart-v2__cta{background:linear-gradient(135deg, #1e3a5f 0%, color-mix(in oklab, var(--gr-accent-ink), var(--gr-ink) 22%) 100%);color:color-mix(in oklab, var(--gr-accent), var(--gr-bg) 50%)}}@media (prefers-reduced-motion:reduce){.trend-chart-v2__zone-badge,.trend-chart-v2__journey,.trend-chart-v2__journey--celebration,.trend-chart-v2__confetti{animation:none}.trend-chart-v2__history-item:hover{transform:none}}@media (max-width:640px){.trend-chart-v2__header{flex-direction:column;gap:.75rem}.trend-chart-v2__journey{justify-content:center;width:100%}.trend-chart-v2__value-number{font-size:1.75rem}.trend-chart-v2__value-big{font-size:2.5rem}}