#checkin .entry-content {
	margin-bottom:26px;
}

#checkin .ck_today {
	background:#fff;
	border:1px solid #e7e7ff;
	border-radius:var(--pix-radius-8);
	padding:16px 18px 14px;
	box-shadow:0 10px 28px rgb(88 103 221 / 8%);
	margin-bottom:26px;
}

#checkin .ck_today_head {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding-bottom:12px;
	border-bottom:1px solid #f0f2fd;
}

#checkin .ck_today_title {
	display:flex;
	align-items:baseline;
	gap:8px;
	min-width:0;
}

#checkin .ck_label {
	font-size:15px;
	color:var(--text-primary);
}

#checkin .ck_day {
	font-size:var(--pix-fs-12);
	color:#7b78a1;
	white-space:nowrap;
}

#checkin .ck_progress {
	display:flex;
	align-items:center;
	gap:10px;
	flex-shrink:0;
}

#checkin .ck_progress_num {
	display:flex;
	align-items:center;
	font-size:var(--pix-fs-13);
	color:#9498cd;
	font-variant-numeric:tabular-nums;
}

#checkin .ck_progress_num em {
	font-style:normal;
	color:var(--pix-color-accent);
}

#checkin .ck_progress_num i {
	font-style:normal;
	color:#c2c8cf;
	margin:0 1px;
}

#checkin .ck_bar {
	width:86px;
	height:4px;
	border-radius:999px;
	background:#e8ebfb;
	overflow:hidden;
}

#checkin .ck_bar i {
	display:block;
	height:100%;
	border-radius:999px;
	background:var(--pix-color-accent);
	transition:width .3s cubic-bezier(.22,.61,.36,1);
}

#checkin .ck_list {
	list-style:none;
	margin:6px 0 0;
	padding:0;
}

#checkin .ck_item {
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
	padding:10px;
	border:0;
	border-radius:var(--pix-radius-8);
	background:transparent;
	font-family:inherit;
	font-size:14px;
	color:var(--text-primary);
	text-align:left;
	cursor:pointer;
	transition:background .2s ease;
}

#checkin .ck_item:hover {
	background:#f0f2fd;
}

#checkin .ck_item.is-locked {
	cursor:default;
}

#checkin .ck_item.is-locked:hover {
	background:transparent;
}

#checkin .ck_item.is-pending {
	opacity:.6;
}

#checkin .ck_item:focus-visible {
	outline:0;
	box-shadow:0 0 0 2px rgb(43 72 255 / 20%);
}

#checkin .ck_box {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 18px;
	width:18px;
	height:18px;
	border:1.5px solid #c2c8cf;
	border-radius:5px;
	color:#fff;
	transition:border-color .2s ease,background .2s ease;
}

#checkin .ck_box i {
	font-size:12px;
	line-height:1;
	opacity:0;
	transform:scale(.5);
	transition:opacity .2s ease-out,transform .2s ease-out;
}

#checkin .ck_item.is-done .ck_box {
	background:var(--pix-color-accent);
	border-color:var(--pix-color-accent);
}

#checkin .ck_item.is-done .ck_box i {
	opacity:1;
	transform:scale(1);
}

#checkin .ck_item.is-done .ck_name {
	color:#9498cd;
}

#checkin .ck_time {
	margin-left:auto;
	font-size:var(--pix-fs-12);
	color:#7b78a1;
	font-variant-numeric:tabular-nums;
}

#checkin .ck_tip {
	margin:8px 0 0;
	padding:0 10px;
	font-size:var(--pix-fs-12);
	color:#7b78a1;
}

#checkin .ck_empty {
	margin:0;
	padding:12px 0;
	font-size:var(--pix-fs-13);
	color:#9498cd;
}

#checkin .ck_feed_head {
	margin-bottom:14px;
}

#checkin .ck_feed_title {
	display:flex;
	align-items:center;
	gap:6px;
	margin:0;
	font-size:15px;
	font-weight:500;
	color:var(--text-primary);
}

#checkin .ck_feed_title i {
	font-size:16px;
	color:var(--pix-color-accent);
}

#checkin .ck_timeline {
	position:relative;
	padding-left:26px;
}

#checkin .ck_timeline.is-empty {
	padding-left:0;
}

#checkin .ck_timeline.is-empty::before {
	content:none;
}

#checkin .ck_timeline::before {
	content:"";
	position:absolute;
	left:7px;
	top:6px;
	bottom:6px;
	width:2px;
	border-radius:2px;
	background:#e7e7ff;
}

#checkin .ck_tl_item.p_item {
	position:relative;
	padding:0 0 16px;
}

#checkin .ck_tl_item.p_item:last-child {
	padding-bottom:0;
}

#checkin .ck_tl_dot {
	position:absolute;
	left:-26px;
	top:13px;
	width:16px;
	height:16px;
	box-sizing:border-box;
	border:2px solid var(--pix-color-accent);
	border-radius:50%;
	background:#fff;
	transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out,background .2s ease-out;
}

#checkin .ck_tl_dot.is-check {
	background:var(--pix-color-accent);
	border-color:var(--pix-color-accent);
}

#checkin .ck_tl_dot.is-full {
	background:#10b981;
	border-color:#10b981;
}

#checkin .ck_tl_dot.is-part {
	background:#fff;
	border-color:#fc7f70;
}

#checkin .ck_tl_dot.is-zero {
	background:#ef4444;
	border-color:#ef4444;
}

#checkin .ck_tl_dot.is-empty {
	background:#fff;
	border-color:#c2c8cf;
}

#checkin .ck_tl_card {
	background:#fff;
	border:1px solid #e7e7ff;
	border-radius:var(--pix-radius-8);
	padding:12px 14px;
	box-shadow:0 6px 16px rgb(88 103 221 / 6%);
	transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;
}

#checkin .ck_tl_card.is-settle {
	background:#fdfdff;
}

#checkin .ck_tl_item:hover .ck_tl_card {
	transform:translateX(4px);
	border-color:#d5dfff;
	box-shadow:0 10px 22px rgb(88 103 221 / 12%);
}

#checkin .ck_tl_item:hover .ck_tl_dot {
	transform:scale(1.25);
	box-shadow:0 0 0 5px rgb(43 72 255 / 12%);
}

#checkin .ck_tl_meta {
	display:flex;
	align-items:center;
	gap:8px;
	font-size:var(--pix-fs-12);
	color:#7b78a1;
	font-variant-numeric:tabular-nums;
}

#checkin .ck_tl_text {
	margin:4px 0 0;
	font-size:14px;
	line-height:1.6;
	color:var(--text-primary);
}

#checkin .ck_tl_note {
	margin:2px 0 0;
	font-size:var(--pix-fs-13);
	line-height:1.6;
	color:#5c6180;
}

#checkin .ck_tl_tag {
	padding:1px 7px;
	border-radius:999px;
	font-size:11px;
	line-height:1.6;
	background:#f0f2fd;
	color:#676bac;
}

#checkin .ck_tl_tag.is-full {
	background:#e6f9f0;
	color:#00845a;
}

#checkin .ck_tl_tag.is-part {
	background:#fff1ee;
	color:#c4523f;
}

#checkin .ck_tl_tag.is-zero,
#checkin .ck_tl_tag.is-empty {
	background:#f4f5fa;
	color:#8b8fa8;
}

#checkin .ck_more {
	display:block;
	margin:18px auto 0;
	padding:7px 18px;
	border:1px solid #e7e7ff;
	border-radius:999px;
	background:#fff;
	font-family:inherit;
	font-size:var(--pix-fs-13);
	color:#5c6180;
	cursor:pointer;
	transition:all .2s ease;
}

#checkin .ck_more:hover {
	border-color:#d5dfff;
	background:#f7f8ff;
	color:var(--pix-color-accent);
}

#checkin .ck_more.is-loading {
	opacity:.6;
	pointer-events:none;
}

#checkin .ck_note_row {
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin-top:10px;
	padding:8px 10px;
	border-radius:var(--pix-radius-8);
	background:#f7f8ff;
}

#checkin .ck_note_label {
	flex:0 0 auto;
	font-size:var(--pix-fs-12);
	line-height:1.7;
	color:#7b78a1;
}

#checkin .ck_note_edit {
	display:flex;
	align-items:center;
	gap:6px;
	min-width:0;
	padding:0;
	border:0;
	background:none;
	font-family:inherit;
	font-size:var(--pix-fs-13);
	line-height:1.7;
	color:var(--text-primary);
	text-align:left;
	cursor:pointer;
	transition:color .2s ease;
}

#checkin .ck_note_edit span {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#checkin .ck_note_edit span.is-empty {
	color:#a9aec9;
}

#checkin .ck_note_edit i {
	flex:0 0 auto;
	font-size:13px;
	color:#a9aec9;
	transition:color .2s ease;
}

#checkin .ck_note_edit:hover,
#checkin .ck_note_edit:hover i {
	color:var(--pix-color-accent);
}

.ck_modal {
	position:fixed;
	inset:0;
	z-index:9999;
	display:none;
	align-items:center;
	justify-content:center;
	padding:20px;
}

.ck_modal.is-open {
	display:flex;
}

.ck_modal_mask {
	position:absolute;
	inset:0;
	z-index:0;
	background:rgb(24 28 48 / 42%);
	backdrop-filter:blur(2px);
	animation:ck-modal-fade .2s ease-out;
}

.ck_modal_box {
	position:relative;
	z-index:1;
	width:100%;
	max-width:400px;
	box-sizing:border-box;
	padding:20px 20px 16px;
	border:1px solid #e7e7ff;
	border-radius:12px;
	background:#fff;
	box-shadow:0 18px 48px rgb(44 54 120 / 18%);
	animation:ck-modal-pop .2s ease-out;
}

@keyframes ck-modal-fade {
	from { opacity:0; }
	to { opacity:1; }
}

@keyframes ck-modal-pop {
	from { opacity:0; transform:translateY(8px) scale(.98); }
	to { opacity:1; transform:none; }
}

.ck_modal_title {
	margin:0;
	font-size:15px;
	font-weight:500;
	color:var(--text-primary);
}

.ck_modal_desc {
	margin:6px 0 12px;
	font-size:var(--pix-fs-12);
	line-height:1.6;
	color:#7b78a1;
}

.ck_modal_input {
	display:block;
	width:100%;
	box-sizing:border-box;
	min-height:76px;
	max-height:140px;
	padding:9px 11px;
	border:1px solid #e2e5f5;
	border-radius:var(--pix-radius-8);
	background:#fbfcff;
	font-family:inherit;
	font-size:14px;
	line-height:1.6;
	color:var(--text-primary);
	resize:vertical;
	transition:border-color .2s ease,box-shadow .2s ease;
}

.ck_modal_input::placeholder {
	color:#aeb3cc;
}

.ck_modal_input:focus {
	outline:0;
	border-color:var(--pix-color-accent);
	box-shadow:0 0 0 3px rgb(43 72 255 / 12%);
}

.ck_modal_foot {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-top:12px;
}

.ck_modal_count {
	font-size:var(--pix-fs-12);
	color:#a9aec9;
	font-variant-numeric:tabular-nums;
}

.ck_modal_count i {
	font-style:normal;
}

.ck_modal_actions {
	display:flex;
	align-items:center;
	gap:8px;
}

.ck_btn {
	padding:6px 14px;
	border:1px solid transparent;
	border-radius:999px;
	font-family:inherit;
	font-size:var(--pix-fs-13);
	line-height:1.6;
	cursor:pointer;
	transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease;
}

.ck_btn.is-ghost {
	background:#fff;
	border-color:#e7e7ff;
	color:#5c6180;
}

.ck_btn.is-ghost:hover {
	background:#f7f8ff;
	border-color:#d5dfff;
}

.ck_btn.is-primary {
	background:var(--pix-color-accent);
	color:#fff;
}

.ck_btn.is-primary:hover {
	opacity:.88;
}

.ck_btn.is-pending {
	opacity:.6;
	pointer-events:none;
}

body.ck-modal-open {
	overflow:hidden;
}

html.pix-reveal-ready #checkin .ck_timeline > .ck_tl_item.is-fresh {
	opacity:1;
	transform:none;
	animation:ck-feed-in .34s cubic-bezier(.22,.61,.36,1) both;
}

@keyframes ck-feed-in {
	from {
		opacity:0;
		transform:translateY(8px);
	}

	to {
		opacity:1;
		transform:none;
	}
}

@media (max-width:760px) {
	#checkin .entry-content {
		margin-bottom:20px;
	}

	#checkin .ck_today {
		padding:14px 12px 12px;
	}

	#checkin .ck_bar {
		width:64px;
	}

	#checkin .ck_tl_card {
		padding:11px 12px;
	}
}

@media (prefers-reduced-motion:reduce) {
	#checkin .ck_tl_card,
	#checkin .ck_tl_dot,
	#checkin .ck_box i,
	#checkin .ck_bar i {
		transition:none;
	}

	#checkin .ck_tl_item:hover .ck_tl_card,
	#checkin .ck_tl_item:hover .ck_tl_dot {
		transform:none;
	}
}

@media (max-width:760px) {
	.ck_modal {
		padding:16px;
		align-items:flex-end;
	}

	.ck_modal_box {
		padding:18px 16px 14px;
	}
}

@media (prefers-reduced-motion:reduce) {
	.ck_modal_mask,
	.ck_modal_box {
		animation:none;
	}
}

@media (prefers-reduced-motion:reduce) {
	html.pix-reveal-ready #checkin .ck_timeline > .ck_tl_item.is-fresh {
		animation:none;
	}
}

.dark #checkin .ck_today {
	background:var(--dark-bg);
	border-color:var(--dark-border);
	box-shadow:0 12px 32px rgb(27 33 61 / 18%);
}

.dark #checkin .ck_today_head {
	border-bottom-color:var(--dark-border);
}

.dark #checkin .ck_label,
.dark #checkin .ck_name,
.dark #checkin .ck_tl_text {
	color:var(--text-color);
}

.dark #checkin .ck_day,
.dark #checkin .ck_time,
.dark #checkin .ck_tl_meta,
.dark #checkin .ck_tip,
.dark #checkin .ck_empty,
.dark #checkin .ck_item.is-done .ck_name,
.dark #checkin .ck_tl_note {
	color:#8f93b4;
}

.dark #checkin .ck_item:hover {
	background:var(--dark-medium-bg);
}

.dark #checkin .ck_item.is-locked:hover {
	background:transparent;
}

.dark #checkin .ck_bar {
	background:var(--dark-light-bg);
}

.dark #checkin .ck_timeline::before {
	background:var(--dark-border);
}

.dark #checkin .ck_tl_card {
	background:var(--dark-bg);
	border-color:var(--dark-border);
	box-shadow:0 8px 20px rgb(27 33 61 / 18%);
}

.dark #checkin .ck_tl_card.is-settle {
	background:var(--dark-medium-bg);
}

.dark #checkin .ck_tl_item:hover .ck_tl_card {
	border-color:var(--dark-light-bg);
}

.dark #checkin .ck_tl_dot {
	background:var(--dark-bg);
}

.dark #checkin .ck_tl_dot.is-check {
	background:var(--pix-color-accent);
	border-color:var(--pix-color-accent);
}

.dark #checkin .ck_tl_dot.is-full {
	background:#10b981;
	border-color:#10b981;
}

.dark #checkin .ck_tl_dot.is-part {
	background:var(--dark-bg);
	border-color:#fc7f70;
}

.dark #checkin .ck_tl_dot.is-zero {
	background:#ef4444;
	border-color:#ef4444;
}

.dark #checkin .ck_tl_dot.is-empty {
	background:var(--dark-bg);
	border-color:#4a4f74;
}

.dark #checkin .ck_tl_tag {
	background:var(--dark-light-bg);
	color:#c7caff;
}

.dark #checkin .ck_tl_tag.is-full {
	background:#123b2c;
	color:#4ade80;
}

.dark #checkin .ck_tl_tag.is-part {
	background:#3a2320;
	color:#fc7f70;
}

.dark #checkin .ck_tl_tag.is-zero,
.dark #checkin .ck_tl_tag.is-empty {
	background:var(--dark-medium-bg);
	color:#7b78a1;
}

.dark #checkin .ck_more {
	background:var(--dark-bg);
	border-color:var(--dark-border);
	color:var(--text-color);
}

.dark #checkin .ck_more:hover {
	background:var(--dark-medium-bg);
	color:var(--text-secondary);
}

.dark #checkin .ck_note_row {
	background:var(--dark-medium-bg);
}

.dark #checkin .ck_note_label {
	color:#8f93b4;
}

.dark #checkin .ck_note_edit {
	color:var(--text-color);
}

.dark #checkin .ck_note_edit span.is-empty,
.dark #checkin .ck_note_edit i {
	color:#7b78a1;
}

.dark .ck_modal_mask {
	background:rgb(8 10 20 / 62%);
}

.dark .ck_modal_box {
	background:var(--dark-bg);
	border-color:var(--dark-border);
	box-shadow:0 18px 48px rgb(0 0 0 / 45%);
}

.dark .ck_modal_title {
	color:var(--text-color);
}

.dark .ck_modal_desc,
.dark .ck_modal_count {
	color:#8f93b4;
}

.dark .ck_modal_input {
	background:var(--dark-medium-bg);
	border-color:var(--dark-border);
	color:var(--text-color);
}

.dark .ck_modal_input::placeholder {
	color:#6f7392;
}

.dark .ck_btn.is-ghost {
	background:var(--dark-bg);
	border-color:var(--dark-border);
	color:var(--text-color);
}

.dark .ck_btn.is-ghost:hover {
	background:var(--dark-medium-bg);
}