.intro-moment{width:100%;margin:0;color:#20372c}.moment-canvas{position:relative;display:grid;padding:0 0 0 1rem;isolation:isolate}.moment-app{width:86%;max-width:25rem;border:1px solid #cdd8ce;border-radius:1rem;background:#f5f8f1;overflow:hidden;box-shadow:0 .2rem .6rem #20372c08}.moment-app-bar{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid #e0e7da}.moment-wordmark{font-size:1.9rem;line-height:1;font-weight:750;letter-spacing:-.11rem}.moment-wordmark>span{color:#63876d}.moment-person{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#516b58}.moment-person>span{font-size:1.5rem}.moment-app-body{padding:1.5rem 1.5rem 2.6rem}.moment-kicker{font-size:.7rem;color:#68806d;margin-bottom:.7rem}.moment-app h2{font-size:2.2rem;font-weight:550;line-height:1.12;letter-spacing:-.075rem}.moment-prompt{font-size:.76rem;color:#6b7d6c;margin-top:.7rem}.moment-checkin{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:8.7rem;margin-top:1.5rem;padding:1rem .6rem;border:1px solid #397050;border-radius:.6rem;background:#397050;color:#fff;overflow:hidden;transition:background-color .6s ease,border-color .6s ease,color .6s ease,transform .35s ease;isolation:isolate}.moment-check-symbol{display:grid;place-items:center;width:2.25rem;height:2.25rem;margin-bottom:.4rem;border:1px solid #ffffff55;border-radius:50%;transition:border-color .5s,background .5s}.moment-check-symbol svg{width:1.8rem;height:1.8rem}.moment-button-copy,.moment-button-detail{display:grid;grid-template-columns:1fr;justify-items:center}.moment-button-copy{font-size:1.8rem;line-height:1.25;font-weight:550;letter-spacing:-.03rem}.moment-button-detail{font-size:.72rem;line-height:1.5;margin-top:.3rem;opacity:.9}.moment-before,.moment-after{grid-area:1/1;transition:opacity .35s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.moment-after{opacity:0;transform:translateY(.5rem)}.moment-tap{position:absolute;left:50%;top:49%;width:1.4rem;height:1.4rem;border:1px solid #ffffffa0;border-radius:50%;background:#ffffff22;transform:translate(-50%,-50%) scale(.3);opacity:0;pointer-events:none}.moment-receipt{position:relative;z-index:2;justify-self:end;margin-top:-1.4rem;width:84%;max-width:24rem;padding:1.2rem 1.3rem;border:1px solid #cdd8ce;border-radius:.8rem;background:#fff;box-shadow:0 .4rem 1.4rem #20372c0b;opacity:0;transform:translateY(1.6rem);transition:opacity .65s ease,transform .8s cubic-bezier(.16,1,.3,1);pointer-events:none}.moment-receipt-top{display:flex;align-items:center;justify-content:space-between;gap:.7rem;font-size:.65rem;color:#6b7d6c;margin-bottom:.9rem}.moment-receipt-top>span:first-child{display:flex;align-items:center;gap:.4rem;color:#49664f;font-weight:500}.moment-receipt-top>span:first-child>span{font-size:1.2rem}.moment-receipt-message{display:flex;align-items:center;gap:.75rem}.moment-receipt-check{display:grid;place-items:center;flex:none;width:2.2rem;height:2.2rem;background:#e7efe3;color:#397050;border-radius:50%}.moment-receipt-check svg{width:1.7rem;height:1.7rem}.moment-receipt h3{font-size:1.2rem;line-height:1.25;letter-spacing:-.03rem;font-weight:600}.moment-receipt p{font-size:.72rem;line-height:1.4;color:#6b7d6c;margin-top:.3rem}.intro-moment figcaption{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.8rem 0 0;font-size:.61rem;color:#748171;line-height:1.5}.intro-moment figcaption button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.5rem 0 .5rem .6rem;background:transparent;color:#43654b;font-size:.73rem;flex:none}.intro-moment figcaption button:hover{color:#20372c}.intro-moment figcaption svg{width:1rem;height:1rem}.intro-moment[data-phase=press] .moment-checkin{transform:scale(.965)}.intro-moment[data-phase=press] .moment-tap{animation:moment-tap .55s ease-out both}.intro-moment:is([data-phase=checked],[data-phase=shared]) .moment-checkin{background:#e5eee1;color:#2d5939;border-color:#c9dbc5}.intro-moment:is([data-phase=checked],[data-phase=shared]) .moment-check-symbol{background:#397050;color:#fff;border-color:#397050}.intro-moment:is([data-phase=checked],[data-phase=shared]) .moment-check-symbol path{animation:moment-check .5s ease both}.intro-moment:is([data-phase=checked],[data-phase=shared]) .moment-before{opacity:0;transform:translateY(-.5rem)}.intro-moment:is([data-phase=checked],[data-phase=shared]) .moment-after{opacity:1;transform:none}.intro-moment[data-phase=shared] .moment-receipt{opacity:1;transform:none}.intro-moment[data-phase=shared] .moment-receipt-check path{animation:moment-check .5s .25s ease both}
@keyframes moment-tap{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(7)}}@keyframes moment-check{from{stroke-dasharray:25;stroke-dashoffset:25}to{stroke-dasharray:25;stroke-dashoffset:0}}
@media(min-width:1000px) and (max-height:820px){.moment-app-bar{padding:1rem 1.3rem}.moment-app-body{padding:1.1rem 1.3rem 2.3rem}.moment-app h2{font-size:1.9rem}.moment-checkin{min-height:7.25rem;margin-top:1rem}.moment-receipt{padding:1rem 1.15rem}.intro-moment figcaption{margin-top:.3rem}}
@media(max-width:1000px){.moment-canvas{padding:0}.moment-app{width:95%}.moment-app-bar{padding:1rem}.moment-app-body{padding:1.2rem 1rem 2.2rem}.moment-app h2{font-size:1.8rem}.moment-prompt{font-size:.7rem}.moment-receipt{width:93%;padding:1rem}.moment-receipt h3{font-size:1.05rem}.moment-receipt p{font-size:.65rem}.moment-receipt-top{font-size:.6rem}.moment-checkin{min-height:7.5rem}.intro-moment figcaption{font-size:.55rem;gap:.6rem}}
@media(max-width:760px){.moment-app{width:90%;max-width:none}.moment-app-body{padding:1rem 1rem 2rem}.moment-app h2{font-size:1.65rem}.moment-app h2 br{display:none}.moment-kicker,.moment-prompt{display:none}.moment-app-bar{padding:.85rem 1rem}.moment-wordmark{font-size:1.6rem}.moment-checkin{min-height:6.8rem;margin-top:1rem;padding:.6rem}.moment-button-copy{font-size:1.6rem}.moment-button-detail{font-size:.68rem}.moment-receipt{max-width:none;width:88%;padding:.9rem 1rem}.moment-receipt-top{margin-bottom:.55rem}.moment-receipt h3{font-size:1.1rem}.moment-receipt p{font-size:.65rem}.moment-check-symbol{width:1.9rem;height:1.9rem}.intro-moment figcaption{margin-top:.3rem}}
@media(min-width:1000px) and (max-height:820px){.moment-app-bar{padding:.8rem 1.2rem}.moment-app-body{padding:.85rem 1.2rem 2rem}.moment-app h2{font-size:1.8rem}.moment-kicker{margin-bottom:.5rem}.moment-prompt{margin-top:.5rem}.moment-checkin{min-height:6.5rem;padding:.7rem;margin-top:.85rem}.moment-check-symbol{width:1.8rem;height:1.8rem}.moment-button-copy{font-size:1.6rem}.moment-receipt{padding:.85rem 1rem}.moment-receipt-top{margin-bottom:.6rem}}
@media(prefers-reduced-motion:reduce){.intro-moment *,.intro-moment *:before,.intro-moment *:after{animation:none!important;transition:none!important}}
/* Three compact product moments share the same app and family view. */
.moment-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1rem;border-bottom:1px solid #d7e1d4}.moment-features button{min-height:2.75rem;font-size:.75rem;line-height:1.4;background:transparent;color:#6a7a6b;padding:.6rem .15rem;border-bottom:2px solid transparent;margin-bottom:-1px}.moment-features button[aria-pressed=true]{border-color:#397050;color:#284f35;font-weight:600}.moment-features button:hover{color:#244f35;background:#eff4ec}.moment-app-body{min-height:18.5rem}.moment-medication{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:1.4rem;padding:1rem 0;border-block:1px solid #dae3d6}.moment-medication strong{display:block;font-size:1.13rem;font-weight:600;letter-spacing:-.03em}.moment-medication div>span{display:block;font-size:.65rem;color:#657863;margin-top:.35rem}.moment-dose-time{font-size:.7rem;color:#45664a;white-space:nowrap}.moment-action-status{font-size:.64rem;color:#6b7b68;line-height:1.5;margin-top:.9rem;min-height:1.1rem}.moment-actions{display:flex;gap:.6rem;margin-top:.75rem}.moment-record,.moment-secondary{font-size:.82rem;font-weight:550;min-height:2.8rem;line-height:1.4;padding:.7rem 1rem;border-radius:.5rem;transition:background .3s,color .3s}.moment-record{background:#397050;color:white;flex:1;border:1px solid #397050}.moment-secondary{background:transparent;color:#3e6647;border:1px solid #c5d5c0;flex:1}.moment-record[aria-disabled=true]{background:#e5eee1;color:#2d5939;border-color:#c9dbc5}.moment-secondary[aria-disabled=true]{color:#8a9686;cursor:default}.moment-stock{font-size:.7rem;margin-top:.65rem;color:#557152}.moment-routine-label{display:block;font-size:.66rem;margin:.9rem 0 .4rem;color:#627b62}.moment-app select{width:100%;min-height:2.75rem;background:white;border:1px solid #cbd8c6;border-radius:.4rem;color:#35533c;font:inherit;font-size:.76rem;padding:.65rem .7rem}.moment-app select:focus-visible{outline:3px solid #70947a;outline-offset:3px}.moment-reading{display:flex;align-items:baseline;gap:.65rem;flex-wrap:wrap;margin:1rem 0}.moment-reading>strong{font-size:2rem;font-weight:550;line-height:1.2;letter-spacing:-.045em}.moment-reading>.moment-session{font-size:1.1rem;letter-spacing:-.015em}.moment-reading>span{font-size:.66rem;color:#6b7b68}.moment-reading+.moment-record{width:100%}.moment-tour-controls{display:flex;gap:.75rem;flex-wrap:wrap}.intro-moment figcaption{flex-wrap:wrap}.intro-moment figcaption button{padding:.4rem 0;font-size:.66rem}.moment-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.intro-moment[data-phase=press] .moment-record{background:#294f38}.intro-moment[data-feature="2"] .moment-app-body{padding-bottom:2rem}
@media(min-width:1000px) and (max-height:820px){.moment-features{margin-bottom:.65rem}.moment-app-body{min-height:16.2rem}.moment-app h2{font-size:1.65rem}.moment-medication{margin-top:1rem;padding:.8rem 0}.moment-routine-label{margin-top:.65rem}.moment-reading{margin:.75rem 0}.moment-reading>strong{font-size:1.7rem}.moment-action-status{margin-top:.65rem}.moment-app-bar{padding:.65rem 1.2rem}.moment-checkin{margin-top:.65rem}.intro-moment[data-feature="2"] .moment-app-body{padding-bottom:1.5rem}}
@media(max-width:1000px){.moment-features{gap:.3rem}.moment-features button{font-size:.7rem}.moment-app-body{min-height:18rem}.moment-medication{flex-wrap:wrap}.moment-tour-controls{gap:.6rem}}
@media(max-width:760px){.moment-app-body{min-height:15rem}.moment-features{margin-bottom:.75rem}.moment-app select{font-size:1rem}.moment-tour-controls{margin-left:auto}.moment-reading{margin:.8rem 0}.intro-moment[data-feature="2"] .moment-app-body{padding-bottom:1.8rem}.moment-action-status{font-size:.65rem}.moment-features button{font-size:.7rem}.moment-app h2{overflow-wrap:anywhere}.moment-dose-time{white-space:normal}.moment-actions{flex-wrap:wrap}.moment-app-body .moment-kicker{display:none}}
@media(min-width:1000px) and (max-height:820px){.moment-features{margin-bottom:.4rem}.moment-app-body,.intro-moment[data-feature="2"] .moment-app-body{min-height:14.8rem;padding:.85rem 1.2rem 1.6rem}.moment-kicker{display:none}.moment-app h2{font-size:1.55rem}.moment-routine-label{margin-top:.5rem;margin-bottom:.25rem}.moment-reading{margin:.5rem 0}.moment-action-status{margin-top:.4rem}.moment-receipt{padding:.7rem 1rem}.moment-receipt-top{margin-bottom:.4rem}.moment-medication{margin-top:.8rem;padding:.7rem 0}}

.moment-features button,.moment-medication strong{overflow-wrap:anywhere}.moment-medication>div{min-width:0}