:root {
	color-scheme: dark;
	--bg: #0e1513;
	--surface: #18211e;
	--surface-2: #222d29;
	--border: #33413c;
	--text: #eef3f1;
	--muted: #a9b7b2;
	--accent: #4fd1a5;
	--on-accent: #06231a;
	--vote: #f0a35e;
	--danger: #ff9c94;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.45;
}

@media (prefers-color-scheme: light) {
	:root {
		color-scheme: light;
		--bg: #f3f6f5;
		--surface: #ffffff;
		--surface-2: #e8eeec;
		--border: #cfd9d5;
		--text: #14201c;
		--muted: #52625c;
		--accent: #0b6e4f;
		--on-accent: #ffffff;
		--vote: #a4500f;
		--danger: #b3261e;
	}
}

* { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
}

a { color: inherit; }

button, input, textarea, select {
	font: inherit;
	color: inherit;
}

button { cursor: pointer; }

:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 2px;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 36px;
	padding: 6px 14px;
	border: 1px solid var(--border);
	border-radius: 10px;
	background: var(--surface-2);
	font-weight: 600;
	text-decoration: none;
}

.btn:hover { border-color: var(--muted); }

.btn-primary {
	background: var(--accent);
	border-color: var(--accent);
	color: var(--on-accent);
}

.field {
	display: block;
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(--border);
	border-radius: 10px;
	background: var(--bg);
}

.field::placeholder { color: var(--muted); }

.muted { color: var(--muted); }

.notice {
	padding: 10px 12px;
	border: 1px solid var(--border);
	border-radius: 10px;
	background: var(--surface-2);
	font-size: 13.5px;
}