:root { color-scheme: light; font-family: system-ui, sans-serif; }
body { margin: 0; background: #f4f5f7; color: #1c1c1c; }
.header { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; background: #1f2937; color: #fff; }
.header h1 { margin: 0; font-size: 1.4rem; }
.subtitle { margin: 4px 0 0; opacity: 0.75; }
.badge { padding: 6px 12px; border-radius: 999px; background: #6b7280; font-size: 0.85rem; }
.badge-ok { background: #15803d; }
.badge-bad { background: #b91c1c; }
main { display: grid; gap: 16px; padding: 20px 24px; max-width: 800px; margin: 0 auto; }
.card { background: #fff; border-radius: 12px; padding: 16px 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.card h2 { margin: 0 0 10px; font-size: 1.05rem; }
.hint { color: #6b7280; font-size: 0.85rem; }
.stats { display: flex; gap: 24px; margin-bottom: 12px; }
.stat { display: flex; flex-direction: column; }
.stat-label { font-size: 0.8rem; color: #6b7280; }
.daemon { display: grid; gap: 6px; margin: 0; }
.daemon div { display: flex; gap: 8px; }
.daemon dt { width: 60px; color: #6b7280; }
.daemon dd { margin: 0; font-family: monospace; }
.symbol-list { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
.symbol-list .empty { color: #6b7280; list-style: none; }
.change { font-style: normal; font-size: 0.75rem; padding: 2px 8px; border-radius: 999px; background: #e5e7eb; }
.change-added { background: #dcfce7; color: #166534; }
.change-modified { background: #fef9c3; color: #854d0e; }
.change-removed { background: #fee2e2; color: #991b1b; }
.scan-status { font-family: monospace; }
.footer { text-align: center; padding: 16px; color: #6b7280; }