.pgb {
	--pgb-accent: #6b4f3a;
	--pgb-border: rgba(0, 0, 0, .12);
	--pgb-muted: rgba(0, 0, 0, .55);
	--pgb-card: rgba(255, 255, 255, .85);
	display: flex;
	flex-direction: column;
	gap: 16px;
	font: inherit;
}
.pgb-title { margin: 0; }
.pgb-counts { display: flex; flex-wrap: wrap; gap: 8px; }
.pgb-counts:empty { display: none; }
.pgb-count {
	padding: 4px 12px;
	border: 1px solid var(--pgb-border);
	border-radius: 999px;
	font-size: .85em;
}
.pgb-form { display: flex; flex-direction: column; gap: 10px; border-radius: 8px; }
.pgb .pgb-input {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid var(--pgb-border);
	border-radius: 6px;
	background: #fff;
	color: inherit;
	font: inherit;
}
.pgb textarea.pgb-input { resize: vertical; min-height: 96px; }
.pgb-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.pgb .pgb-button,
.pgb .pgb-more {
	align-self: flex-start;
	padding: 10px 22px;
	border: 1px solid var(--pgb-accent);
	border-radius: 6px;
	background: var(--pgb-accent);
	color: #fff;
	font: inherit;
	cursor: pointer;
	transition: opacity .15s;
}
.pgb .pgb-more { align-self: center; }
.pgb .pgb-button:disabled,
.pgb .pgb-more:disabled { opacity: .6; cursor: wait; }
.pgb-notice { font-size: .9em; min-height: 1.2em; }
.pgb-notice-success { color: #2e7d32; }
.pgb-notice-error { color: #c62828; }
.pgb-list { display: flex; flex-direction: column; gap: 12px; }
.pgb-entry {
	padding: 14px 16px;
	background: var(--pgb-card);
	border: 1px solid var(--pgb-border);
	border-radius: 8px;
}
.pgb-fresh { animation: pgb-in .5s ease-out; }
@keyframes pgb-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.pgb-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.pgb-avatar {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--pgb-accent);
	color: #fff;
	font-weight: 600;
}
.pgb-who { display: flex; flex-direction: column; min-width: 0; }
.pgb-name { font-weight: 600; overflow-wrap: anywhere; }
.pgb-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: .8em; }
.pgb-time { color: var(--pgb-muted); }
.pgb-badge { padding: 1px 8px; border-radius: 999px; background: rgba(0, 0, 0, .07); }
.pgb-badge-yes { background: #e8f5e9; color: #2e7d32; }
.pgb-badge-no { background: #fdecea; color: #c62828; }
.pgb-badge-maybe { background: #fff8e1; color: #8d6e00; }
.pgb-message { margin: 0; white-space: pre-line; overflow-wrap: anywhere; }
.pgb-empty { margin: 0; text-align: center; color: var(--pgb-muted); }
@media (prefers-reduced-motion: reduce) { .pgb-fresh { animation: none; } }