/* Prepared work stays visible; playback only moves the emphasis. */
.activity-preview{--activity-signal:var(--dm-signal,#EC3013);background:var(--dm-ink,#201E1D);color:var(--dm-ground,#F3F2F2);padding:26px;border:1px solid #48413d;border-radius:14px;min-width:0;font-family:Archivo,Pretendard,sans-serif}
.activity-preview p{color:#d6cfca;word-break:keep-all}.activity-preview button{font:inherit;cursor:pointer;touch-action:manipulation}.activity-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #59504b;padding-bottom:16px;margin-bottom:14px}.activity-head small{font-size:12px;color:#d6cfca;display:block}.activity-head h2{font-size:25px;line-height:1.35;margin:5px 0 0;letter-spacing:-.04em}.activity-value{font:500 48px/1 Archivo,sans-serif;letter-spacing:-.04em;white-space:nowrap}.activity-value small{display:inline;font-size:22px;color:inherit}.activity-disclosure{font-size:12px!important;line-height:1.55!important;margin:0 0 15px!important}.activity-steps{list-style:none;padding:0;margin:0;display:grid;gap:8px}.activity-steps li{min-width:0}.activity-step{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;width:100%;text-align:left;padding:13px;background:#2c2826;border:1px solid #5c534e;border-left:3px solid transparent;border-radius:5px;color:#f3f2f2;min-height:60px}.activity-step.is-current{border-left-color:var(--activity-signal);background:#39322e}.activity-step .activity-index{font:12px/1.7 Archivo,sans-serif;color:#d3c7c0}.activity-step strong{font-size:15px;line-height:1.5;display:block}.activity-step small{font-size:12px;line-height:1.6;display:block;color:#d6cfca}.activity-step .activity-check{font-size:12px;color:#ffb6a6;white-space:nowrap}.activity-hold{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.activity-hold p{font-size:13px;line-height:1.55;margin:0;color:#f3f2f2}.activity-hold a,.activity-hold .primary{color:#201e1d;background:#f3f2f2;padding:11px 14px;font-size:13px;line-height:1.5;min-height:44px;text-decoration:none;border:0;border-radius:4px;font-weight:600}.activity-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;padding-top:13px;border-top:1px solid #59504b}.activity-controls>span{font-size:11px;line-height:1.5;color:#d6cfca}.activity-controls>div{display:flex;gap:6px;flex-shrink:0}.activity-controls button{background:transparent;border:1px solid #7f726a;color:#f3f2f2;min-height:44px;min-width:44px;padding:6px 9px;font-size:12px;border-radius:4px}.activity-controls button:disabled{opacity:.45;cursor:default}.activity-preview button:focus-visible,.activity-preview a:focus-visible{outline:3px solid #ffb6a6;outline-offset:3px}
@media(max-width:650px){.activity-preview{padding:18px;border-radius:10px}.activity-head{padding-bottom:12px;margin-bottom:12px}.activity-head h2{font-size:22px}.activity-value{font-size:44px}.activity-step{padding:10px;gap:7px;grid-template-columns:23px 1fr auto}.activity-step strong{font-size:14px}.activity-step small{font-size:12px}.activity-check{font-size:11px!important}.activity-hold{align-items:flex-start;flex-direction:column;gap:10px}.activity-hold a,.activity-hold .primary{width:100%;justify-content:center;text-align:center}.activity-controls{gap:6px;margin-top:12px;padding-top:10px}.activity-controls>span{max-width:115px}.activity-controls button{padding:6px;font-size:11px}.activity-disclosure{font-size:11px!important;margin-bottom:12px!important}}
@media(prefers-reduced-motion:reduce){.activity-preview *{animation:none!important;transition:none!important}}