.reset-page .tool-hero {
  background:
    radial-gradient(circle at 90% 10%, color-mix(in oklab, var(--color-club) 14%, transparent) 0 12rem, transparent 22rem),
    radial-gradient(circle at 5% 100%, color-mix(in oklab, var(--color-blue) 10%, transparent) 0 14rem, transparent 24rem),
    transparent;
  border-radius: var(--radius-2xl);
}

.reset-page .tool-privacy {
  background: color-mix(in oklab, var(--color-club) 12%, var(--color-surface));
}

.reset-page .tool-privacy svg {
  color: var(--color-club);
}

.reset-form .planner-fieldset legend {
  color: var(--color-club);
}

.reset-form .chip:has(input:checked) {
  background: var(--color-club);
  border-color: var(--color-club);
  color: var(--color-text-inverse);
}

[data-theme='dark'] .reset-form .chip:has(input:checked) {
  color: #17120f;
}

.reset-output {
  background:
    linear-gradient(140deg, color-mix(in oklab, var(--color-club) 12%, var(--color-surface)), var(--color-surface));
}

.reset-output .plan-eyebrow {
  color: var(--color-club);
}

.reset-output .plan-block-lead {
  background:
    linear-gradient(135deg, color-mix(in oklab, var(--color-club) 20%, var(--color-surface)), var(--color-surface));
}

.reset-output .plan-quote {
  border-left-color: var(--color-club);
  font-style: normal;
  background: color-mix(in oklab, var(--color-club) 6%, transparent);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
}

.reset-output .plan-checklist li::before {
  border-color: var(--color-club);
  background: color-mix(in oklab, var(--color-club) 16%, transparent);
}

.plan-list {
  display: grid;
  gap: var(--space-2);
  list-style: none;
  padding: 0;
}

.plan-list li {
  position: relative;
  padding-left: var(--space-5);
  color: var(--color-text-muted);
}

.plan-list li::before {
  content: '—';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-club);
  font-weight: 700;
}

.plan-block-defer {
  background: color-mix(in oklab, var(--color-bg) 40%, var(--color-surface));
}

.plan-block-defer .plan-eyebrow {
  color: var(--color-text-muted);
}

.reset-output .plan-block-follow {
  background: color-mix(in oklab, var(--color-club) 10%, var(--color-surface));
}

.reset-output .copy-button.is-copied {
  background: var(--color-club);
  color: var(--color-text-inverse);
  border-color: var(--color-club);
}

[data-theme='dark'] .reset-output .copy-button.is-copied {
  color: #17120f;
}

@media (min-width: 760px) {
  .reset-output .plan-grid {
    grid-template-columns: 1fr 1fr;
  }
}