.ck{border-radius:var(--ws-r-md);background:var(--ws-surface-2);color:var(--ws-text);padding:20px 24px;position:relative}.ck.is-compact{box-shadow:inset 0 0 0 1px var(--ws-border-strong);background:0 0;padding:14px 16px 14px 14px}.ck-row{align-items:center;gap:14px;display:flex}.ck-icon{width:44px;height:44px;color:var(--ws-on-accent);background:var(--ws-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.ck.is-compact .ck-icon{width:36px;height:36px}.ck-main{flex:1;min-width:0}.ck-title{font-size:var(--ws-fs-body);line-height:1.35;font-weight:var(--ws-w-medium);letter-spacing:-.01em;margin:0}.ck-sub{font-size:var(--ws-fs-xs);line-height:var(--ws-lh-xs);color:var(--ws-text-2);margin-top:2px;display:block}.ck-sub.is-err{color:#e5484d}.ck-streak{font-weight:var(--ws-w-medium);color:var(--ws-text)}.ck.is-compact .ck-next{display:none}.ck-side{flex:none;align-items:center;display:flex}.ck-btn{gap:6px}.ck-link{color:var(--ws-text);font:inherit;font-weight:var(--ws-w-medium);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);cursor:pointer;background:0 0;border:0;margin-left:8px;padding:0}.ck-skel{border-radius:var(--ws-r-pill);background:var(--ws-surface-3);width:72px;height:32px;display:block}.ck-done{border-radius:var(--ws-r-pill);height:32px;font-size:var(--ws-fs-sm);font-weight:var(--ws-w-medium);color:var(--ws-text-2);box-shadow:inset 0 0 0 1px var(--ws-border-strong);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.ck-got{border-radius:var(--ws-r-pill);height:36px;color:var(--ws-on-accent);background:var(--ws-accent);white-space:nowrap;align-items:baseline;gap:4px;padding:0 16px;line-height:36px;display:inline-flex;position:relative}.ck-got b{font-size:18px;font-weight:var(--ws-w-medium);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.ck-got small{font-size:var(--ws-fs-xs);opacity:.8}.ck-got.is-fresh{animation:ck-pop .5s var(--ws-ease) both}.ck-got.is-big{height:40px;padding:0 18px;line-height:40px}.ck-got.is-big b{font-size:22px}.ck-got.is-big.is-fresh{animation:ck-pop-big .9s var(--ws-ease) both}.ck-burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.ck-burst i{width:10px;height:10px;color:var(--ws-text);opacity:0;animation:ck-fly .8s var(--ws-ease) forwards;display:block;position:absolute;top:-5px;left:-5px}.ck-burst.is-big i{animation-duration:1.2s}.ck-burst i:nth-child(2n){animation-delay:60ms}@keyframes ck-fly{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.2)}25%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d) - 18px)) scale(var(--s))}}@keyframes ck-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes ck-pop-big{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1.14)}65%{transform:scale(.97)}to{transform:scale(1)}}.ck-foot{border-top:1px solid var(--ws-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:16px;padding-top:14px;display:flex}.ck-week{gap:6px;display:flex}.ck-dot{background:var(--ws-border-strong);border-radius:3px;width:22px;height:6px}.ck-dot.is-on{background:var(--ws-accent)}.ck-dot.is-today:not(.is-on){box-shadow:inset 0 0 0 1px var(--ws-text-3);background:0 0}.ck-stats{font-size:var(--ws-fs-xs);color:var(--ws-text-2);flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex}.ck-stats .ck-link{margin-left:0}.ck-note{font-size:var(--ws-fs-xs);color:var(--ws-text-2);margin:10px 0 0}@media (max-width:639px){.ck{padding:16px}.ck-row{flex-wrap:wrap;gap:12px}.ck-icon{width:38px;height:38px}.ck-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ck:not(.is-compact) .ck-side{flex-basis:100%}.ck:not(.is-compact) .ck-btn{width:100%;height:44px}.ck-dot{width:16px}}@media (prefers-reduced-motion:reduce){.ck-got.is-fresh,.ck-got.is-big.is-fresh,.ck-burst i{animation:none}.ck-burst{display:none}}