
	.reset-screen.svelte-15sczaz {
		display: grid;
		min-height: calc(100svh - 36px);
		align-content: center;
		gap: 16px;
	}

	@supports (height: 100dvh) {
		.reset-screen.svelte-15sczaz {
			min-height: calc(100dvh - 36px);
		}
	}

	.back-link.svelte-15sczaz {
		display: grid;
		width: 46px;
		height: 46px;
		place-items: center;
		border: 1px solid color-mix(in srgb, var(--color-line) 90%, transparent);
		border-radius: 50%;
		background: var(--color-paper-2);
		color: var(--color-charcoal);
		box-shadow: 0 10px 24px color-mix(in srgb, var(--color-charcoal) 7%, transparent);
	}

	.reset-card.svelte-15sczaz {
		display: grid;
		gap: 18px;
		border: 1px solid var(--color-line);
		border-radius: 34px;
		background:
			radial-gradient(
				circle at 12% 0%,
				color-mix(in srgb, var(--color-sky-soft) 38%, transparent),
				transparent 36%
			),
			var(--color-paper-2);
		padding: 24px 18px 20px;
		box-shadow: var(--shadow-float);
	}

	.reset-heading.svelte-15sczaz {
		display: grid;
		gap: 4px;
	}

	.reset-heading.svelte-15sczaz p:where(.svelte-15sczaz) {
		margin: 0;
		color: var(--color-muted);
		font-size: 0.82rem;
		font-weight: 850;
	}

	.reset-heading.svelte-15sczaz h1:where(.svelte-15sczaz) {
		margin: 0;
		color: var(--color-ink);
		font-size: clamp(1.75rem, 8vw, 2.1rem);
		line-height: 1.05;
	}

	.reset-form.svelte-15sczaz {
		display: grid;
		gap: 13px;
	}

	.field.svelte-15sczaz {
		display: grid;
		gap: 7px;
	}

	.field.svelte-15sczaz > span:where(.svelte-15sczaz):first-child {
		color: var(--color-charcoal);
		font-size: 0.78rem;
		font-weight: 850;
	}

	.input-wrap.svelte-15sczaz {
		display: grid;
		grid-template-columns: 22px 1fr;
		gap: 9px;
		align-items: center;
		min-height: 50px;
		border: 1px solid color-mix(in srgb, var(--color-line) 92%, transparent);
		border-radius: 18px;
		background: var(--color-paper);
		padding: 0 12px;
		color: var(--color-muted);
	}

	.input-wrap.svelte-15sczaz:focus-within {
		border-color: color-mix(in srgb, var(--color-charcoal) 30%, var(--color-line));
		background: var(--color-paper-2);
	}

	.input-wrap.svelte-15sczaz input:where(.svelte-15sczaz) {
		min-width: 0;
		border: 0;
		outline: 0;
		background: transparent;
		color: var(--color-ink);
		font-size: 0.94rem;
		font-weight: 650;
	}

	.helper.svelte-15sczaz,
	.form-message.svelte-15sczaz,
	.field.svelte-15sczaz small:where(.svelte-15sczaz) {
		margin: 0;
		border-radius: 16px;
		padding: 10px 12px;
		font-size: 0.8rem;
		font-weight: 750;
		line-height: 1.36;
	}

	.helper.svelte-15sczaz {
		background: var(--color-info-bg);
		color: var(--color-info-text);
	}

	.form-message.svelte-15sczaz {
		background: var(--color-sage-soft);
		color: var(--color-success-text);
	}

	.field.svelte-15sczaz small:where(.svelte-15sczaz) {
		background: var(--color-danger-bg);
		color: var(--color-danger-text);
	}

	.dev-reset-link.svelte-15sczaz,
	.submit-button.svelte-15sczaz {
		display: inline-flex;
		width: 100%;
		min-height: 50px;
		align-items: center;
		justify-content: center;
		border: 0;
		border-radius: var(--radius-pill);
		font-size: 0.94rem;
		font-weight: 900;
		text-decoration: none;
		cursor: pointer;
	}

	.dev-reset-link.svelte-15sczaz {
		background: var(--color-warning-bg);
		color: var(--color-warning-text);
	}

	.submit-button.svelte-15sczaz {
		background: var(--color-charcoal);
		color: var(--color-paper-2);
		box-shadow: 0 12px 26px color-mix(in srgb, var(--color-charcoal) 18%, transparent);
	}
