.aa-host{display:grid;justify-items:center;gap:.75rem;inline-size:100%;max-inline-size:440px}.aa-replay{appearance:none;border:1px solid rgb(11 11 20/.14);background:#ffffff;color:#0b0b14;font:inherit;font-size:.875rem;font-weight:600;padding:.45rem 1rem;border-radius:999px;cursor:pointer}.aa-replay:hover{background:#f1f8e9}.aa-replay:focus-visible{outline:2px solid #0974f1;outline-offset:2px}.aa{width:100%;max-width:440px;& .ss-stage{overflow:hidden;border-radius:28px;background:#f1f6ec}.aa-wash{position:absolute;inset:0;background:radial-gradient(70% 50% at 50% 0,rgb(243 245 32/.32),transparent 70%),radial-gradient(60% 45% at 50% 100%,rgb(9 116 241/.12),transparent 70%)}.aa-phone{position:absolute;top:28px;left:30px}.ss-stage[data-layout=compact] .aa-phone{top:22px;left:14px}.aa-screen{position:absolute;inset:0;background:#ebebf0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,DM Sans,system-ui,sans-serif;color:#0b0b14}.aa-nav{top:62px;left:0;right:0;text-align:center;font-size:17px;font-weight:600}.aa-card,.aa-nav{position:absolute}.aa-card{top:104px;left:16px;right:16px;padding:18px;border-radius:22px;background:rgb(255 255 255/.92);box-shadow:0 3px 10px rgb(0 0 0/.08);overflow:hidden;display:grid;gap:18px}.aa-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f3f520,#59d102)}.aa-seg{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:2px;border-radius:9px;background:rgb(118 118 128/.12)}.aa-seg__thumb{position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 4px) / 5);border-radius:7px;background:#ffffff;box-shadow:0 3px 8px rgb(0 0 0/.12),0 1px 1px rgb(0 0 0/.04);transform:translateX(100%);transition:transform .42s cubic-bezier(.25,.8,.25,1)}.aa-seg[data-range=m] .aa-seg__thumb{transform:translateX(200%)}.aa-seg__item{position:relative;text-align:center;font-size:13px;font-weight:500;line-height:1.3;padding:5px 0;color:#0b0b14}.aa-seg__item[data-on]{font-weight:600}.aa-section{display:grid;gap:18px}.aa-rule{height:.5px;background:rgb(60 60 67/.18)}.aa-metric{display:grid;gap:10px}.aa-metric--move{--c:255 147 15}.aa-metric--exercise{--c:89 209 2}.aa-metric--steps{--c:9 116 241}.aa-metric__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.aa-metric__title{font-size:20px;font-weight:700;letter-spacing:-.01em;color:rgb(var(--c))}.aa-metric__met{font-size:15px;font-weight:700}.aa-plot{position:relative;height:96px}.aa-grid{position:absolute;left:0;right:0;height:.5px;background:rgb(60 60 67/.18)}.aa-grid--base{bottom:0}.aa-goal{position:absolute;left:0;right:0;border-top:1px dashed rgb(var(--c)/.65);transition:bottom .7s cubic-bezier(.25,.8,.25,1)}.aa-hair{position:absolute;top:0;bottom:0;width:1.5px;margin-left:-.75px;background:rgb(11 11 20/.35);opacity:0;transition:opacity .3s ease}.aa-plot[data-picked] .aa-hair{opacity:1}.aa-axis,.aa-bars{position:relative;display:flex}.aa-bars,.aa-slot{height:100%;align-items:flex-end}.aa-slot{flex:0 1 0;min-width:0;display:flex;justify-content:center;transition:flex-grow .7s cubic-bezier(.25,.8,.25,1)}.aa-slot[data-on]{flex-grow:1}.aa-bar{width:58%;border-radius:3px 3px 0 0;background:linear-gradient(rgb(var(--c)/.45),rgb(var(--c)/.3));transition:height .7s cubic-bezier(.25,.8,.25,1),width .7s ease,opacity .3s ease}.aa-metric[data-range=m] .aa-bar{width:66%}.aa-bar[data-met]{background:linear-gradient(rgb(var(--c)),rgb(var(--c)/.85))}.aa-plot[data-picked] .aa-bar:not([data-sel]){opacity:.35}.aa-callout{position:absolute;top:18px;left:clamp(64px,85%,calc(100% - 64px));transform:translate(-50%,-50%) scale(.92);display:inline-flex;align-items:baseline;gap:5px;padding:6px 10px;border-radius:999px;background:#ffffff;border:.5px solid rgb(60 60 67/.25);box-shadow:0 2px 6px rgb(0 0 0/.12);white-space:nowrap;font-size:12px;font-weight:500;color:rgb(60 60 67/.6);opacity:0;transition:opacity .25s ease,transform .35s cubic-bezier(.25,.8,.25,1)}.aa-callout b{font-size:14px;font-weight:700;color:#0b0b14}.aa-callout__dot{opacity:.45}.aa-plot[data-picked] .aa-callout{opacity:1;transform:translate(-50%,-50%)}.aa-axis{height:14px}.aa-axis[data-range=m]{animation:aa-axis-in .35s ease .55s both}.aa-axis .aa-slot{justify-content:center;align-items:center;overflow:visible}.aa-axis__label{font-size:11px;line-height:1.3;color:rgb(60 60 67/.6);white-space:nowrap}.aa-next{position:absolute;top:750px;left:16px;right:16px;display:grid;gap:10px;padding:21px 18px 18px;border-radius:22px;background:rgb(255 255 255/.92);box-shadow:0 3px 10px rgb(0 0 0/.08);overflow:hidden}.aa-next:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#9fccfa,#0974f1)}}@keyframes aa-axis-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.aa-replay{display:none}.aa .aa-axis{animation:none}}