body { font-family: system-ui, sans-serif; margin: 0; padding: 0 20px; color: #222; background: #fafafa; }
header { padding: 16px 0; border-bottom: 1px solid #e6e6e6; }
section { margin: 20px 0; background: #fff; padding: 16px; border: 1px solid #eee; border-radius: 8px; }
textarea { width: 100%; height: 160px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
button { padding: 8px 12px; margin-top: 8px; }
#heatmap { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px; }
.card { border: 1px solid #ddd; border-radius: 8px; padding: 8px; background: #fefefe; }
.badge { display: inline-block; padding: 2px 6px; border-radius: 4px; background: #eef; margin-right: 6px; }