*{box-sizing:border-box}body{color:#18312f;background:#f4f3ee;margin:0;font-family:Arial,Helvetica,sans-serif}main{max-width:1180px;margin:auto;padding:32px 22px 60px}header{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}h1{margin:3px 0 0;font-family:Georgia,serif;font-size:54px;font-weight:500}h2{margin:0;font-family:Georgia,serif;font-size:25px;font-weight:500}p{color:#687471;margin:6px 0}.eyebrow{letter-spacing:.18em;color:#a06d42;font-size:11px;font-weight:700}.topbar{align-items:flex-start}.identity{color:#7c8582;margin:5px 0 0;font-size:13px}.statusPill{letter-spacing:.1em;color:#7c8582;background:#fff;border:1px solid #d8dbd5;border-radius:999px;align-items:center;gap:7px;margin-top:12px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.statusPill i{background:#b9bdb8;border-radius:50%;flex:none;width:8px;height:8px}.statusPill.live{color:#35654c;background:#f3f9f5;border-color:#bcd8c6}.statusPill.live i{background:#4c8a65;box-shadow:0 0 0 3px #4c8a652e}.statusPill.stale{color:#94612a;background:#fdf8f0;border-color:#e6d4b8}.statusPill.stale i{background:#d08c34}.statusPill.offline{color:#8a9290}.statusPill.offline i{background:#c3c7c2}.langSel{gap:4px;display:flex}.langSel button{color:#596a66;cursor:pointer;background:#fff;border:1px solid #d8dbd5;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:700}.langSel button.active{color:#fff;background:#183c3a;border-color:#183c3a}.card{background:#fff;border:1px solid #deded6;border-radius:18px;box-shadow:0 7px 30px #16312f0b}.hero{grid-template-columns:300px 1fr;min-height:300px;display:grid;overflow:hidden}.hero img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.reading{flex-direction:column;justify-content:center;padding:40px 48px;display:flex}.reading>span,.metric span{letter-spacing:.12em;color:#7c8582;font-size:11px}.reading strong{flex-wrap:wrap;align-items:baseline;gap:10px;margin:8px 0;font-family:Georgia,serif;font-size:74px;font-weight:500;line-height:1.1;display:flex}.reading small,.metric small{font-family:Arial;font-size:16px;font-weight:400}.trend{color:#183c3a;font-size:56px;font-style:normal;line-height:1}.deltaRow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.delta{color:#183c3a;background:#eef3ef;border-radius:8px;padding:3px 9px;font-size:13px;font-weight:700}.upd{color:#78827f;font-size:13px}.status{color:#596a66;border-top:1px solid #e5e5de;flex-direction:column;gap:9px;margin-top:18px;padding-top:16px;font-size:13px;display:flex}.status div{align-items:center;gap:8px;display:flex}.status svg{color:#9b704e;flex:none}.clinicalStrip{border-bottom:1px solid #ecece6;flex-wrap:wrap;gap:10px 26px;margin-bottom:18px;padding-bottom:18px;display:flex}.clinicalStrip>div{flex-direction:column;gap:3px;display:flex}.clinicalStrip span{letter-spacing:.14em;color:#a0a8a5;font-size:10px;font-weight:700}.clinicalStrip b{color:#28403d;font-size:13px}.chart{margin-top:20px;padding:28px}.sectionTitle{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.rangeSel{gap:6px;display:flex}.rangeSel button{color:#596a66;cursor:pointer;background:#fff;border:1px solid #d8dbd5;border-radius:9px;padding:7px 12px;font-size:12px}.rangeSel button.active{color:#fff;background:#183c3a;border-color:#183c3a}.chartbox{height:360px;margin-top:22px}.empty{text-align:center;color:#7d8582;background:linear-gradient(#fff,#fafaf7);border:1px dashed #d7d8d2;border-radius:12px;place-items:center;height:100%;padding:30px;display:grid}.metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0;display:grid}.metric{padding:20px}.metric b{margin-top:7px;font-family:Georgia,serif;font-size:27px;font-weight:500;display:block}.clinical,.story{margin-top:14px;padding:26px}.story .teaser{color:#687471;margin:8px 0 0;font-size:14px}.storyToggle{color:#183c3a;cursor:pointer;background:#fff;border:1px solid #d8dbd5;border-radius:10px;align-items:center;gap:7px;margin-top:14px;padding:9px 15px;font-size:13px;font-weight:700;display:inline-flex}.storyToggle svg{transition:transform .2s}.storyToggle svg.flip{transform:rotate(180deg)}.storyBody{border-top:1px solid #ecece6;max-width:900px;margin-top:18px;padding-top:16px}.storyBody p{color:#3f4b47;margin:0 0 14px;font-size:14px;line-height:1.7}.storyBody p:last-child{margin-bottom:0}.event{border-bottom:1px solid #ecece6;gap:13px;padding:15px 0;display:flex}.event:last-child{border:0}.event svg{color:#9b704e;width:19px}.event b,.event span{display:block}.event b{font-size:14px}.event span{color:#89908e;margin-top:4px;font-size:12px}.muted{padding:20px 0;font-size:14px}footer{text-align:center;color:#89908e;flex-direction:column;align-items:center;gap:9px;margin-top:30px;font-size:11px;display:flex}footer a{color:#9aa2a0;font-size:11px;text-decoration:underline}footer a:hover{color:#687471}@media (max-width:700px){main{padding:18px 14px}h1{font-size:34px}.identity{font-size:12px}.statusPill{margin-top:10px}.hero{grid-template-columns:110px 1fr;min-height:170px}.reading{padding:18px 16px}.reading strong{margin:6px 0;font-size:44px}.reading strong small{font-size:13px}.trend{font-size:34px}.deltaRow{gap:8px}.delta,.upd{font-size:12px}.status{margin-top:14px;padding-top:13px;font-size:12px}.clinicalStrip{gap:10px 18px;margin-bottom:14px;padding-bottom:14px}.clinicalStrip b{font-size:12px}.metric{padding:14px}.metric b{font-size:22px}.chart{padding:20px 10px}.chartbox{height:300px}.story,.clinical{padding:20px 16px}}.expert{margin-top:18px;padding:30px}.expertIntro{grid-template-columns:48px 1fr;align-items:start;gap:16px;display:grid}.expertIcon{color:#35654c;background:#edf3ef;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.expertIntro h2{margin-top:4px}.expertIntro p{max-width:850px;line-height:1.55}.privacyNote{color:#596a66;background:#f7faf7;border:1px solid #dfe5df;border-radius:12px;align-items:flex-start;gap:10px;margin:22px 0;padding:14px 16px;font-size:13px;display:flex}.privacyNote svg{color:#4c8a65;flex:none}.expertForm{margin-top:20px}.formGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.expertForm label{color:#687471;flex-direction:column;gap:7px;font-size:12px;display:flex}.expertForm input,.expertForm textarea{color:#18312f;background:#fff;border:1px solid #d8dbd5;border-radius:11px;outline:none;width:100%;padding:12px 13px;font:14px Arial}.expertForm input:focus,.expertForm textarea:focus{border-color:#7d9c8a;box-shadow:0 0 0 3px #4c8a651a}.wide{margin-top:14px}.check{line-height:1.4;flex-direction:row!important;align-items:flex-start!important;gap:9px!important;margin-top:13px!important;display:flex!important}.check input{width:auto;margin-top:2px}.formActions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.formActions button{color:#fff;cursor:pointer;background:#183c3a;border:0;border-radius:11px;align-items:center;gap:8px;padding:12px 17px;font-weight:700;display:inline-flex}.formActions button:disabled{opacity:.55;cursor:wait}.formOk{color:#35654c;margin:0;font-size:13px}.formError{color:#9a4338;margin:0;font-size:13px}.honeypot{opacity:0!important;pointer-events:none!important;position:absolute!important;left:-10000px!important}@media (max-width:700px){.expert{padding:22px 16px}.expertIntro{grid-template-columns:1fr}.expertIcon{display:none}.formGrid{grid-template-columns:1fr}}.logMain{max-width:480px;margin:auto;padding:40px 20px 60px}.pinCard{text-align:center;padding:32px 28px}.pinCard h1{font-size:30px}.pinCard input{text-align:center;letter-spacing:.3em;border:1px solid #d8dbd5;border-radius:11px;outline:none;width:100%;margin:18px 0;padding:14px;font-size:20px}.pinCard input:focus{border-color:#7d9c8a}.pinCard button,.logForm button{color:#fff;cursor:pointer;background:#183c3a;border:0;border-radius:11px;width:100%;padding:13px;font-weight:700}.pinCard button:disabled,.logForm button:disabled{opacity:.55;cursor:wait}.logHeader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.logHeader h1{margin:0;font-size:26px}.linkBtn{color:#687471;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.logActions{align-items:center;gap:14px;display:flex}.pinBack{margin-top:16px;display:inline-block}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs button{color:#596a66;cursor:pointer;background:#fff;border:1px solid #d8dbd5;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px;font-size:13px;display:flex}.tabs button.active{color:#fff;background:#183c3a;border-color:#183c3a}.logForm{flex-direction:column;gap:14px;padding:22px;display:flex}.logForm label{color:#687471;flex-direction:column;gap:6px;font-size:12px;display:flex}.logForm input,.logForm select{color:#18312f;background:#fff;border:1px solid #d8dbd5;border-radius:11px;outline:none;padding:12px 13px;font:15px Arial}.logForm input:focus,.logForm select:focus{border-color:#7d9c8a}.syncBtn{color:#183c3a;cursor:pointer;background:#fff;border:1px solid #d8dbd5;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:11px;font-size:13px;font-weight:700;display:flex}.syncBtn:disabled{opacity:.6;cursor:wait}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}