.fr-host{display:grid;justify-items:center;gap:.75rem;inline-size:100%;max-inline-size:440px}.fr-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}.fr-replay:hover{background:#fff6e0}.fr-replay:focus-visible{outline:2px solid #0974f1;outline-offset:2px}.fr{width:100%;max-width:440px;& .ss-stage{overflow:hidden;border-radius:28px;background:#fff6e0}.fr-wash{position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 0,rgb(255 213 79/.42),transparent 70%),radial-gradient(60% 50% at 50% 100%,rgb(239 68 68/.12),transparent 70%)}.fr-phone{position:absolute;top:30px;left:30px}.ss-stage[data-layout=compact] .fr-phone{top:24px;left:14px}.fr-screen{position:absolute;inset:0;background:#f7f7f9;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,DM Sans,system-ui,sans-serif;color:#0b0b14}.fr-tint{inset:0 0 auto;height:260px;background:linear-gradient(180deg,#fde9a8,rgb(253 233 168/.5) 55%,rgb(247 247 249/0))}.fr-seg,.fr-tint{position:absolute}.fr-seg{top:60px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr 1fr;width:236px;padding:3px;border-radius:999px;background:rgb(255 255 255/.45);box-shadow:inset 0 0 0 1px rgb(11 11 20/.06);font-size:15px;font-weight:500;text-align:center}.fr-seg>span{padding:8px 0;line-height:1.3}.fr-seg__on{border-radius:999px;background:#ffffff;font-weight:600;box-shadow:0 1px 3px rgb(11 11 20/.08)}.fr-section{top:124px;font-size:22px;font-weight:600;letter-spacing:-.01em}.fr-list,.fr-section{position:absolute;left:20px}.fr-list{top:164px;right:20px}.fr-rule{height:1px;background:rgb(11 11 20/.06)}.fr-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:12px 0}.fr-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;display:grid;place-items:center;color:#ffffff;font-size:13px;font-weight:700;text-box:trim-both cap alphabetic}.fr-col{display:grid;gap:4px;min-width:0}.fr-avatar--blank{background:rgb(11 11 20/.08)}.fr-col--filler{gap:9px;padding-top:4px}.fr-name{display:flex;align-items:center;gap:6px;line-height:1.3}.fr-name__who{font-size:14px;font-weight:600;white-space:nowrap}.fr-name__dot,.fr-name__time{font-size:12px;color:#6b7280;white-space:nowrap}.fr-pill{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.3}.fr-pill[data-tone=rings]{color:#d9443a;background:rgb(255 107 94/.14);box-shadow:inset 0 0 0 1px rgb(255 107 94/.18)}.fr-pill[data-tone=streak]{color:#b45309;background:rgb(245 158 11/.14);box-shadow:inset 0 0 0 1px rgb(245 158 11/.18)}.fr-pill[data-tone=workout]{color:#1d4ed8;background:rgb(37 99 235/.12);box-shadow:inset 0 0 0 1px rgb(37 99 235/.16)}.fr-title{font-size:15px;font-weight:600;line-height:1.3}.fr-body{font-size:13px;line-height:1.35;color:#6b7280}.fr-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.fr-chip{flex:none;display:inline-flex;align-items:center;height:32px;padding:0 11px;border-radius:999px;background:#f0f0f3;color:#6b7280;box-shadow:inset 0 0 0 1px transparent;transition:background-color .35s ease,color .35s ease,box-shadow .35s ease}.fr-chip svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.fr-chip[data-on] svg{transform:scale(1.12)}.fr-chip[data-tone=like][data-on]{color:#dc2626;background:rgb(239 68 68/.14);box-shadow:inset 0 0 0 1px rgb(239 68 68/.35)}.fr-chip[data-tone=fire][data-on]{color:#ea580c;background:rgb(249 115 22/.14);box-shadow:inset 0 0 0 1px rgb(249 115 22/.35)}.fr-chip[data-pressed]{transform:scale(.96)}.fr-chip__n{display:inline-block;overflow:hidden;max-width:0;margin-left:0;opacity:0;font-size:13px;font-weight:600;line-height:1.3;transition:max-width .35s ease,margin-left .35s ease,opacity .3s ease}.fr-chip__n[data-show]{max-width:2.5ch;margin-left:5px;opacity:1}}@media (prefers-reduced-motion:reduce){.fr-replay{display:none}}