/* CompactCSS source: /youtube/youtube.css */
:root {
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
	color: #16130f;
	background: #f4efe7;
	line-height: 1.45;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
header {
	padding: 2.5rem max(1.2rem, calc((100vw - 920px) / 2));
	background: #16130f;
	color: #fff8eb;
}
header span { font-weight: 800; letter-spacing: .08em; }
h1 { margin: .5rem 0; font-size: clamp(2rem, 6vw, 4rem); line-height: 1; }
header p { max-width: 45rem; color: #d8ccb9; }
main { width: min(920px, calc(100% - 2rem)); margin: 2rem auto 5rem; display: grid; gap: 1rem; }
.card {
	background: #fffdf9;
	border: 1px solid #d8cdbc;
	border-radius: 18px;
	padding: clamp(1rem, 3vw, 2rem);
	box-shadow: 0 16px 40px rgba(40, 30, 15, .08);
}
h2 { margin-top: 0; }
form { display: grid; gap: .9rem; margin-top: 1rem; }
label { display: grid; gap: .35rem; font-weight: 700; }
input, textarea, select, button, .button {
	font: inherit;
	border-radius: 10px;
}
input, textarea, select {
	width: 100%;
	padding: .8rem;
	border: 1px solid #aa9c87;
	background: #fff;
}
textarea { min-height: 7rem; resize: vertical; }
button, .button {
	border: 0;
	padding: .8rem 1rem;
	background: #c5161d;
	color: white;
	font-weight: 800;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
}
.secondary { background: #393129; }
.actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.check { display: flex; grid-template-columns: auto 1fr; align-items: center; gap: .5rem; }
.check input { width: auto; }
.channel { margin-top: 1rem; padding: 1rem; background: #f3eadc; border-radius: 12px; }
progress { width: 100%; height: 1.2rem; margin-top: 1rem; }
[hidden] { display: none !important; }
.error { color: #a30d14; }
.success { color: #166534; }
@media (max-width: 560px) {
	.actions { display: grid; }
	button, .button { width: 100%; }
}