:root {
	--bg: #f7f7fb;
	--panel: #ffffff;
	--text: #1c1c28;
	--muted: #6b7280;
	--border: #e4e6eb;
	--accent: #b9492f;
	--chip-bg: #eef1f5;
	--chip-active: #b9492f;
	--card-shadow: 0 1px 3px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.04);
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #0f1115;
		--panel: #1a1d24;
		--text: #e8eaf0;
		--muted: #9aa3b2;
		--border: #2a2e38;
		--accent: #e0684e;
		--chip-bg: #232830;
		--card-shadow: 0 1px 3px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);
	}
}
* { box-sizing: border-box; }
body {
	margin: 0;
	font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	background: var(--bg);
	color: var(--text);
	line-height: 1.7;
}
.container { max-width: 920px; margin: 0 auto; padding: 32px 20px 64px; }
.hero h1 { font-size: 28px; font-weight: 800; margin: 0 0 6px; letter-spacing: .5px; }
.subtitle { color: var(--muted); margin: 0 0 14px; font-size: 14px; }
.stats { display: flex; gap: 18px; flex-wrap: wrap; font-size: 13px; color: var(--muted); margin-bottom: 22px; }
.stats b { color: var(--accent); font-size: 18px; display: block; font-weight: 700; }
.datebar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.chip {
	border: 1px solid var(--border);
	background: var(--chip-bg);
	color: var(--text);
	padding: 7px 13px; border-radius: 999px; font-size: 13px; cursor: pointer;
	transition: all .15s; white-space: nowrap;
}
.chip:hover { border-color: var(--accent); }
.chip.active { background: var(--accent); color: #fff; border-color: var(--accent); }
.chip .cnt {
	margin-left: 6px;
	font-size: 11px;
	padding: 1px 8px;
	border-radius: 999px;
	background: rgba(185,73,47,.12);
	color: var(--accent);
	font-weight: 600;
	white-space: nowrap;
}
.chip.active .cnt { background: rgba(255,255,255,.22); color: #fff; }
.mgroup { width: 100%; margin-bottom: 4px; }
.mhead {
	display: flex; align-items: center; gap: 10px; width: 100%;
	background: transparent; border: none; cursor: pointer;
	padding: 8px 2px 6px; font-size: 15px; font-weight: 700; color: var(--text);
	border-bottom: 1px solid var(--border);
}
.mhead:hover { color: var(--accent); }
.mhead .mt { }
.mhead .mc { font-size: 12px; font-weight: 500; color: var(--muted); }
.mhead .mtoggle { margin-left: auto; color: var(--muted); font-size: 18px; line-height: 1; }
.mchips { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 0 6px; }
.content { display: flex; flex-direction: column; gap: 14px; }
.day-head { font-size: 18px; font-weight: 700; margin: 6px 0 4px; }
.day-sub { color: var(--muted); font-size: 13px; margin-bottom: 10px; }
.card {
	background: var(--panel); border: 1px solid var(--border); border-radius: 14px;
	padding: 18px 20px; box-shadow: var(--card-shadow);
}
.card .top { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.card .name { font-size: 19px; font-weight: 700; }
.badge {
	font-size: 12px; font-weight: 600; padding: 2px 9px; border-radius: 6px;
	background: rgba(185,73,47,.12); color: var(--accent);
}
.tag-unverified { background: rgba(150,150,150,.18); color: var(--muted); font-size: 11px; padding: 2px 8px; border-radius: 6px; }
.card .identity { margin: 10px 0 8px; font-size: 14px; }
.card .row { font-size: 13px; margin-top: 6px; }
.card .row .k { color: var(--muted); font-weight: 600; margin-right: 6px; }
.card .source { color: var(--muted); font-size: 12px; margin-top: 10px; border-top: 1px dashed var(--border); padding-top: 8px; }
.loading { color: var(--muted); padding: 30px; text-align: center; }
.picker { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 20px; font-size: 13px; color: var(--muted); }
.picker label { font-weight: 600; }
.picker input[type="date"] {
	font: inherit; font-size: 13px; padding: 6px 10px; border: 1px solid var(--border);
	border-radius: 8px; background: var(--panel); color: var(--text); color-scheme: light dark;
}
.picker input[type="date"]:hover { border-color: var(--accent); }
.picker button {
	font: inherit; font-size: 13px; padding: 6px 12px; border-radius: 8px;
	border: 1px solid var(--border); background: var(--chip-bg); color: var(--text); cursor: pointer;
	transition: all .15s;
}
.picker button:hover { border-color: var(--accent); color: var(--accent); }
.foot { margin-top: 36px; color: var(--muted); font-size: 12px; text-align: center; border-top: 1px solid var(--border); padding-top: 16px; }