:root{--bg: #f5f5f7;--text: #1d1d1f;--muted: #6e6e73;--faint: #a1a1a6;--border: rgba(0, 0, 0, .08);--accent: #007aff;--green: #248a3d;--red: #d70015}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(1100px 560px at 6% -8%,rgba(0,122,255,.08),transparent 60%),radial-gradient(900px 480px at 96% -4%,rgba(175,82,222,.06),transparent 55%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}main{max-width:1080px;margin:0 auto;padding:40px 32px 64px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(44px,8vh,84px)}.wordmark{font-size:14px;font-weight:700;letter-spacing:-.01em}.wordmark span{color:var(--faint);font-weight:600}.dose-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:#fff9;font-size:12.5px;color:var(--muted);white-space:nowrap}.dose-tag b{color:var(--text)}.dose-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #007aff26}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-action{border:1px solid var(--border);border-radius:999px;padding:7px 14px;background:#fff9;color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.topbar-action:hover{background:#fffffff2}.topbar-action:disabled{color:var(--faint);cursor:wait}.unit-toggle{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#7878801f}.unit-toggle button{border:0;background:transparent;padding:5px 14px;border-radius:999px;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.unit-toggle button:hover{color:var(--text)}.unit-toggle button.active{background:#fff;color:var(--text);box-shadow:0 2px 8px #0000001f}.hero{margin-bottom:clamp(32px,6vh,52px);animation:rise .7s cubic-bezier(.22,1,.36,1) backwards}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.hero-main{display:flex;align-items:center;gap:clamp(14px,2.5vw,24px);flex-wrap:wrap}.hero-weight{font-size:clamp(64px,10vw,100px);font-weight:800;letter-spacing:-.05em;line-height:.95;font-variant-numeric:tabular-nums}.hero-weight .unit{margin-left:8px;font-size:clamp(20px,3vw,28px);font-weight:600;letter-spacing:-.02em;color:var(--faint)}.change-chip{padding:10px 18px;border-radius:999px;font-size:clamp(15px,2vw,18px);font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.change-chip.down{color:var(--green);background:#248a3d1a}.change-chip.up{color:var(--red);background:#d7001514}.chart-section{border-top:1px solid var(--border);padding-top:10px;animation:rise .7s .15s cubic-bezier(.22,1,.36,1) backwards}.chart-section.expanded{width:calc(100vw - 64px);margin-left:calc(50% - 50vw + 32px)}.chart-body{position:relative}.chart-expand{position:absolute;z-index:4;top:8px;right:0;border:1px solid var(--border);border-radius:999px;padding:6px 12px;background:#ffffffe6;color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;line-height:1;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chart-expand:hover{color:var(--text)}svg.chart{display:block;width:100%;font-family:inherit;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}svg.chart:active{cursor:grabbing}.axis text{fill:var(--muted);font-size:11.5px;font-weight:500}.y-axis .domain{display:none}.y-axis .tick line{stroke:#3c3c4317}.x-axis .domain{stroke:#3c3c4338}.axis-caption{fill:var(--faint);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.trend-line{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}.trend-area{fill:url(#area-gradient)}.trend-dots circle{fill:#fff;stroke:var(--accent);stroke-width:1.8}.week-bar{stroke-width:9;stroke-linecap:round;opacity:.35}.week-label{font-size:11px;font-weight:700;letter-spacing:-.01em;paint-order:stroke;stroke:#ffffffd9;stroke-width:3px}.phase-line{stroke:#3c3c4329;stroke-width:1;stroke-dasharray:2 5}.phase-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;fill:var(--faint);paint-order:stroke;stroke:#ffffffd9;stroke-width:3px}.crosshair-line{stroke:#1d1d1f47;stroke-width:1;stroke-dasharray:2 4}.crosshair-halo{fill:var(--accent);opacity:.14}.crosshair-dot{fill:var(--accent);stroke:#fff;stroke-width:2.5}.tooltip{position:absolute;z-index:5;pointer-events:none;min-width:140px;padding:11px 14px;border-radius:14px;background:#fffffff0;border:1px solid var(--border);box-shadow:0 10px 30px #00000021;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tip-date{font-size:12px;font-weight:600;color:var(--muted)}.tip-weight{margin-top:3px;font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tip-weight .unit{font-size:12px;font-weight:600;color:var(--faint)}.tip-meta{margin-top:5px;font-size:11.5px;color:var(--muted)}.tip-meta b{color:var(--text)}html.embed body{background:transparent}html.embed main{max-width:none;margin:0;padding:0}html.embed .chart-section{border-top:0;padding-top:0}html.embed .chart-expand{display:none}@media (max-width: 860px){main{padding:24px 16px 48px}.chart-section.expanded{width:calc(100vw - 32px);margin-left:calc(50% - 50vw + 16px)}.topbar{margin-bottom:36px}}@media (max-width: 600px){.topbar{align-items:flex-start;flex-direction:column;gap:14px}.topbar-right{width:100%;justify-content:space-between}.dose-tag{display:none}}