.reminders-screen.svelte-1i87iwi {
		display: grid;
		gap: 14px;
		padding-bottom: calc(28px + env(safe-area-inset-bottom));
	}

	.reminders-header.svelte-1i87iwi {
		display: flex;
		align-items: center;
		gap: 12px;
		padding-top: 4px;
	}

	.back-button.svelte-1i87iwi {
		display: grid;
		width: 46px;
		height: 46px;
		flex: 0 0 auto;
		place-items: center;
		border: 1px solid var(--color-line);
		border-radius: 50%;
		background: var(--color-paper-2);
		color: var(--color-charcoal);
		box-shadow: var(--shadow-card);
	}

	.reminders-header.svelte-1i87iwi h1:where(.svelte-1i87iwi) {
		margin: 0;
		color: var(--color-ink);
		font-family: var(--font-display);
		font-size: 1.5rem;
	}

	.panel.svelte-1i87iwi {
		border: 1px solid var(--color-line);
		border-radius: 24px;
		background: var(--color-paper-2);
		box-shadow: var(--shadow-card);
	}

	.is-muted.svelte-1i87iwi {
		opacity: 0.62;
	}

	.toggle-row.svelte-1i87iwi,
	.panel-heading.svelte-1i87iwi {
		padding: 16px;
	}

	.toggle-row.svelte-1i87iwi {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		gap: 12px;
		cursor: pointer;
	}

	.row-copy.svelte-1i87iwi {
		min-width: 0;
	}

	.row-copy.svelte-1i87iwi strong:where(.svelte-1i87iwi) {
		display: block;
		margin-bottom: 2px;
		color: var(--color-ink);
		font-size: 0.95rem;
	}

	.row-copy.svelte-1i87iwi small:where(.svelte-1i87iwi) {
		display: block;
		margin-top: 2px;
		color: var(--color-muted);
		font-size: 0.8rem;
		font-weight: 650;
	}

	.time-panel.svelte-1i87iwi {
		overflow: hidden;
	}

	.time-list.svelte-1i87iwi {
		display: grid;
		gap: 0;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.time-list.svelte-1i87iwi li:where(.svelte-1i87iwi) {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 12px;
		border-top: 1px solid var(--color-line);
		padding: 12px 16px;
	}

	.time-value.svelte-1i87iwi {
		color: var(--color-ink);
		font-size: 0.96rem;
		font-weight: 850;
	}

	.time-actions.svelte-1i87iwi,
	.time-edit-main.svelte-1i87iwi {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.time-edit.svelte-1i87iwi {
		grid-column: 1 / -1;
		display: grid;
		gap: 10px;
	}

	.time-edit.svelte-1i87iwi input[type='time']:where(.svelte-1i87iwi),
	.add-time.svelte-1i87iwi input[type='time']:where(.svelte-1i87iwi) {
		min-height: 40px;
		border: 1px solid var(--color-line);
		border-radius: 14px;
		background: var(--color-paper);
		color: var(--color-ink);
		padding: 7px 10px;
		font: inherit;
		font-weight: 800;
	}

	.add-time.svelte-1i87iwi {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 10px;
		align-items: end;
		border-top: 1px solid var(--color-line);
		padding: 14px 16px 16px;
	}

	.add-time-start.svelte-1i87iwi {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 10px;
		align-items: center;
		border-top: 1px solid var(--color-line);
		padding: 14px 16px 16px;
		color: var(--color-muted);
		font-size: 0.8rem;
		font-weight: 800;
	}

	.add-time-actions.svelte-1i87iwi {
		display: flex;
		align-items: end;
		gap: 8px;
	}

	.add-time.svelte-1i87iwi > label:where(.svelte-1i87iwi) {
		display: grid;
		gap: 6px;
		color: var(--color-muted);
		font-size: 0.8rem;
		font-weight: 800;
	}

	.primary-action.svelte-1i87iwi,
	.secondary-action.svelte-1i87iwi {
		min-height: 38px;
		border-radius: var(--radius-pill);
		padding: 0 14px;
		font-size: 0.8rem;
		font-weight: 850;
		cursor: pointer;
	}

	.primary-action.svelte-1i87iwi {
		border: 1px solid var(--color-charcoal);
		background: var(--color-charcoal);
		color: var(--color-paper-2);
	}

	.secondary-action.svelte-1i87iwi {
		border: 1px solid var(--color-line);
		background: var(--color-paper);
		color: var(--color-charcoal);
	}

	.primary-action.svelte-1i87iwi:disabled,
	.secondary-action.svelte-1i87iwi:disabled {
		opacity: 0.55;
		cursor: not-allowed;
	}

	.nudges.svelte-1i87iwi {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.nudge-editor.svelte-1i87iwi {
		grid-column: 1 / -1;
		min-width: 0;
		margin: 0;
		border: 0;
		padding: 2px 0 0;
	}

	.nudge-editor.svelte-1i87iwi legend:where(.svelte-1i87iwi) {
		margin-bottom: 8px;
		color: var(--color-muted);
		font-size: 0.8rem;
		font-weight: 850;
	}

	.nudge-choice.svelte-1i87iwi {
		display: flex;
		position: relative;
		align-items: center;
		gap: 8px;
		border: 1px solid var(--color-line);
		border-radius: 18px;
		background: var(--color-paper);
		color: var(--color-muted);
		padding: 10px 12px;
		font-size: 0.8rem;
		font-weight: 800;
		cursor: pointer;
	}

	.nudge-choice.svelte-1i87iwi:has(input:where(.svelte-1i87iwi):checked) {
		background: color-mix(in srgb, var(--color-sage-soft) 38%, var(--color-paper-2));
		color: var(--color-charcoal);
	}

	.nudge-choice.svelte-1i87iwi:has(input:where(.svelte-1i87iwi):disabled) {
		cursor: not-allowed;
	}

	.nudge-choice.svelte-1i87iwi input:where(.svelte-1i87iwi) {
		position: absolute;
		width: 1px;
		height: 1px;
		opacity: 0;
	}

	.nudge-choice.svelte-1i87iwi:has(input:where(.svelte-1i87iwi):focus-visible) {
		outline: 2px solid color-mix(in srgb, var(--color-charcoal) 34%, transparent);
		outline-offset: 2px;
	}

	.nudge-icon.svelte-1i87iwi {
		display: grid;
		width: 22px;
		height: 22px;
		flex: 0 0 auto;
		place-items: center;
		border-radius: 50%;
		background: var(--color-paper-2);
		color: var(--color-success-text);
		opacity: 0.28;
	}

	.nudge-choice.svelte-1i87iwi:has(input:where(.svelte-1i87iwi):checked) .nudge-icon:where(.svelte-1i87iwi) {
		opacity: 1;
	}

	.toggle-row.svelte-1i87iwi input:where(.svelte-1i87iwi) {
		appearance: none;
		position: relative;
		width: 48px;
		height: 30px;
		border: 1px solid color-mix(in srgb, var(--color-charcoal) 14%, transparent);
		border-radius: var(--radius-pill);
		background: var(--color-paper-3);
		cursor: pointer;
		transition: background 140ms ease;
	}

	.toggle-row.svelte-1i87iwi input:where(.svelte-1i87iwi)::after {
		content: '';
		position: absolute;
		top: 4px;
		left: 4px;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: var(--color-paper-2);
		box-shadow: 0 2px 8px color-mix(in srgb, var(--color-charcoal) 18%, transparent);
		transition: transform 140ms ease;
	}

	.toggle-row.svelte-1i87iwi input:where(.svelte-1i87iwi):checked {
		background: var(--color-charcoal);
	}

	.toggle-row.svelte-1i87iwi input:where(.svelte-1i87iwi):checked::after {
		transform: translateX(18px);
	}

	@media (max-width: 360px) {
		.time-list.svelte-1i87iwi li:where(.svelte-1i87iwi),
		.add-time.svelte-1i87iwi,
		.add-time-start.svelte-1i87iwi {
			grid-template-columns: 1fr;
		}

		.time-actions.svelte-1i87iwi,
		.add-time-actions.svelte-1i87iwi {
			justify-content: start;
		}
	}