.ch-host{display:grid;justify-items:center;gap:.75rem;inline-size:100%;max-inline-size:440px}.ch-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}.ch-replay:hover{background:#fff4e5}.ch-replay:focus-visible{outline:2px solid #0974f1;outline-offset:2px}.ch{width:100%;max-width:440px;& .ss-stage{overflow:hidden;border-radius:28px;background:#f3fbe7}.ch-wash{position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 0,rgb(146 232 42/.4),transparent 70%),radial-gradient(60% 50% at 50% 100%,rgb(0 212 255/.16),transparent 70%)}.ch-phone{position:absolute;top:28px;left:30px}.ss-stage[data-layout=compact] .ch-phone{top:22px;left:14px}.ch-screen{position:absolute;inset:0;padding:58px 16px 0;background:#ebebf0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,DM Sans,system-ui,sans-serif;color:#000000}.ch-nav{text-align:center;font-size:17px;font-weight:600;padding:6px 0 14px}.ch-card{background:#ffffff;border-radius:24px;box-shadow:0 3px 10px rgb(0 0 0/.08)}.ch-eyebrow{font-size:12px;font-weight:700;color:#6b7280}.ch-eyebrow--detail{color:rgb(107 114 128/.75);font-variant-numeric:tabular-nums}.ch-points{padding:14px 16px 16px;display:grid;gap:3px}.ch-points__num{margin-top:8px;font-size:32px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.ch-points__rank,.ch-points__unit{font-size:12px;color:#6b7280}.ch-points__rank{font-weight:600;font-variant-numeric:tabular-nums}.ch-section{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:22px 4px 8px}.ch-held{padding:12px 14px 4px;margin-bottom:8px;display:grid;gap:8px}.ch-held__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ch-held__title{font-size:14px;font-weight:600}.ch-held__pts{flex:none;font-size:10px;font-weight:700;color:#6b7280}.ch-held__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}.ch-held__progress{font-size:12px;color:#6b7280;font-variant-numeric:tabular-nums}.ch-bar{height:6px;border-radius:999px;background:rgb(107 114 128/.14);overflow:hidden}.ch-bar__fill{display:block;height:100%;border-radius:999px;transition:width .9s cubic-bezier(.25,.8,.25,1)}.ch-bar__fill[data-metric=steps]{background:#00d4ff}.ch-remove{flex:none;display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;background:rgb(255 107 107/.12);color:#e04848;font-size:12px;font-weight:600;transition:opacity .35s ease}.ch-remove[data-hide]{opacity:0}.ch-offer,.ch-offers{display:grid;gap:8px}.ch-offer{background:#ffffff;border-radius:24px;box-shadow:0 3px 10px rgb(0 0 0/.08);padding:14px}.ch-offer__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ch-offer__title{font-size:14px;font-weight:600}.ch-offer__pts{flex:none;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.ch-offer__pts[data-metric=steps]{color:#0087a8}.ch-offer__pts[data-metric=cal]{color:#d9480f}.ch-offer__pts[data-metric=ex]{color:#4a8a00}.ch-offer__sub{font-size:12px;color:#6b7280}.ch-offer__controls{display:flex;gap:8px}.ch-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:999px;font-size:12px;transition:transform .15s ease}.ch-btn--pick{flex:1;background:#d10a40;color:#ffffff;font-weight:700}.ch-btn--pick[data-pressed]{transform:scale(.96)}.ch-btn--swap{flex:none;background:rgb(107 114 128/.08);border:1px solid rgb(0 0 0/.12);color:#000000;font-weight:600}}@media (prefers-reduced-motion:reduce){.ch-replay{display:none}}