.chikas-writer {
	--chikas-bg: #0f0f12;
	--chikas-panel: #17181d;
	--chikas-panel-soft: rgba(255, 255, 255, 0.03);
	--chikas-border: rgba(255, 255, 255, 0.08);
	--chikas-text: #f4eee8;
	--chikas-muted: #b1a79d;
	--chikas-accent: #d5b7a3;
	--chikas-accent-strong: #ead9cb;
	--chikas-danger: #ef9a9a;
	--chikas-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
	color: var(--chikas-text);
	font-family: "Georgia", "Times New Roman", serif;
}

.chikas-writer__shell {
	max-width: 720px;
	margin: 0 auto;
	padding: 32px;
	background:
		radial-gradient(circle at top, rgba(213, 183, 163, 0.12), transparent 42%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
		var(--chikas-bg);
	border: 1px solid var(--chikas-border);
	border-radius: 28px;
	box-shadow: var(--chikas-shadow);
}

.chikas-writer__title {
	margin: 0 0 22px;
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	line-height: 1.15;
	font-weight: 600;
	letter-spacing: -0.03em;
	color: var(--chikas-accent-strong);
}

.chikas-writer__form {
	display: grid;
	gap: 16px;
}

.chikas-writer__textarea,
.chikas-writer__input {
	width: 100%;
	padding: 18px 20px;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.03);
	color: var(--chikas-text);
	font: 400 1rem/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.chikas-writer__textarea {
	min-height: 160px;
	resize: vertical;
}

.chikas-writer__textarea::placeholder,
.chikas-writer__input::placeholder {
	color: rgba(244, 238, 232, 0.48);
}

.chikas-writer__textarea:focus,
.chikas-writer__input:focus {
	outline: none;
	border-color: rgba(213, 183, 163, 0.45);
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 0 0 4px rgba(213, 183, 163, 0.08);
}

.chikas-writer__meta,
.chikas-writer__actions,
.chikas-writer__submission-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.chikas-writer__counter,
.chikas-writer__status,
.chikas-writer__submission-title,
.chikas-writer__field label,
.chikas-writer__consent {
	font: 400 0.94rem/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: var(--chikas-muted);
}

.chikas-writer__button,
.chikas-writer__action-button {
	appearance: none;
	border: 0;
	border-radius: 999px;
	padding: 13px 22px;
	font: 600 0.98rem/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0.01em;
	cursor: pointer;
	transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, background-color 0.18s ease;
}

.chikas-writer__button {
	background: linear-gradient(180deg, rgba(234, 217, 203, 0.95), rgba(213, 183, 163, 0.92));
	color: #1c1715;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.chikas-writer__action-button {
	background: rgba(255, 255, 255, 0.05);
	color: var(--chikas-text);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.chikas-writer__action-button--accent {
	background: rgba(213, 183, 163, 0.16);
	border-color: rgba(213, 183, 163, 0.32);
	color: var(--chikas-accent-strong);
}

.chikas-writer__button:hover,
.chikas-writer__button:focus,
.chikas-writer__action-button:hover,
.chikas-writer__action-button:focus {
	transform: translateY(-1px);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

.chikas-writer__button:disabled,
.chikas-writer__button.is-loading,
.chikas-writer__action-button:disabled,
.chikas-writer__action-button.is-loading {
	opacity: 0.72;
	cursor: wait;
	transform: none;
}

.chikas-writer__status {
	min-height: 1.6em;
	margin: 12px 2px 0;
}

.chikas-writer__status.is-error {
	color: var(--chikas-danger);
}

.chikas-writer__output-wrap {
	margin-top: 12px;
}

.chikas-writer__output {
	padding: 24px;
	border-radius: 24px;
	border: 1px solid rgba(213, 183, 163, 0.18);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
		var(--chikas-panel);
	color: var(--chikas-text);
	font: 400 1.08rem/1.85 "Georgia", "Times New Roman", serif;
	white-space: pre-wrap;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.chikas-writer__actions {
	margin-top: 16px;
	justify-content: flex-start;
}

.chikas-writer__submission {
	margin-top: 18px;
	padding: 20px;
	border-radius: 22px;
	background: var(--chikas-panel-soft);
	border: 1px solid rgba(255, 255, 255, 0.06);
}

.chikas-writer__submission-title {
	margin: 0 0 16px;
	color: var(--chikas-accent-strong);
}

.chikas-writer__submission-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.chikas-writer__field {
	display: grid;
	gap: 8px;
}

.chikas-writer__input {
	padding: 14px 16px;
	border-radius: 18px;
}

.chikas-writer__consent {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 16px;
}

.chikas-writer__consent input {
	width: 16px;
	height: 16px;
	accent-color: var(--chikas-accent);
}

.chikas-writer__submission-actions {
	margin-top: 16px;
	justify-content: flex-start;
}

.chikas-writer__output-wrap[hidden],
.chikas-writer__submission[hidden] {
	display: none !important;
}

@media (max-width: 640px) {
	.chikas-writer__shell {
		padding: 22px;
		border-radius: 22px;
	}

	.chikas-writer__textarea {
		min-height: 140px;
		padding: 16px 18px;
	}

	.chikas-writer__meta,
	.chikas-writer__actions,
	.chikas-writer__submission-actions {
		align-items: stretch;
	}

	.chikas-writer__button,
	.chikas-writer__action-button {
		width: 100%;
		justify-content: center;
	}

	.chikas-writer__submission-grid {
		grid-template-columns: 1fr;
	}
}